Na}{

File Content: wgl-team.php

<?php
/**
 * This template can be overridden by copying it to `yourtheme[-child]/wgl-extensions/elementor/widgets/wgl-team.php`.
 */
namespace WGL_Extensions\Widgets;

defined('ABSPATH') || exit; // Abort, if called directly.

use Elementor\{
    Widget_Base,
    Controls_Manager,
    Group_Control_Border,
    Group_Control_Css_Filter,
    Group_Control_Typography,
    Group_Control_Background,
    Group_Control_Box_Shadow
};
use WGL_Extensions\{
    WGL_Framework_Global_Variables as WGL_Globals,
    Includes\WGL_Loop_Settings,
    Includes\WGL_Carousel_Settings,
    Templates\WGL_Team as Team_Template,
    Includes\WGL_Cursor
};

class WGL_Team extends Widget_Base
{
    public function get_name()
    {
        return 'wgl-team';
    }

public function get_title()
    {
        return esc_html__('WGL Team', 'wuko-core');
    }

public function get_icon()
    {
        return 'wgl-team';
    }

public function get_keywords() {
        return ['team'];
    }

public function get_categories()
    {
        return ['wgl-modules'];
    }

protected function register_controls()
    {
        /**
         * CONTENT -> GENERAL
         */

$this->start_controls_section(
            'content_general',
            ['label' => esc_html__('General', 'wuko-core')]
        );

$this->add_responsive_control(
            'posts_per_row',
            [
                'label' => esc_html__('Columns Amount', 'wuko-core'),
                'type' => Controls_Manager::SELECT,
                'render_type' => 'template',
                'options' => [
                    '1' => esc_html__('1 (one)', 'wuko-core'),
                    '2' => esc_html__('2 (two)', 'wuko-core'),
                    '3' => esc_html__('3 (three)', 'wuko-core'),
                    '4' => esc_html__('4 (four)', 'wuko-core'),
                    '5' => esc_html__('5 (five)', 'wuko-core'),
                    '6' => esc_html__('6 (six)', 'wuko-core'),
                ],
                'default' => '3',
                'tablet_default' => '2',
                'mobile_default' => '1',
                'selectors' => [
                    '{{WRAPPER}} .wgl_module_team' => '--team-width: calc(100% / {{VALUE}});',
                ],
                'frontend_available' => true,
            ]
        );

$this->add_responsive_control(
            'posts_gap',
            [
                'label' => esc_html__('Grid Gap', 'wuko-core'),
                'type' => Controls_Manager::SLIDER,
                'dynamic' => ['active' => true],
                'frontend_available' => true,
                'range' => [
                    'px' => ['min' => 0, 'max' => 70, 'step' => 2],
                ],
                'default' => ['size' => 30],
                'selectors' => [
                    '{{WRAPPER}} .wgl_module_team' => '--team-grid-gap: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

$this->add_control(
            'alignment',
            [
                'label' => esc_html__('Alignment', 'wuko-core'),
                'type' => Controls_Manager::CHOOSE,
                'toggle' => false,
                'options' => [
                    'left' => [
                        'title' => esc_html__('Left', 'wuko-core'),
                        'icon' => 'eicon-text-align-left',
                    ],
                    'center' => [
                        'title' => esc_html__('Center', 'wuko-core'),
                        'icon' => 'eicon-text-align-center',
                    ],
                    'right' => [
                        'title' => esc_html__('Right', 'wuko-core'),
                        'icon' => 'eicon-text-align-right',
                    ],
                ],
                'prefix_class' => 'a',
                'default' => 'left',
            ]
        );

$this->add_control(
            'img_size_string',
            [
                'type' => Controls_Manager::SELECT,
                'label' => esc_html__('Images Size', 'wuko-core'),
                'separator' => 'before',
                'options' => [
                    '150' => esc_html__('150x150 - Thumbnail', 'wuko-core'),
                    '300' => esc_html__('300x300 - Medium', 'wuko-core'),
                    '768' => esc_html__('768x768 - Medium Large', 'wuko-core'),
                    '1024' => esc_html__('1024x1024 - 1 Column', 'wuko-core'),
                    '800' => esc_html__('800x800 - 2 Columns', 'wuko-core'),
                    '740x1010' => esc_html__('740x1010 - 3 Columns', 'wuko-core'),
                    '834x1140' => esc_html__('834x1140 - 4 Columns', 'wuko-core'),
                    'full' => esc_html__('Full', 'wuko-core'),
                    'custom' => esc_html__('Custom', 'wuko-core'),
                ],
                'default' => '740x1010',
            ]
        );

$this->add_control(
            'img_size_array',
            [
                'label' => esc_html__('Image Dimension', 'wuko-core'),
                'type' => Controls_Manager::IMAGE_DIMENSIONS,
                'condition' => ['img_size_string' => 'custom'],
                'description' => esc_html__('You can crop the original image size to any custom size. You can also set a single value for height or width in order to keep the original size ratio.', 'wuko-core'),
                'default' => [
                    'width' => '740',
                    'height' => '940',
                ]
            ]
        );

$this->add_control(
            'img_aspect_ratio',
            [
                'type' => Controls_Manager::SELECT,
                'label' => esc_html__('Image Aspect Ratio', 'wuko-core'),
                'options' => [
                    '' => esc_html__('No Crop', 'wuko-core'),
                    '1:1' => esc_html('1:1'),
                    '3:2' => esc_html('3:2'),
                    '4:3' => esc_html('4:3'),
                    '6:5' => esc_html('6:5'),
                    '9:16' => esc_html('9:16'),
                    '16:9' => esc_html('16:9'),
                    '21:9' => esc_html('21:9'),
                ],
                'default' => '',
            ]
        );

$this->add_control(
            'thumbnail_linked',
            [
                'label' => esc_html__('Add Link on Image', 'wuko-core'),
                'separator' => 'before',
                'type' => Controls_Manager::SWITCHER,
                'default' => 'yes',
            ]
        );

$this->add_control(
            'heading_linked',
            [
                'label' => esc_html__('Add Link on Heading', 'wuko-core'),
                'type' => Controls_Manager::SWITCHER,
                'default' => 'yes',
            ]
        );

$this->end_controls_section();

/**
         * CONTENT -> APPEARANCE
         */

$this->start_controls_section(
            'content_appearance',
            ['label' => esc_html__('Appearance', 'wuko-core')]
        );

$this->add_control(
            'hide_title',
            [
                'label' => esc_html__('Hide Title', 'wuko-core'),
                'type' => Controls_Manager::SWITCHER,
            ]
        );

$this->add_control(
            'hide_highlited_info',
            [
                'label' => esc_html__('Hide Highlighted Info', 'wuko-core'),
                'type' => Controls_Manager::SWITCHER,
            ]
        );

$this->add_control(
            'hide_socials',
            [
                'label' => esc_html__('Hide Social Icons', 'wuko-core'),
                'type' => Controls_Manager::SWITCHER,
            ]
        );

$this->add_control(
            'hide_content',
            [
                'label' => esc_html__('Hide Excerpt|Content', 'wuko-core'),
                'type' => Controls_Manager::SWITCHER,
                'default' => 'yes',
            ]
        );

$this->add_control(
            'content_limit',
            [
                'label' => esc_html__('Excerpt|Content Characters Amount', 'wuko-core'),
                'type' => Controls_Manager::NUMBER,
                'dynamic' => ['active' => true],
                'condition' => ['hide_content!' => 'yes'],
                'label_block' => true,
                'min' => 5,
                'default' => '100',
            ]
        );

WGL_Cursor::init(
            $this,
            [
                'section' => false,
            ]
        );

$this->end_controls_section();

/**
         * CONTENT -> CAROUSEL OPTIONS
         */

WGL_Carousel_Settings::add_controls($this,[
            'pagination_margin' => [
                'default' => [
                    'top' => '30',
                    'right' => '0',
                    'bottom' => '0',
                    'left' => '0',
                    'unit' => 'px',
                    'isLinked' => false
                ],
            ],
            'variable_width_height' => [
                'wrapper' => '.member__thumbnail img',
            ],
        ]);

/**
         * SETTINGS -> QUERY
         */

WGL_Loop_Settings::add_controls(
            $this,
            [
                'post_type' => 'team',
                'hide_cats' => true,
                'hide_tags' => true
            ]
        );

/**
         * STYLE -> ITEM CONTAINERS
         */

$this->start_controls_section(
            'style_item_containers',
            [
                'label' => esc_html__('Item Containers', 'wuko-core'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

$this->add_responsive_control(
            'item_box_margin',
            [
                'label' => esc_html__('Margin', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'allowed_dimensions' => 'vertical',
				'placeholder' => [
					'top' => '',
					'right' => 'auto',
					'bottom' => '',
					'left' => 'auto',
				],
				'selectors' => [
					'{{WRAPPER}} .wgl_module_team .team__member' => 'margin-top: {{TOP}}{{UNIT}}; margin-bottom: {{BOTTOM}}{{UNIT}};',
				],
            ]
        );

$this->add_responsive_control(
            'item_box_padding',
            [
                'label' => esc_html__('Padding', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_control(
            'item_box_radius',
            [
                'label' => esc_html__('Border Radius', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__wrapper' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->start_controls_tabs(
            'item_box',
            ['separator' => 'before']
        );

$this->start_controls_tab(
            'item_box_idle',
            ['label' => esc_html__('Idle', 'wuko-core')]
        );

$this->add_group_control(
            Group_Control_Background::get_type(),
            [
                'name' => 'item_idle',
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .member__wrapper',
            ]
        );

$this->add_group_control(
            Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'item_idle',
                'selector' => '{{WRAPPER}} .member__wrapper',
            ]
        );

$this->end_controls_tab();

$this->start_controls_tab(
            'item_box_hover',
            ['label' => esc_html__('Hover', 'wuko-core')]
        );

$this->add_group_control(
            Group_Control_Background::get_type(),
            [
                'name' => 'item_box_hover',
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .member__wrapper:hover',
            ]
        );

$this->add_group_control(
            Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'item_box_hover',
                'selector' => '{{WRAPPER}} .member__wrapper:hover',
            ]
        );

$this->end_controls_tab();
        $this->end_controls_tabs();
        $this->end_controls_section();

/**
         * STYLE -> IMAGE
         */

$this->start_controls_section(
            'style_image',
            [
                'label' => esc_html__('Image', 'wuko-core'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

$this->add_responsive_control(
            'image_margin',
            [
                'label' => esc_html__('Margin', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__media' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_control(
            'image_radius',
            [
                'label' => esc_html__('Border Radius', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__thumbnail,
                     {{WRAPPER}} .member__thumbnail img,
                     {{WRAPPER}} .member__thumbnail::before,
                     {{WRAPPER}} .member__thumbnail::after' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_control(
            'image_scale_animation',
            [
                'label' => esc_html__( 'Image Hover Scale Animation', 'wuko-core' ),
                'type' => Controls_Manager::SWITCHER,
            ]
        );

$this->add_responsive_control(
            'image_scale_size',
            [
                'label' => esc_html__( 'Scale Size', 'wuko-core' ),
                'type' => Controls_Manager::SLIDER,
                'dynamic' => ['active' => true],
                'condition' => [ 'image_scale_animation!' => '' ],
                'range' => [
                    'px' => [ 'min' => 0.1, 'max' => 2, 'step' => 0.01 ],
                ],
                'default' => [ 'size' => 1.03 ],
                'selectors' => [
                    '{{WRAPPER}} .member__thumbnail' => '--wgl-team-image-scale-size: {{SIZE}};',
                ],
            ]
        );

$this->add_control(
            'image_transition',
            [
                'label' => esc_html__('Transition Duration', 'wuko-core'),
                'type' => Controls_Manager::SLIDER,
                'dynamic' => ['active' => true],
                'condition' => [ 'image_scale_animation!' => '' ],
                'range' => [
                    'px' => ['max' => 3, 'step' => 0.1],
                ],
                'default' => ['size' => 0.6],
                'selectors' => [
                    '{{WRAPPER}} .member__thumbnail' => '--wgl-team-image-transition: {{SIZE}}s',
                ],
            ]
        );

$this->start_controls_tabs('overlay');

$this->start_controls_tab(
            'overlay_idle',
            ['label' => esc_html__('Idle', 'wuko-core')]
        );

$this->add_group_control(
            Group_Control_Background::get_type(),
            [
                'name' => 'overlay_idle',
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .member__thumbnail::before',
            ]
        );

$this->add_control(
            'overlay_blend_idle',
            [
                'label' => esc_html__('Blend Mode', 'wuko-core'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    '' => esc_html__('Disabled', 'wuko-core'),
                    'multiply' => esc_html__('Multiply', 'wuko-core'),
                    'screen' => esc_html__('Screen', 'wuko-core'),
                    'overlay' => esc_html__('Overlay', 'wuko-core'),
                    'darken' => esc_html__('Darken', 'wuko-core'),
                    'lighten' => esc_html__('Lighten', 'wuko-core'),
                    'color-dodge' => esc_html__('Color Dodge', 'wuko-core'),
                    'saturation' => esc_html__('Saturation', 'wuko-core'),
                    'color' => esc_html__('Color', 'wuko-core'),
                    'difference' => esc_html__('Difference', 'wuko-core'),
                    'exclusion' => esc_html__('Exclusion', 'wuko-core'),
                    'hue' => esc_html__('Hue', 'wuko-core'),
                    'luminosity' => esc_html__('Luminosity', 'wuko-core'),
                ],
                'selectors' => [
                    '{{WRAPPER}} .member__thumbnail::before' => 'mix-blend-mode: {{VALUE}}',
                ],
            ]
        );

$this->add_control(
            'overlay_notice_idle',
            [
                'type' => Controls_Manager::RAW_HTML,
                'condition' => [
                    'overlay_blend_idle!' => '',
                    'overlay_idle_color' => ''
                ],
                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
                'raw' => esc_html__('Blend Mode affects only overlay color|image. Please choose one.', 'wuko-core' ),
            ]
        );

$this->add_group_control(
            Group_Control_Css_Filter::get_type(),
            [
                'name' => 'overlay_idle',
                'selector' => '{{WRAPPER}} .member__thumbnail img',
            ]
        );

$this->end_controls_tab();

$this->start_controls_tab(
            'overlay_hover',
            ['label' => esc_html__('Hover', 'wuko-core')]
        );

$this->add_group_control(
            Group_Control_Background::get_type(),
            [
                'name' => 'overlay_hover',
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .member__thumbnail::after',
            ]
        );

$this->add_control(
            'overlay_blend_hover',
            [
                'label' => esc_html__('Blend Mode', 'wuko-core'),
                'type' => Controls_Manager::SELECT,
                'options' => [
                    '' => esc_html__('Disabled', 'wuko-core'),
                    'multiply' => esc_html__('Multiply', 'wuko-core'),
                    'screen' => esc_html__('Screen', 'wuko-core'),
                    'overlay' => esc_html__('Overlay', 'wuko-core'),
                    'darken' => esc_html__('Darken', 'wuko-core'),
                    'lighten' => esc_html__('Lighten', 'wuko-core'),
                    'color-dodge' => esc_html__('Color Dodge', 'wuko-core'),
                    'saturation' => esc_html__('Saturation', 'wuko-core'),
                    'color' => esc_html__('Color', 'wuko-core'),
                    'difference' => esc_html__('Difference', 'wuko-core'),
                    'exclusion' => esc_html__('Exclusion', 'wuko-core'),
                    'hue' => esc_html__('Hue', 'wuko-core'),
                    'luminosity' => esc_html__('Luminosity', 'wuko-core'),
                ],
                'selectors' => [
                    '{{WRAPPER}} .member__thumbnail::after' => 'mix-blend-mode: {{VALUE}}',
                ],
            ]
        );

$this->add_control(
            'overlay_notice_hover',
            [
                'type' => Controls_Manager::RAW_HTML,
                'condition' => [
                    'overlay_blend_hover!' => '',
                    'overlay_hover_color' => ''
                ],
                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
                'raw' => esc_html__('Blend Mode affects only overlay color|image. Please choose one.', 'wuko-core' ),
            ]
        );

$this->add_group_control(
            Group_Control_Css_Filter::get_type(),
            [
                'name' => 'overlay_hover',
                'selector' => '{{WRAPPER}} .member__wrapper:hover .member__thumbnail img',
            ]
        );

$this->add_control(
            'overlay_hover_transition',
            [
                'label' => esc_html__('Transition Duration', 'wuko-core'),
                'type' => Controls_Manager::SLIDER,
			    'dynamic' => ['active' => true],
                'range' => [
                    'px' => ['max' => 3, 'step' => 0.1],
                ],
                'selectors' => [
                    '{{WRAPPER}} .member__thumbnail,
                     {{WRAPPER}} .member__thumbnail img,
                     {{WRAPPER}} .member__thumbnail::before,
                     {{WRAPPER}} .member__thumbnail::after' => 'transition-duration: {{SIZE}}s;',
                ],
            ]
        );

$this->end_controls_tab();
        $this->end_controls_tabs();
        $this->end_controls_section();

/**
         * STYLE -> TITLE
         */

$this->start_controls_section(
            'style_title',
            [
                'label' => esc_html__('Title', 'wuko-core'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

$this->add_group_control(
            Group_Control_Typography::get_type(),
            [
                'name' => 'title',
                'selector' => '{{WRAPPER}} .member__name',
            ]
        );

$this->add_responsive_control(
            'title_margin',
            [
                'label' => esc_html__('Margin', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__name' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_responsive_control(
            'title_padding',
            [
                'label' => esc_html__('Padding', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__name' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_group_control(
            Group_Control_Border::get_type(),
            [
                'name' => 'title_border',
                'separator' => 'before',
                'selector' => '{{WRAPPER}} .member__name',
            ]
        );

$this->start_controls_tabs(
            'tabs_title',
            ['separator' => 'before']
        );

$this->start_controls_tab(
            'tab_title_idle',
            ['label' => esc_html__('Idle', 'wuko-core')]
        );

$this->add_control(
            'title_color_idle',
            [
                'label' => esc_html__('Text Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .member__name' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->end_controls_tab();
        $this->start_controls_tab(
            'tab_title_hover',
            ['label' => esc_html__('Hover', 'wuko-core')]
        );
        $this->add_control(
            'title_color_hover',
            [
                'label' => esc_html__('Text Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .member__name a:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->end_controls_tab();
        $this->end_controls_tabs();
        $this->end_controls_section();

/**
         * STYLE -> HIGHLIGHTED INFO
         */

$this->start_controls_section(
            'style_highlighted_info',
            [
                'label' => esc_html__('Highlighted Info', 'wuko-core'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

$this->add_group_control(
            Group_Control_Typography::get_type(),
            [
                'name' => 'meta',
                'selector' => '{{WRAPPER}} .member__highlighted',
            ]
        );

$this->add_responsive_control(
            'highlighted_meta_margin',
            [
                'label' => esc_html__('Margin', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__highlighted' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_responsive_control(
            'highlighted_meta_padding',
            [
                'label' => esc_html__('Padding', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__highlighted' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->start_controls_tabs(
            'tabs_highlighted',
            ['separator' => 'before']
        );

$this->start_controls_tab(
            'tab_highlighted_idle',
            ['label' => esc_html__('Idle', 'wuko-core')]
        );

$this->add_control(
            'highlighted_idle',
            [
                'label' => esc_html__('Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
                'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .member__highlighted' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            Group_Control_Background::get_type(),
            [
                'name' => 'highlighted_bg_idle',
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .member__highlighted',
            ]
        );

$this->end_controls_tab();

$this->start_controls_tab(
            'tab_highlighted_hover',
            ['label' => esc_html__('Hover', 'wuko-core')]
        );

$this->add_control(
            'highlighted_hover',
            [
                'label' => esc_html__('Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
                'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .member__wrapper:hover .member__highlighted' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            Group_Control_Background::get_type(),
            [
                'name' => 'highlighted_bg_hover',
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .member__wrapper:hover .member__highlighted',
            ]
        );

$this->end_controls_tab();
        $this->end_controls_tabs();

$this->add_group_control(
            Group_Control_Border::get_type(),
            [
                'name' => 'highlighted_meta_border',
                'separator' => 'before',
                'selector' => '{{WRAPPER}} .member__highlighted',
            ]
        );

$this->end_controls_section();

/**
         * STYLE -> SOCIALS
         */

$this->start_controls_section(
            'style_socials',
            [
                'label' => esc_html__('Socials', 'wuko-core'),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

$this->add_responsive_control(
            'socials_margin',
            [
                'label' => esc_html__('Margin', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__socials' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_responsive_control(
            'socials_padding',
            [
                'label' => esc_html__('Padding', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__socials' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_control(
            'socials_radius',
            [
                'label' => esc_html__('Border Radius', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__socials' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_control(
            'socials_wrap_bg_idle',
            [
                'label' => esc_html__('Background Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .social__share, {{WRAPPER}} .social__icon-wrap' => 'background-color: {{VALUE}}',
                ],
            ]
        );
        $this->add_control(
            'socials_wrap_color_idle',
            [
                'label' => esc_html__('Share Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .social__share' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->start_controls_tabs(
            'socials',
            ['separator' => 'before']
        );

$this->start_controls_tab(
            'socials_idle',
            ['label' => esc_html__('Idle', 'wuko-core')]
        );

$this->add_control(
            'socials_color_idle',
            [
                'label' => esc_html__('Icon Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .social__icon' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_control(
            'socials_bg_idle',
            [
                'label' => esc_html__('Background Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .social__icon' => 'background-color: {{VALUE}}',
                ],
            ]
        );
        $this->end_controls_tab();
        $this->start_controls_tab(
            'socials_hover',
            ['label' => esc_html__('Hover', 'wuko-core')]
        );
        $this->add_control(
            'socials_color_hover',
            [
                'label' => esc_html__('Icon Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .social__icon:hover,
                     {{WRAPPER}} .team__member .social__icon::after' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_control(
            'socials_bg_hover',
            [
                'label' => esc_html__('Background Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .social__icon:hover' => 'background: {{VALUE}}',
                ],
            ]
        );
        $this->end_controls_tab();
        $this->end_controls_tabs();
        $this->end_controls_section();

/**
         * STYLE -> EXCERPT | CONTENT
         */

$this->start_controls_section(
            'style_excerpt',
            [
                'label' => esc_html__('Excerpt | Content', 'wuko-core'),
                'tab' => Controls_Manager::TAB_STYLE,
                'condition' => ['hide_content' => ''],
            ]
        );

$this->add_responsive_control(
            'content_margin',
            [
                'label' => esc_html__('Margin', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_responsive_control(
            'content_padding',
            [
                'label' => esc_html__('Padding', 'wuko-core'),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%', 'custom'],
                'selectors' => [
                    '{{WRAPPER}} .member__excerpt' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

$this->add_group_control(
            Group_Control_Typography::get_type(),
            [
                'name' => 'excerpt',
                'selector' => '{{WRAPPER}} .member__excerpt',
            ]
        );

$this->start_controls_tabs(
            'tabs_excerpt',
            ['separator' => 'before']
        );

$this->start_controls_tab(
            'tab_excerpt_idle',
            ['label' => esc_html__('Idle', 'wuko-core')]
        );

$this->add_control(
            'excerpt_color_idle',
            [
                'label' => esc_html__('Text Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .member__excerpt' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->end_controls_tab();
        $this->start_controls_tab(
            'tab_excerpt_hover',
            ['label' => esc_html__('Hover', 'wuko-core')]
        );
        $this->add_control(
            'excerpt_color_hover',
            [
                'label' => esc_html__('Text Color', 'wuko-core'),
                'type' => Controls_Manager::COLOR,
			    'dynamic' => ['active' => true],
                'selectors' => [
                    '{{WRAPPER}} .member__wrapper:hover .member__excerpt' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->end_controls_tab();
        $this->end_controls_tabs();
        $this->end_controls_section();

}

protected function render()
    {
        $atts = $this->get_settings_for_display();

(new Team_Template())->render($this, $atts);
    }

public function wpml_support_module() {
        add_filter( 'wpml_elementor_widgets_to_translate',  [$this, 'wpml_widgets_to_translate_filter']);
    }

public function wpml_widgets_to_translate_filter( $widgets ){
        return \WGL_Extensions\Includes\WGL_WPML_Settings::get_translate(
            $this, $widgets
        );
    }
}

Name	Size	Permission
wgl-accordion-service.php	110791 bytes	0644
wgl-background-clip-text.php	21249 bytes	0644
wgl-blog.php	54012 bytes	0644
wgl-button-physics.php	48634 bytes	0644
wgl-button-widget.php	78290 bytes	0644
wgl-carousel.php	5648 bytes	0644
wgl-cases.php	174614 bytes	0644
wgl-circuit-service.php	21621 bytes	0644
wgl-clients.php	28542 bytes	0644
wgl-combo-menu.php	17440 bytes	0644
wgl-contact-form-7.php	64476 bytes	0644
wgl-countdown.php	19442 bytes	0644
wgl-counter.php	36515 bytes	0644
wgl-demo-item.php	33716 bytes	0644
wgl-double-heading.php	71788 bytes	0644
wgl-dynamic-title.php	11086 bytes	0644
wgl-flipbox.php	154999 bytes	0644
wgl-gallery.php	53821 bytes	0644
wgl-highlight-board.php	64418 bytes	0644
wgl-horizontal-scroll.php	25075 bytes	0644
wgl-image-animate.php	20947 bytes	0644
wgl-image-comparison.php	6032 bytes	0644
wgl-image-hotspots.php	52892 bytes	0644
wgl-image-layers.php	25243 bytes	0644
wgl-infinity-carousel.php	30821 bytes	0644
wgl-info-box.php	224793 bytes	0644
wgl-instagram.php	38631 bytes	0644
wgl-link-overlay.php	2495 bytes	0644
wgl-pie-chart.php	22332 bytes	0644
wgl-portfolio.php	115147 bytes	0644
wgl-pricing-table.php	209138 bytes	0644
wgl-products-categories.php	51718 bytes	0644
wgl-products-grid.php	79654 bytes	0644
wgl-progress-bar.php	30822 bytes	0644
wgl-rotated-text.php	22605 bytes	0644
wgl-satellite-service.php	35978 bytes	0644
wgl-showcase.php	208669 bytes	0644
wgl-social-icons.php	22240 bytes	0644
wgl-steps.php	48391 bytes	0644
wgl-striped-services.php	183259 bytes	0644
wgl-tabs-horizontal.php	42144 bytes	0644
wgl-tabs.php	53431 bytes	0644
wgl-team.php	36456 bytes	0644
wgl-template.php	8246 bytes	0644
wgl-testimonials.php	61375 bytes	0644
wgl-text-editor.php	55551 bytes	0644
wgl-text-path.php	41438 bytes	0644
wgl-time-line-horizontal.php	37694 bytes	0644
wgl-time-line-vertical.php	199396 bytes	0644
wgl-toggle-accordion.php	66819 bytes	0644
wgl-video-popup.php	30956 bytes	0644
wgl-working-hours.php	10870 bytes	0644
wgl-zoom.php	24854 bytes	0644