asda2432es

✏️ Editing: floating-effects.php

<?php
/**
 * Class: Floating_Effects
 * Name: Floating Effects
 * Slug: floating-effects
 */

namespace PremiumAddons\Addons;

// PremiumAddons Classes.
use PremiumAddons\Admin\Includes\Admin_Helper;
use PremiumAddons\Includes\Helper_Functions;

// Elementor Classes.
use Elementor\Repeater;
use Elementor\Controls_Manager;
use Elementor\Core\Kits\Documents\Tabs\Global_Colors;

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Class Floating_Effects
 *
 * @since 4.11.58
 * @access public
 * @package PremiumAddons\Addons
 */
class Floating_Effects {

/**
	 * Load Script
	 *
	 * @var $load_script
	 */
	private static $load_script = null;

/**
	 * Class object
	 *
	 * @var instance
	 */
	private static $instance = null;

/**
	 * Class Constructor Function
	 */
	public function __construct() {

// Enqueue the required JS file.
		add_action( 'elementor/preview/enqueue_scripts', array( $this, 'enqueue_scripts' ) );

// Creates Premium Floating Effects tab at the end of advanced tab.
		add_action( 'elementor/element/common/_section_style/after_section_end', array( $this, 'register_controls' ), 10 );

// Check if scripts should be loaded.
		add_action( 'elementor/frontend/widget/before_render', array( $this, 'check_script_enqueue' ) );
	}

/**
	 * Enqueue scripts.
	 *
	 * Registers required dependencies for the extension and enqueues them.
	 *
	 * @since 1.6.5
	 * @access public
	 */
	public function enqueue_scripts() {

if ( ! wp_script_is( 'pa-anime', 'enqueued' ) ) {
			wp_enqueue_script( 'pa-anime' );
		}

if ( ! wp_script_is( 'pa-feffects', 'enqueued' ) ) {
			wp_enqueue_script( 'pa-feffects' );
		}
	}

/**
	 * Register Floating Effects controls.
	 *
	 * @since 1.0.0
	 * @access public
	 * @param object $element for current element.
	 */
	public function register_controls( $element ) {

$element->start_controls_section(
			'section_premium_fe',
			array(
				'label' => sprintf( '<i class="pa-extension-icon pa-dash-icon"></i> %s', __( 'Floating Effects', 'premium-addons-for-elementor' ) ),
				'tab'   => Controls_Manager::TAB_ADVANCED,
			)
		);

$element->add_control(
			'premium_fe_switcher',
			array(
				'label'        => __( 'Enable Floating Effects', 'premium-addons-for-elementor' ),
				'type'         => Controls_Manager::SWITCHER,
				'prefix_class' => 'premium-floating-effects-',
				'render_type'  => 'template',
			)
		);

$doc_link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-floating-effects-tutorial/', 'feffect-addon', 'wp-editor', 'get-support' );

$element->add_control(
			'pa_floating_effects_notice',
			array(
				'type'            => Controls_Manager::RAW_HTML,
				'raw'             => '<a href="' . esc_url( $doc_link ) . '" target="_blank">' . __( 'How to use Premium Floating Effects for Elementor »', 'premium-addons-for-elementor' ) . '</a>',
				'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
				'condition'       => array(
					'premium_fe_switcher' => 'yes',
				),
			)
		);

$element->add_control(
			'premium_fe_trigger',
			array(
				'label'              => __( 'Play On', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SELECT,
				'default'            => 'load',
				'options'            => array(
					'load'    => __( 'Page Load', 'premium-addons-for-elementor' ),
					'hover'   => __( 'Hover', 'premium-addons-for-elementor' ),
				),
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_target',
			array(
				'label'              => __( 'Custom CSS Selector', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::TEXT,
				'description'        => __( 'Set this option if you want to apply floating effects on specfic selector inside your widget. For example, .premium-dual-header-container', 'premium-addons-for-elementor' ),
				'dynamic'            => array( 'active' => true ),
				'label_block'        => true,
				'render_type'        => 'template',
				'ai'          => array(
					'active' => false,
				),
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$get_pro = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'feffect-addon', 'wp-editor', 'get-pro' );

$papro_activated = Helper_Functions::check_papro_version();

if ( ! $papro_activated ) {
			$element->add_control(
				'floating_effects_notice',
				array(
					'type'            => Controls_Manager::RAW_HTML,
					'raw'             => __( 'The options in Filters tab are available in Premium Addons Pro.', 'premium-addons-for-elementor' ) . '<a href="' . esc_url( $get_pro ) . '" target="_blank">' . __( 'Upgrade now!', 'premium-addons-for-elementor' ) . '</a>',
					'content_classes' => 'papro-upgrade-notice',
					'condition'       => array(
						'premium_fe_switcher' => 'yes',
					),
				)
			);
		}

$element->start_controls_tabs( 'effects_tabs' );

$element->start_controls_tab(
			'motion_effects_tab',
			array(
				'label'     => __( 'Motion', 'premium-addons-for-elementor' ),
				'condition' => array(
					'premium_fe_switcher' => 'yes',
				),
			)
		);

/**--------Translate Effect Controls---------*/
		$element->add_control(
			'premium_fe_translate_switcher',
			array(
				'label'              => __( 'Translate', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Xtranslate',
			array(
				'label'              => __( 'Translate X', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 5,
					),
					'unit'  => 'px',
				),
				'range'              => array(
					'px' => array(
						'min'  => -150,
						'max'  => 150,
						'step' => 1,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'           => 'yes',
					'premium_fe_translate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Ytranslate',
			array(
				'label'              => __( 'Translate Y', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 5,
					),
					'unit'  => 'px',
				),
				'range'              => array(
					'px' => array(
						'min'  => -150,
						'max'  => 150,
						'step' => 1,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'           => 'yes',
					'premium_fe_translate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_trans_duration',
			array(
				'label'              => __( 'Duration', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'default'            => array(
					'unit' => 'px',
					'size' => 1000,
				),
				'condition'          => array(
					'premium_fe_switcher'           => 'yes',
					'premium_fe_translate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_trans_delay',
			array(
				'label'              => __( 'Delay', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'condition'          => array(
					'premium_fe_switcher'           => 'yes',
					'premium_fe_translate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

/**--------Rotate Effect Controls---------*/
		$element->add_control(
			'premium_fe_rotate_switcher',
			array(
				'label'              => __( 'Rotate', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Xrotate',
			array(
				'label'              => __( 'Rotate X', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 45,
					),
					'unit'  => 'deg',
				),
				'range'              => array(
					'deg' => array(
						'min' => -180,
						'max' => 180,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'        => 'yes',
					'premium_fe_rotate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Yrotate',
			array(
				'label'              => __( 'Rotate Y', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 45,
					),
					'unit'  => 'deg',
				),
				'range'              => array(
					'deg' => array(
						'min' => -180,
						'max' => 180,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'        => 'yes',
					'premium_fe_rotate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Zrotate',
			array(
				'label'              => __( 'Rotate Z', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 45,
					),
					'unit'  => 'deg',
				),
				'range'              => array(
					'deg' => array(
						'min' => -180,
						'max' => 180,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'        => 'yes',
					'premium_fe_rotate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_rotate_duration',
			array(
				'label'              => __( 'Duration', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'default'            => array(
					'unit' => 'px',
					'size' => 1000,
				),
				'condition'          => array(
					'premium_fe_switcher'        => 'yes',
					'premium_fe_rotate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_rotate_delay',
			array(
				'label'              => __( 'Delay', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'condition'          => array(
					'premium_fe_switcher'        => 'yes',
					'premium_fe_rotate_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

/**--------Scale Effect Controls---------*/
		$element->add_control(
			'premium_fe_scale_switcher',
			array(
				'label'              => __( 'Scale', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Xscale',
			array(
				'label'              => __( 'Scale X', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 1,
						'to'   => 1.2,
					),
					'unit'  => 'px',
				),
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 2,
						'step' => 0.1,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'       => 'yes',
					'premium_fe_scale_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Yscale',
			array(
				'label'              => __( 'Scale Y', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 1,
						'to'   => 1.2,
					),
					'unit'  => 'px',
				),
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 2,
						'step' => 0.1,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'       => 'yes',
					'premium_fe_scale_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_scale_duration',
			array(
				'label'              => __( 'Duration', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'default'            => array(
					'unit' => 'px',
					'size' => 1000,
				),
				'condition'          => array(
					'premium_fe_switcher'       => 'yes',
					'premium_fe_scale_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_scale_delay',
			array(
				'label'              => __( 'Delay', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'condition'          => array(
					'premium_fe_switcher'       => 'yes',
					'premium_fe_scale_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

/**--------Skew Effect Controls---------*/
		$element->add_control(
			'premium_fe_skew_switcher',
			array(
				'label'              => __( 'Skew', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Xskew',
			array(
				'label'              => __( 'Skew X', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 20,
					),
					'unit'  => 'deg',
				),
				'range'              => array(
					'deg' => array(
						'min' => -180,
						'max' => 180,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'      => 'yes',
					'premium_fe_skew_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_Yskew',
			array(
				'label'              => __( 'Skew Y', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 20,
					),
					'unit'  => 'deg',
				),
				'range'              => array(
					'deg' => array(
						'min' => -180,
						'max' => 180,
					),
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'      => 'yes',
					'premium_fe_skew_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_skew_duration',
			array(
				'label'              => __( 'Duration', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'default'            => array(
					'unit' => 'px',
					'size' => 1000,
				),
				'condition'          => array(
					'premium_fe_switcher'      => 'yes',
					'premium_fe_skew_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_skew_delay',
			array(
				'label'              => __( 'Delay', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'condition'          => array(
					'premium_fe_switcher'      => 'yes',
					'premium_fe_skew_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->end_controls_tab();

$element->start_controls_tab(
			'css_effects_tab',
			array(
				'label'     => __( 'Style', 'premium-addons-for-elementor' ),
				'condition' => array(
					'premium_fe_switcher' => 'yes',
				),
			)
		);

/**--------CSS Properties Effect Controls---------*/

/**--------Opacity Effect Controls---------*/
		$element->add_control(
			'premium_fe_opacity_switcher',
			array(
				'label'              => __( 'Opacity', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'render_type' => 'template',
				'selectors' => array(
					'{{WRAPPER}}' => 'opacity: 0',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_opacity',
			array(
				'label'              => __( 'Value', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SLIDER,
				'frontend_available' => true,
				'default'            => array(
					'sizes' => array(
						'from' => 0,
						'to'   => 50,
					),
					'unit'  => '%',
				),
				'labels'             => array(
					__( 'From', 'premium-addons-for-elementor' ),
					__( 'To', 'premium-addons-for-elementor' ),
				),
				'scales'             => 1,
				'handles'            => 'range',
				'condition'          => array(
					'premium_fe_switcher'         => 'yes',
					'premium_fe_opacity_switcher' => 'yes',
				),
			)
		);

$element->add_control(
			'premium_fe_opacity_duration',
			array(
				'label'              => __( 'Duration', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'frontend_available' => true,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'default'            => array(
					'unit' => 'px',
					'size' => 1000,
				),
				'condition'          => array(
					'premium_fe_switcher'         => 'yes',
					'premium_fe_opacity_switcher' => 'yes',
				),
			)
		);

$element->add_control(
			'premium_fe_opacity_delay',
			array(
				'label'              => __( 'Delay', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'frontend_available' => true,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'condition'          => array(
					'premium_fe_switcher'         => 'yes',
					'premium_fe_opacity_switcher' => 'yes',
				),

)
		);

/**--------Background Color Effect Controls---------*/
		$element->add_control(
			'premium_fe_bg_color_switcher',
			array(
				'label'              => __( 'Background Color', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'separator'          => 'before',
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_bg_color_from',
			array(
				'label'              => __( 'From', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::COLOR,
				'frontend_available' => true,
				'global'             => array(
					'default' => Global_Colors::COLOR_PRIMARY,
				),
				'condition'          => array(
					'premium_fe_switcher'          => 'yes',
					'premium_fe_bg_color_switcher' => 'yes',
				),
			)
		);

$element->add_control(
			'premium_fe_bg_color_to',
			array(
				'label'              => __( 'To', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::COLOR,
				'frontend_available' => true,
				'global'             => array(
					'default' => Global_Colors::COLOR_PRIMARY,
				),
				'condition'          => array(
					'premium_fe_switcher'          => 'yes',
					'premium_fe_bg_color_switcher' => 'yes',
				),
			)
		);

$element->add_control(
			'premium_fe_bg_color_duration',
			array(
				'label'              => __( 'Duration', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'frontend_available' => true,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'default'            => array(
					'unit' => 'px',
					'size' => 1000,
				),
				'condition'          => array(
					'premium_fe_switcher'          => 'yes',
					'premium_fe_bg_color_switcher' => 'yes',
				),
			)
		);

$element->add_control(
			'premium_fe_bg_color_delay',
			array(
				'label'              => __( 'Delay', 'premium-addons-for-elementor' ) . ' (ms)',
				'type'               => Controls_Manager::SLIDER,
				'frontend_available' => true,
				'range'              => array(
					'px' => array(
						'min'  => 0,
						'max'  => 10000,
						'step' => 100,
					),
				),
				'condition'          => array(
					'premium_fe_switcher'          => 'yes',
					'premium_fe_bg_color_switcher' => 'yes',
				),

)
		);

$element->end_controls_tab();

$element->start_controls_tab(
			'filters_effects_tab',
			array(
				'label'     => __( 'Filters', 'premium-addons-for-elementor' ),
				'condition' => array(
					'premium_fe_switcher' => 'yes',
				),
			)
		);

/**--------  CSS Filter Blur Controls---------*/
		$element->add_control(
			'premium_fe_blur_switcher',
			array(
				'label'              => __( 'Blur', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'separator'          => 'before',
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

do_action( 'pa_floating_blur_controls', $element );

/**--------  CSS Filter Contrast Controls---------*/
		$element->add_control(
			'premium_fe_contrast_switcher',
			array(
				'label'              => __( 'Contrast', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'separator'          => 'before',
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

do_action( 'pa_floating_contrast_controls', $element );

/**--------  CSS Filter grayscale Controls---------*/
		$element->add_control(
			'premium_fe_gScale_switcher',
			array(
				'label'              => __( 'Grayscale', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'separator'          => 'before',
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

do_action( 'pa_floating_gs_controls', $element );

/**--------  CSS Filter Hue Controls---------*/
		$element->add_control(
			'premium_fe_hue_switcher',
			array(
				'label'              => __( 'Hue', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'separator'          => 'before',
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

do_action( 'pa_floating_hue_controls', $element );

/**--------  CSS Filter Brightness Controls---------*/
		$element->add_control(
			'premium_fe_brightness_switcher',
			array(
				'label'              => __( 'Brightness', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'separator'          => 'before',
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

do_action( 'pa_floating_brightness_controls', $element );

/**--------  CSS Filter Saturation Controls---------*/
		$element->add_control(
			'premium_fe_saturate_switcher',
			array(
				'label'              => __( 'Saturation ', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SWITCHER,
				'separator'          => 'before',
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

do_action( 'pa_floating_saturation_controls', $element );

$element->end_controls_tab();

$element->end_controls_tabs();

/**-------- General Settings Controls---------*/
		$element->add_control(
			'premium_fe_general_settings_heading',
			array(
				'label'     => __( 'General Settings', 'premium-addons-for-elementor' ),
				'type'      => Controls_Manager::HEADING,
				'separator' => 'before',
				'condition' => array(
					'premium_fe_switcher' => 'yes',
				),
			)
		);

$element->add_control(
			'premium_fe_direction',
			array(
				'label'              => __( 'Direction', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SELECT,
				'default'            => 'alternate',
				'options'            => array(
					'normal'    => __( 'Normal', 'premium-addons-for-elementor' ),
					'reverse'   => __( 'Reverse', 'premium-addons-for-elementor' ),
					'alternate' => __( 'Alternate', 'premium-addons-for-elementor' ),
				),
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_loop',
			array(
				'label'              => __( 'Loop', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SELECT,
				'default'            => 'default',
				'options'            => array(
					'default' => __( 'Infinite', 'premium-addons-for-elementor' ),
					'number'  => __( 'Custom', 'premium-addons-for-elementor' ),
				),
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_loop_number',
			array(
				'label'              => __( 'Number', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::NUMBER,
				'default'            => 3,
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
					'premium_fe_loop'     => 'number',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_easing',
			array(
				'label'              => __( 'Easing', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::SELECT,
				'default'            => 'easeInOutSine',
				'options'            => array(
					'linear'                  => __( 'Linear', 'premium-addons-for-elementor' ),
					'easeInOutSine'           => __( 'easeInOutSine', 'premium-addons-for-elementor' ),
					'easeInOutExpo'           => __( 'easeInOutExpo', 'premium-addons-for-elementor' ),
					'easeInOutQuart'          => __( 'easeInOutQuart', 'premium-addons-for-elementor' ),
					'easeInOutCirc'           => __( 'easeInOutCirc', 'premium-addons-for-elementor' ),
					'easeInOutBack'           => __( 'easeInOutBack', 'premium-addons-for-elementor' ),
					'steps'                   => __( 'Steps', 'premium-addons-for-elementor' ),
					'easeInElastic(1, .6)'    => __( 'Elastic In', 'premium-addons-for-elementor' ),
					'easeOutElastic(1, .6)'   => __( 'Elastic Out', 'premium-addons-for-elementor' ),
					'easeInOutElastic(1, .6)' => __( 'Elastic In Out', 'premium-addons-for-elementor' ),
				),
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
				),
				'frontend_available' => true,

)
		);

$element->add_control(
			'premium_fe_ease_step',
			array(
				'label'              => __( 'Steps', 'premium-addons-for-elementor' ),
				'type'               => Controls_Manager::NUMBER,
				'default'            => 5,
				'condition'          => array(
					'premium_fe_switcher' => 'yes',
					'premium_fe_easing'   => 'steps',
				),
				'frontend_available' => true,
			)
		);

$element->add_control(
			'premium_fe_disable_safari',
			array(
				'label'        => __( 'Disable Floating Effects On Safari', 'premium-addons-for-elementor' ),
				'type'         => Controls_Manager::SWITCHER,
				'prefix_class' => 'premium-disable-fe-',
				'separator'    => 'before',
				'condition'    => array(
					'premium_fe_switcher' => 'yes',
				),
			)
		);

$element->end_controls_section();
	}

/**
	 * Check Script Enqueue
	 *
	 * Check if the script files should be loaded.
	 *
	 * @since 4.7.4
	 * @access public
	 *
	 * @param object $element for current element.
	 */
	public function check_script_enqueue( $element ) {

if ( self::$load_script ) {
			return;
		}

if ( 'yes' === $element->get_settings_for_display( 'premium_fe_switcher' ) ) {
			$this->enqueue_scripts();

self::$load_script = true;

remove_action( 'elementor/frontend/widget/before_render', array( $this, 'check_script_enqueue' ) );
		}
	}

/**
	 * Creates and returns an instance of the class
	 *
	 * @since 4.2.5
	 * @access public
	 *
	 * @return object
	 */
	public static function get_instance() {

if ( ! isset( self::$instance ) ) {

self::$instance = new self();

}

return self::$instance;
	}
}

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team