<h2>File Contents: /home/planet5/public_html/wp-content/plugins/elementor-pro/modules/slides/widgets/slides.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/wp-content/plugins/elementor-pro/modules/slides/widgets/slides.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
namespace ElementorPro\Modules\Slides\Widgets;

use Elementor\Controls_Manager;
use Elementor\Core\Schemes;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Group_Control_Typography;
use Elementor\Repeater;
use ElementorPro\Base\Base_Widget;

if ( ! defined( &#039;ABSPATH&#039; ) ) {
	exit; // Exit if accessed directly
}

class Slides extends Base_Widget {

	public function get_name() {
		return &#039;slides&#039;;
	}

	public function get_title() {
		return __( &#039;Slides&#039;, &#039;elementor-pro&#039; );
	}

	public function get_icon() {
		return &#039;eicon-slides&#039;;
	}

	public function get_keywords() {
		return [ &#039;slides&#039;, &#039;carousel&#039;, &#039;image&#039;, &#039;title&#039;, &#039;slider&#039; ];
	}

	public function get_script_depends() {
		return [ &#039;imagesloaded&#039; ];
	}

	public static function get_button_sizes() {
		return [
			&#039;xs&#039; =&gt; __( &#039;Extra Small&#039;, &#039;elementor-pro&#039; ),
			&#039;sm&#039; =&gt; __( &#039;Small&#039;, &#039;elementor-pro&#039; ),
			&#039;md&#039; =&gt; __( &#039;Medium&#039;, &#039;elementor-pro&#039; ),
			&#039;lg&#039; =&gt; __( &#039;Large&#039;, &#039;elementor-pro&#039; ),
			&#039;xl&#039; =&gt; __( &#039;Extra Large&#039;, &#039;elementor-pro&#039; ),
		];
	}

	protected function _register_controls() {
		$this-&gt;start_controls_section(
			&#039;section_slides&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Slides&#039;, &#039;elementor-pro&#039; ),
			]
		);

		$repeater = new Repeater();

		$repeater-&gt;start_controls_tabs( &#039;slides_repeater&#039; );

		$repeater-&gt;start_controls_tab( &#039;background&#039;, [ &#039;label&#039; =&gt; __( &#039;Background&#039;, &#039;elementor-pro&#039; ) ] );

		$repeater-&gt;add_control(
			&#039;background_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;default&#039; =&gt; &#039;#bbbbbb&#039;,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-bg&#039; =&gt; &#039;background-color: {{VALUE}}&#039;,
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;background_image&#039;,
			[
				&#039;label&#039; =&gt; _x( &#039;Image&#039;, &#039;Background Control&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::MEDIA,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-bg&#039; =&gt; &#039;background-image: url({{URL}})&#039;,
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;background_size&#039;,
			[
				&#039;label&#039; =&gt; _x( &#039;Size&#039;, &#039;Background Control&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;cover&#039;,
				&#039;options&#039; =&gt; [
					&#039;cover&#039; =&gt; _x( &#039;Cover&#039;, &#039;Background Control&#039;, &#039;elementor-pro&#039; ),
					&#039;contain&#039; =&gt; _x( &#039;Contain&#039;, &#039;Background Control&#039;, &#039;elementor-pro&#039; ),
					&#039;auto&#039; =&gt; _x( &#039;Auto&#039;, &#039;Background Control&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-bg&#039; =&gt; &#039;background-size: {{VALUE}}&#039;,
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;background_image[url]&#039;,
							&#039;operator&#039; =&gt; &#039;!=&#039;,
							&#039;value&#039; =&gt; &#039;&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;background_ken_burns&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Ken Burns Effect&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;default&#039; =&gt; &#039;&#039;,
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;background_image[url]&#039;,
							&#039;operator&#039; =&gt; &#039;!=&#039;,
							&#039;value&#039; =&gt; &#039;&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;zoom_direction&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Zoom Direction&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;in&#039;,
				&#039;options&#039; =&gt; [
					&#039;in&#039; =&gt; __( &#039;In&#039;, &#039;elementor-pro&#039; ),
					&#039;out&#039; =&gt; __( &#039;Out&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;background_ken_burns&#039;,
							&#039;operator&#039; =&gt; &#039;!=&#039;,
							&#039;value&#039; =&gt; &#039;&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;background_overlay&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Background Overlay&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;default&#039; =&gt; &#039;&#039;,
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;background_image[url]&#039;,
							&#039;operator&#039; =&gt; &#039;!=&#039;,
							&#039;value&#039; =&gt; &#039;&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;background_overlay_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;default&#039; =&gt; &#039;rgba(0,0,0,0.5)&#039;,
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;background_overlay&#039;,
							&#039;value&#039; =&gt; &#039;yes&#039;,
						],
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .elementor-background-overlay&#039; =&gt; &#039;background-color: {{VALUE}}&#039;,
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;background_overlay_blend_mode&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Blend Mode&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;&#039; =&gt; __( &#039;Normal&#039;, &#039;elementor-pro&#039; ),
					&#039;multiply&#039; =&gt; &#039;Multiply&#039;,
					&#039;screen&#039; =&gt; &#039;Screen&#039;,
					&#039;overlay&#039; =&gt; &#039;Overlay&#039;,
					&#039;darken&#039; =&gt; &#039;Darken&#039;,
					&#039;lighten&#039; =&gt; &#039;Lighten&#039;,
					&#039;color-dodge&#039; =&gt; &#039;Color Dodge&#039;,
					&#039;color-burn&#039; =&gt; &#039;Color Burn&#039;,
					&#039;hue&#039; =&gt; &#039;Hue&#039;,
					&#039;saturation&#039; =&gt; &#039;Saturation&#039;,
					&#039;color&#039; =&gt; &#039;Color&#039;,
					&#039;exclusion&#039; =&gt; &#039;Exclusion&#039;,
					&#039;luminosity&#039; =&gt; &#039;Luminosity&#039;,
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;background_overlay&#039;,
							&#039;value&#039; =&gt; &#039;yes&#039;,
						],
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .elementor-background-overlay&#039; =&gt; &#039;mix-blend-mode: {{VALUE}}&#039;,
				],
			]
		);

		$repeater-&gt;end_controls_tab();

		$repeater-&gt;start_controls_tab( &#039;content&#039;, [ &#039;label&#039; =&gt; __( &#039;Content&#039;, &#039;elementor-pro&#039; ) ] );

		$repeater-&gt;add_control(
			&#039;heading&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Title &amp; Description&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;default&#039; =&gt; __( &#039;Slide Heading&#039;, &#039;elementor-pro&#039; ),
				&#039;label_block&#039; =&gt; true,
			]
		);

		$repeater-&gt;add_control(
			&#039;description&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Description&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXTAREA,
				&#039;default&#039; =&gt; __( &#039;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.&#039;, &#039;elementor-pro&#039; ),
				&#039;show_label&#039; =&gt; false,
			]
		);

		$repeater-&gt;add_control(
			&#039;button_text&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Button Text&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;default&#039; =&gt; __( &#039;Click Here&#039;, &#039;elementor-pro&#039; ),
			]
		);

		$repeater-&gt;add_control(
			&#039;link&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Link&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::URL,
				&#039;placeholder&#039; =&gt; __( &#039;https://your-link.com&#039;, &#039;elementor-pro&#039; ),
			]
		);

		$repeater-&gt;add_control(
			&#039;link_click&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Apply Link On&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;slide&#039; =&gt; __( &#039;Whole Slide&#039;, &#039;elementor-pro&#039; ),
					&#039;button&#039; =&gt; __( &#039;Button Only&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;default&#039; =&gt; &#039;slide&#039;,
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;link[url]&#039;,
							&#039;operator&#039; =&gt; &#039;!=&#039;,
							&#039;value&#039; =&gt; &#039;&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;end_controls_tab();

		$repeater-&gt;start_controls_tab( &#039;style&#039;, [ &#039;label&#039; =&gt; __( &#039;Style&#039;, &#039;elementor-pro&#039; ) ] );

		$repeater-&gt;add_control(
			&#039;custom_style&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Custom&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;description&#039; =&gt; __( &#039;Set custom style that will only affect this specific slide.&#039;, &#039;elementor-pro&#039; ),
			]
		);

		$repeater-&gt;add_control(
			&#039;horizontal_position&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Horizontal Position&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;left&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Left&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Center&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-center&#039;,
					],
					&#039;right&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Right&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-right&#039;,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-contents&#039; =&gt; &#039;{{VALUE}}&#039;,
				],
				&#039;selectors_dictionary&#039; =&gt; [
					&#039;left&#039; =&gt; &#039;margin-right: auto&#039;,
					&#039;center&#039; =&gt; &#039;margin: 0 auto&#039;,
					&#039;right&#039; =&gt; &#039;margin-left: auto&#039;,
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;custom_style&#039;,
							&#039;value&#039; =&gt; &#039;yes&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;vertical_position&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Vertical Position&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;top&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Top&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-top&#039;,
					],
					&#039;middle&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Middle&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-middle&#039;,
					],
					&#039;bottom&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Bottom&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-bottom&#039;,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-inner&#039; =&gt; &#039;align-items: {{VALUE}}&#039;,
				],
				&#039;selectors_dictionary&#039; =&gt; [
					&#039;top&#039; =&gt; &#039;flex-start&#039;,
					&#039;middle&#039; =&gt; &#039;center&#039;,
					&#039;bottom&#039; =&gt; &#039;flex-end&#039;,
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;custom_style&#039;,
							&#039;value&#039; =&gt; &#039;yes&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;text_align&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Text Align&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;left&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Left&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Center&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-center&#039;,
					],
					&#039;right&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Right&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-right&#039;,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-inner&#039; =&gt; &#039;text-align: {{VALUE}}&#039;,
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;custom_style&#039;,
							&#039;value&#039; =&gt; &#039;yes&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_control(
			&#039;content_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Content Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-inner .elementor-slide-heading&#039; =&gt; &#039;color: {{VALUE}}&#039;,
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-inner .elementor-slide-description&#039; =&gt; &#039;color: {{VALUE}}&#039;,
					&#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-inner .elementor-slide-button&#039; =&gt; &#039;color: {{VALUE}}; border-color: {{VALUE}}&#039;,
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;custom_style&#039;,
							&#039;value&#039; =&gt; &#039;yes&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;add_group_control(
			Group_Control_Text_Shadow::get_type(),
			[
				&#039;name&#039; =&gt; &#039;repeater_text_shadow&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-contents&#039;,
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;custom_style&#039;,
							&#039;value&#039; =&gt; &#039;yes&#039;,
						],
					],
				],
			]
		);

		$repeater-&gt;end_controls_tab();

		$repeater-&gt;end_controls_tabs();

		$this-&gt;add_control(
			&#039;slides&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Slides&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::REPEATER,
				&#039;show_label&#039; =&gt; true,
				&#039;fields&#039; =&gt; $repeater-&gt;get_controls(),
				&#039;default&#039; =&gt; [
					[
						&#039;heading&#039; =&gt; __( &#039;Slide 1 Heading&#039;, &#039;elementor-pro&#039; ),
						&#039;description&#039; =&gt; __( &#039;Lorem ipsum dolor sit amet consectetur adipiscing elit dolor&#039;, &#039;elementor-pro&#039; ),
						&#039;button_text&#039; =&gt; __( &#039;Click Here&#039;, &#039;elementor-pro&#039; ),
						&#039;background_color&#039; =&gt; &#039;#833ca3&#039;,
					],
					[
						&#039;heading&#039; =&gt; __( &#039;Slide 2 Heading&#039;, &#039;elementor-pro&#039; ),
						&#039;description&#039; =&gt; __( &#039;Lorem ipsum dolor sit amet consectetur adipiscing elit dolor&#039;, &#039;elementor-pro&#039; ),
						&#039;button_text&#039; =&gt; __( &#039;Click Here&#039;, &#039;elementor-pro&#039; ),
						&#039;background_color&#039; =&gt; &#039;#4054b2&#039;,
					],
					[
						&#039;heading&#039; =&gt; __( &#039;Slide 3 Heading&#039;, &#039;elementor-pro&#039; ),
						&#039;description&#039; =&gt; __( &#039;Lorem ipsum dolor sit amet consectetur adipiscing elit dolor&#039;, &#039;elementor-pro&#039; ),
						&#039;button_text&#039; =&gt; __( &#039;Click Here&#039;, &#039;elementor-pro&#039; ),
						&#039;background_color&#039; =&gt; &#039;#1abc9c&#039;,
					],
				],
				&#039;title_field&#039; =&gt; &#039;{{{ heading }}}&#039;,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;slides_height&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Height&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 100,
						&#039;max&#039; =&gt; 1000,
					],
					&#039;vh&#039; =&gt; [
						&#039;min&#039; =&gt; 10,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 400,
				],
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;vh&#039;, &#039;em&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-slide&#039; =&gt; &#039;height: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;separator&#039; =&gt; &#039;before&#039;,
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_slider_options&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Slider Options&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SECTION,
			]
		);

		$this-&gt;add_control(
			&#039;navigation&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Navigation&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;both&#039;,
				&#039;options&#039; =&gt; [
					&#039;both&#039; =&gt; __( &#039;Arrows and Dots&#039;, &#039;elementor-pro&#039; ),
					&#039;arrows&#039; =&gt; __( &#039;Arrows&#039;, &#039;elementor-pro&#039; ),
					&#039;dots&#039; =&gt; __( &#039;Dots&#039;, &#039;elementor-pro&#039; ),
					&#039;none&#039; =&gt; __( &#039;None&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_control(
			&#039;autoplay&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Autoplay&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;default&#039; =&gt; &#039;yes&#039;,
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_control(
			&#039;pause_on_hover&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Pause on Hover&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;default&#039; =&gt; &#039;yes&#039;,
				&#039;frontend_available&#039; =&gt; true,
				&#039;condition&#039; =&gt; [
					&#039;autoplay!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;pause_on_interaction&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Pause on Interaction&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;default&#039; =&gt; &#039;yes&#039;,
				&#039;frontend_available&#039; =&gt; true,
				&#039;condition&#039; =&gt; [
					&#039;autoplay!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;autoplay_speed&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Autoplay Speed&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;default&#039; =&gt; 5000,
				&#039;condition&#039; =&gt; [
					&#039;autoplay&#039; =&gt; &#039;yes&#039;,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-slide&#039; =&gt; &#039;transition-duration: calc({{VALUE}}ms*1.2)&#039;,
				],
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_control(
			&#039;infinite&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Infinite Loop&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;default&#039; =&gt; &#039;yes&#039;,
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_control(
			&#039;transition&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Transition&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;slide&#039;,
				&#039;options&#039; =&gt; [
					&#039;slide&#039; =&gt; __( &#039;Slide&#039;, &#039;elementor-pro&#039; ),
					&#039;fade&#039; =&gt; __( &#039;Fade&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_control(
			&#039;transition_speed&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Transition Speed&#039;, &#039;elementor-pro&#039; ) . &#039; (ms)&#039;,
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;default&#039; =&gt; 500,
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_control(
			&#039;content_animation&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Content Animation&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;fadeInUp&#039;,
				&#039;options&#039; =&gt; [
					&#039;&#039; =&gt; __( &#039;None&#039;, &#039;elementor-pro&#039; ),
					&#039;fadeInDown&#039; =&gt; __( &#039;Down&#039;, &#039;elementor-pro&#039; ),
					&#039;fadeInUp&#039; =&gt; __( &#039;Up&#039;, &#039;elementor-pro&#039; ),
					&#039;fadeInRight&#039; =&gt; __( &#039;Right&#039;, &#039;elementor-pro&#039; ),
					&#039;fadeInLeft&#039; =&gt; __( &#039;Left&#039;, &#039;elementor-pro&#039; ),
					&#039;zoomIn&#039; =&gt; __( &#039;Zoom&#039;, &#039;elementor-pro&#039; ),
				],
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_style_slides&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Slides&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;content_max_width&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Content Width&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 1000,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;size_units&#039; =&gt; [ &#039;%&#039;, &#039;px&#039; ],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; &#039;66&#039;,
					&#039;unit&#039; =&gt; &#039;%&#039;,
				],
				&#039;tablet_default&#039; =&gt; [
					&#039;unit&#039; =&gt; &#039;%&#039;,
				],
				&#039;mobile_default&#039; =&gt; [
					&#039;unit&#039; =&gt; &#039;%&#039;,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-slide-contents&#039; =&gt; &#039;max-width: {{SIZE}}{{UNIT}};&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;slides_padding&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Padding&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::DIMENSIONS,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;em&#039;, &#039;%&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-slide-inner&#039; =&gt; &#039;padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;slides_horizontal_position&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Horizontal Position&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;default&#039; =&gt; &#039;center&#039;,
				&#039;options&#039; =&gt; [
					&#039;left&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Left&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Center&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-center&#039;,
					],
					&#039;right&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Right&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-right&#039;,
					],
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor--h-position-&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;slides_vertical_position&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Vertical Position&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;default&#039; =&gt; &#039;middle&#039;,
				&#039;options&#039; =&gt; [
					&#039;top&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Top&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-top&#039;,
					],
					&#039;middle&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Middle&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-middle&#039;,
					],
					&#039;bottom&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Bottom&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-bottom&#039;,
					],
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor--v-position-&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;slides_text_align&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Text Align&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;left&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Left&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Center&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-center&#039;,
					],
					&#039;right&#039; =&gt; [
						&#039;title&#039; =&gt; __( &#039;Right&#039;, &#039;elementor-pro&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-right&#039;,
					],
				],
				&#039;default&#039; =&gt; &#039;center&#039;,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-slide-inner&#039; =&gt; &#039;text-align: {{VALUE}}&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Text_Shadow::get_type(),
			[
				&#039;name&#039; =&gt; &#039;text_shadow&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .swiper-slide-contents&#039;,
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_style_title&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Title&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_control(
			&#039;heading_spacing&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Spacing&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-slide-inner .elementor-slide-heading:not(:last-child)&#039; =&gt; &#039;margin-bottom: {{SIZE}}{{UNIT}}&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;heading_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Text Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-heading&#039; =&gt; &#039;color: {{VALUE}}&#039;,

				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;heading_typography&#039;,
				&#039;scheme&#039; =&gt; Schemes\Typography::TYPOGRAPHY_1,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-slide-heading&#039;,
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_style_description&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Description&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_control(
			&#039;description_spacing&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Spacing&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-slide-inner .elementor-slide-description:not(:last-child)&#039; =&gt; &#039;margin-bottom: {{SIZE}}{{UNIT}}&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;description_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Text Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-description&#039; =&gt; &#039;color: {{VALUE}}&#039;,

				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;description_typography&#039;,
				&#039;scheme&#039; =&gt; Schemes\Typography::TYPOGRAPHY_2,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-slide-description&#039;,
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_style_button&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Button&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_control(
			&#039;button_size&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Size&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;sm&#039;,
				&#039;options&#039; =&gt; self::get_button_sizes(),
			]
		);

		$this-&gt;add_control( &#039;button_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Text Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button&#039; =&gt; &#039;color: {{VALUE}}; border-color: {{VALUE}}&#039;,

				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;button_typography&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-slide-button&#039;,
				&#039;scheme&#039; =&gt; Schemes\Typography::TYPOGRAPHY_4,
			]
		);

		$this-&gt;add_control(
			&#039;button_border_width&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Border Width&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 20,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button&#039; =&gt; &#039;border-width: {{SIZE}}{{UNIT}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;button_border_radius&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Border Radius&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button&#039; =&gt; &#039;border-radius: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;separator&#039; =&gt; &#039;after&#039;,
			]
		);

		$this-&gt;start_controls_tabs( &#039;button_tabs&#039; );

		$this-&gt;start_controls_tab( &#039;normal&#039;, [ &#039;label&#039; =&gt; __( &#039;Normal&#039;, &#039;elementor-pro&#039; ) ] );

		$this-&gt;add_control(
			&#039;button_text_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Text Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;button_background_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Background Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button&#039; =&gt; &#039;background-color: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;button_border_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Border Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button&#039; =&gt; &#039;border-color: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;start_controls_tab( &#039;hover&#039;, [ &#039;label&#039; =&gt; __( &#039;Hover&#039;, &#039;elementor-pro&#039; ) ] );

		$this-&gt;add_control(
			&#039;button_hover_text_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Text Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button:hover&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;button_hover_background_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Background Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button:hover&#039; =&gt; &#039;background-color: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;button_hover_border_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Border Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-slide-button:hover&#039; =&gt; &#039;border-color: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;end_controls_tabs();

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_style_navigation&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Navigation&#039;, &#039;elementor-pro&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;arrows&#039;, &#039;dots&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;heading_style_arrows&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Arrows&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::HEADING,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;arrows&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;arrows_position&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Arrows Position&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;inside&#039;,
				&#039;options&#039; =&gt; [
					&#039;inside&#039; =&gt; __( &#039;Inside&#039;, &#039;elementor-pro&#039; ),
					&#039;outside&#039; =&gt; __( &#039;Outside&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-arrows-position-&#039;,
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;arrows&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;arrows_size&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Arrows Size&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 20,
						&#039;max&#039; =&gt; 60,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-swiper-button&#039; =&gt; &#039;font-size: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;arrows&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;arrows_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Arrows Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-swiper-button&#039; =&gt; &#039;color: {{VALUE}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;arrows&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;heading_style_dots&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Dots&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::HEADING,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;dots&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;dots_position&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Dots Position&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;inside&#039;,
				&#039;options&#039; =&gt; [
					&#039;outside&#039; =&gt; __( &#039;Outside&#039;, &#039;elementor-pro&#039; ),
					&#039;inside&#039; =&gt; __( &#039;Inside&#039;, &#039;elementor-pro&#039; ),
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-pagination-position-&#039;,
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;dots&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;dots_size&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Dots Size&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 5,
						&#039;max&#039; =&gt; 15,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-pagination-bullet&#039; =&gt; &#039;height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}}&#039;,
					&#039;{{WRAPPER}} .swiper-container-horizontal .swiper-pagination-progressbar&#039; =&gt; &#039;height: {{SIZE}}{{UNIT}}&#039;,
					&#039;{{WRAPPER}} .swiper-pagination-fraction&#039; =&gt; &#039;font-size: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;dots&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;add_control(
			&#039;dots_color&#039;,
			[
				&#039;label&#039; =&gt; __( &#039;Dots Color&#039;, &#039;elementor-pro&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .swiper-pagination-bullet-active&#039; =&gt; &#039;background-color: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;navigation&#039; =&gt; [ &#039;dots&#039;, &#039;both&#039; ],
				],
			]
		);

		$this-&gt;end_controls_section();
	}

	protected function render() {
		$settings = $this-&gt;get_settings();

		if ( empty( $settings[&#039;slides&#039;] ) ) {
			return;
		}

		$this-&gt;add_render_attribute( &#039;button&#039;, &#039;class&#039;, [ &#039;elementor-button&#039;, &#039;elementor-slide-button&#039; ] );

		if ( ! empty( $settings[&#039;button_size&#039;] ) ) {
			$this-&gt;add_render_attribute( &#039;button&#039;, &#039;class&#039;, &#039;elementor-size-&#039; . $settings[&#039;button_size&#039;] );
		}

		$slides = [];
		$slide_count = 0;

		foreach ( $settings[&#039;slides&#039;] as $slide ) {
			$slide_html = &#039;&#039;;
			$btn_attributes = &#039;&#039;;
			$slide_attributes = &#039;&#039;;
			$slide_element = &#039;div&#039;;
			$btn_element = &#039;div&#039;;

			if ( ! empty( $slide[&#039;link&#039;][&#039;url&#039;] ) ) {
				$this-&gt;add_link_attributes( &#039;slide_link&#039; . $slide_count, $slide[&#039;link&#039;] );

				if ( &#039;button&#039; === $slide[&#039;link_click&#039;] ) {
					$btn_element = &#039;a&#039;;
					$btn_attributes = $this-&gt;get_render_attribute_string( &#039;slide_link&#039; . $slide_count );
				} else {
					$slide_element = &#039;a&#039;;
					$slide_attributes = $this-&gt;get_render_attribute_string( &#039;slide_link&#039; . $slide_count );
				}
			}

			$slide_html .= &#039;&lt;&#039; . $slide_element . &#039; class=&quot;swiper-slide-inner&quot; &#039; . $slide_attributes . &#039;&gt;&#039;;

			$slide_html .= &#039;&lt;div class=&quot;swiper-slide-contents&quot;&gt;&#039;;

			if ( $slide[&#039;heading&#039;] ) {
				$slide_html .= &#039;&lt;div class=&quot;elementor-slide-heading&quot;&gt;&#039; . $slide[&#039;heading&#039;] . &#039;&lt;/div&gt;&#039;;
			}

			if ( $slide[&#039;description&#039;] ) {
				$slide_html .= &#039;&lt;div class=&quot;elementor-slide-description&quot;&gt;&#039; . $slide[&#039;description&#039;] . &#039;&lt;/div&gt;&#039;;
			}

			if ( $slide[&#039;button_text&#039;] ) {
				$slide_html .= &#039;&lt;&#039; . $btn_element . &#039; &#039; . $btn_attributes . &#039; &#039; . $this-&gt;get_render_attribute_string( &#039;button&#039; ) . &#039;&gt;&#039; . $slide[&#039;button_text&#039;] . &#039;&lt;/&#039; . $btn_element . &#039;&gt;&#039;;
			}

			$slide_html .= &#039;&lt;/div&gt;&lt;/&#039; . $slide_element . &#039;&gt;&#039;;

			if ( &#039;yes&#039; === $slide[&#039;background_overlay&#039;] ) {
				$slide_html = &#039;&lt;div class=&quot;elementor-background-overlay&quot;&gt;&lt;/div&gt;&#039; . $slide_html;
			}

			$ken_class = &#039;&#039;;

			if ( $slide[&#039;background_ken_burns&#039;] ) {
				$ken_class = &#039; elementor-ken-burns elementor-ken-burns--&#039; . $slide[&#039;zoom_direction&#039;];
			}

			$slide_html = &#039;&lt;div class=&quot;swiper-slide-bg&#039; . $ken_class . &#039;&quot;&gt;&lt;/div&gt;&#039; . $slide_html;

			$slides[] = &#039;&lt;div class=&quot;elementor-repeater-item-&#039; . $slide[&#039;_id&#039;] . &#039; swiper-slide&quot;&gt;&#039; . $slide_html . &#039;&lt;/div&gt;&#039;;
			$slide_count++;
		}

		$prev = &#039;left&#039;;
		$next = &#039;right&#039;;
		$direction = &#039;ltr&#039;;

		if ( is_rtl() ) {
			$prev = &#039;right&#039;;
			$next = &#039;left&#039;;
			$direction = &#039;rtl&#039;;
		}

		$show_dots = ( in_array( $settings[&#039;navigation&#039;], [ &#039;dots&#039;, &#039;both&#039; ] ) );
		$show_arrows = ( in_array( $settings[&#039;navigation&#039;], [ &#039;arrows&#039;, &#039;both&#039; ] ) );

		$slides_count = count( $settings[&#039;slides&#039;] );
		?&gt;
		&lt;div class=&quot;elementor-swiper&quot;&gt;
			&lt;div class=&quot;elementor-slides-wrapper elementor-main-swiper swiper-container&quot; dir=&quot;&lt;?php echo $direction; ?&gt;&quot; data-animation=&quot;&lt;?php echo $settings[&#039;content_animation&#039;]; ?&gt;&quot;&gt;
				&lt;div class=&quot;swiper-wrapper elementor-slides&quot;&gt;
					&lt;?php echo implode( &#039;&#039;, $slides ); ?&gt;
				&lt;/div&gt;
				&lt;?php if ( 1 &lt; $slides_count ) : ?&gt;
					&lt;?php if ( $show_dots ) : ?&gt;
						&lt;div class=&quot;swiper-pagination&quot;&gt;&lt;/div&gt;
					&lt;?php endif; ?&gt;
					&lt;?php if ( $show_arrows ) : ?&gt;
						&lt;div class=&quot;elementor-swiper-button elementor-swiper-button-prev&quot;&gt;
							&lt;i class=&quot;eicon-chevron-&lt;?php echo $prev; ?&gt;&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;elementor-screen-only&quot;&gt;&lt;?php _e( &#039;Previous&#039;, &#039;elementor-pro&#039; ); ?&gt;&lt;/span&gt;
						&lt;/div&gt;
						&lt;div class=&quot;elementor-swiper-button elementor-swiper-button-next&quot;&gt;
							&lt;i class=&quot;eicon-chevron-&lt;?php echo $next; ?&gt;&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;elementor-screen-only&quot;&gt;&lt;?php _e( &#039;Next&#039;, &#039;elementor-pro&#039; ); ?&gt;&lt;/span&gt;
						&lt;/div&gt;
					&lt;?php endif; ?&gt;
				&lt;?php endif; ?&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;?php
	}

	/**
	 * Render Slides widget output in the editor.
	 *
	 * Written as a Backbone JavaScript template and used to generate the live preview.
	 *
	 * @since 2.9.0
	 * @access protected
	 */
	protected function content_template() {
		?&gt;
		&lt;#
			var direction        = elementorFrontend.config.is_rtl ? &#039;rtl&#039; : &#039;ltr&#039;,
				next             = elementorFrontend.config.is_rtl ? &#039;left&#039; : &#039;right&#039;,
				prev             = elementorFrontend.config.is_rtl ? &#039;right&#039; : &#039;left&#039;,
				navi             = settings.navigation,
				showDots         = ( &#039;dots&#039; === navi || &#039;both&#039; === navi ),
				showArrows       = ( &#039;arrows&#039; === navi || &#039;both&#039; === navi ),
				buttonSize       = settings.button_size;
		#&gt;
		&lt;div class=&quot;elementor-swiper&quot;&gt;
			&lt;div class=&quot;elementor-slides-wrapper elementor-main-swiper swiper-container&quot; dir=&quot;{{ direction }}&quot; data-animation=&quot;{{ settings.content_animation }}&quot;&gt;
				&lt;div class=&quot;swiper-wrapper elementor-slides&quot;&gt;
					&lt;# jQuery.each( settings.slides, function( index, slide ) { #&gt;
						&lt;div class=&quot;elementor-repeater-item-{{ slide._id }} swiper-slide&quot;&gt;
							&lt;#
							var kenClass = &#039;&#039;;

							if ( &#039;&#039; != slide.background_ken_burns ) {
								kenClass = &#039; elementor-ken-burns elementor-ken-burns--&#039; + slide.zoom_direction;
							}
							#&gt;
							&lt;div class=&quot;swiper-slide-bg{{ kenClass }}&quot;&gt;&lt;/div&gt;
							&lt;# if ( &#039;yes&#039; === slide.background_overlay ) { #&gt;
							&lt;div class=&quot;elementor-background-overlay&quot;&gt;&lt;/div&gt;
							&lt;# } #&gt;
							&lt;div class=&quot;swiper-slide-inner&quot;&gt;
								&lt;div class=&quot;swiper-slide-contents&quot;&gt;
									&lt;# if ( slide.heading ) { #&gt;
										&lt;div class=&quot;elementor-slide-heading&quot;&gt;{{{ slide.heading }}}&lt;/div&gt;
									&lt;# }
									if ( slide.description ) { #&gt;
										&lt;div class=&quot;elementor-slide-description&quot;&gt;{{{ slide.description }}}&lt;/div&gt;
									&lt;# }
									if ( slide.button_text ) { #&gt;
										&lt;div class=&quot;elementor-button elementor-slide-button elementor-size-{{ buttonSize }}&quot;&gt;{{{ slide.button_text }}}&lt;/div&gt;
									&lt;# } #&gt;
								&lt;/div&gt;
							&lt;/div&gt;
						&lt;/div&gt;
					&lt;# } ); #&gt;
				&lt;/div&gt;
				&lt;# if ( 1 &lt; settings.slides.length ) { #&gt;
					&lt;# if ( showDots ) { #&gt;
						&lt;div class=&quot;swiper-pagination&quot;&gt;&lt;/div&gt;
					&lt;# } #&gt;
					&lt;# if ( showArrows ) { #&gt;
						&lt;div class=&quot;elementor-swiper-button elementor-swiper-button-prev&quot;&gt;
							&lt;i class=&quot;eicon-chevron-{{ prev }}&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;elementor-screen-only&quot;&gt;&lt;?php _e( &#039;Previous&#039;, &#039;elementor-pro&#039; ); ?&gt;&lt;/span&gt;
						&lt;/div&gt;
						&lt;div class=&quot;elementor-swiper-button elementor-swiper-button-next&quot;&gt;
							&lt;i class=&quot;eicon-chevron-{{ next }}&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;elementor-screen-only&quot;&gt;&lt;?php _e( &#039;Next&#039;, &#039;elementor-pro&#039; ); ?&gt;&lt;/span&gt;
						&lt;/div&gt;
					&lt;# } #&gt;
				&lt;# } #&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;?php
	}
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fwp-content%2Fplugins%2Felementor-pro%2Fmodules%2Fslides%2Fwidgets'>⬅ Back to Directory</a>