File "module.php"

Full Path: /home/bytebmoc/tideswithin.com/formidable-forms/background-overlay/module.php
File size: 8.81 KB
MIME-type: text/x-php
Charset: utf-8

<?php

namespace ElementPack\Modules\BackgroundOverlay;

use Elementor\Controls_Manager;
use Elementor\Group_Control_Background;
use Elementor\Group_Control_Css_Filter;
use Elementor\Plugin;
use ElementPack;
use ElementPack\Base\Element_Pack_Module_Base;

if (!defined('ABSPATH')) {
	exit;
} // Exit if accessed directly

class Module extends Element_Pack_Module_Base {

	public function __construct() {
		parent::__construct();
		$this->add_actions();
	}

	public function get_name() {
		return 'bdt-background-overlay';
	}

	// public function get_extension_script_depends() {
	// 	return ['ep-background-overlay'];
	// }

	public function register_controls($widget, $args) {

		$widget->start_controls_section(
			'ep_section_background_overlay',
			[
				'label'     => BDTEP_CP . esc_html__('Background Over/Underlay', 'bdthemes-element-pack'),
				'tab'       => Controls_Manager::TAB_ADVANCED,
				'condition' => [
					'_background_background' => ['classic', 'gradient'],
				],
			]
		);

		$widget->start_controls_tabs('ep_tabs_background_overlay');

		$widget->start_controls_tab(
			'ep_tab_background_overlay_normal',
			[
				'label' => esc_html__('Normal', 'bdthemes-element-pack'),
			]
		);

		$widget->add_group_control(
			Group_Control_Background::get_type(),
			[
				'name'     => 'ep_background_overlay',
				'selector' => '{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:before',
			]
		);

		$widget->add_control(
			'ep_background_overlay_opacity',
			[
				'label'     => esc_html__('Opacity', 'bdthemes-element-pack'),
				'type'      => Controls_Manager::SLIDER,
				'default'   => [
					'size' => .5,
				],
				'range'     => [
					'px' => [
						'max'  => 1,
						'step' => 0.01,
					],
				],
				'selectors' => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:before' => 'opacity: {{SIZE}};',
				],
				'condition' => [
					'ep_background_overlay_background' => ['classic', 'gradient'],
				],
			]
		);

		$widget->add_group_control(
			Group_Control_Css_Filter::get_type(),
			[
				'name'     => 'ep_css_filters',
				'selector' => '{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:before',
			]
		);

		$widget->add_control(
			'ep_overlay_blend_mode',
			[
				'label'     => esc_html__('Blend Mode', 'bdthemes-element-pack'),
				'type'      => Controls_Manager::SELECT,
				'options'   => [
					''            => esc_html__('Normal', 'bdthemes-element-pack'),
					'multiply'    => 'Multiply',
					'screen'      => 'Screen',
					'overlay'     => 'Overlay',
					'darken'      => 'Darken',
					'lighten'     => 'Lighten',
					'color-dodge' => 'Color Dodge',
					'saturation'  => 'Saturation',
					'color'       => 'Color',
					'luminosity'  => 'Luminosity',
				],
				'selectors' => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:before' => 'mix-blend-mode: {{VALUE}}',
				],
			]
		);

		$widget->add_responsive_control(
			'ep_background_overlay_radius',
			[
				'label'      => esc_html__('Border Radius', 'bdthemes-element-pack'),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => ['px', '%'],
				'separator' => 'before',
				'selectors'  => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:before' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

		$widget->end_controls_tab();

		$widget->start_controls_tab(
			'ep_tab_background_overlay_hover',
			[
				'label' => esc_html__('Hover', 'bdthemes-element-pack'),
			]
		);

		$widget->add_group_control(
			Group_Control_Background::get_type(),
			[
				'name'     => 'ep_background_overlay_hover',
				'selector' => '{{WRAPPER}}.bdt-background-overlay-yes:hover > .elementor-widget-container:before',
			]
		);

		$widget->add_control(
			'ep_background_overlay_hover_opacity',
			[
				'label'     => esc_html__('Opacity', 'bdthemes-element-pack'),
				'type'      => Controls_Manager::SLIDER,
				'default'   => [
					'size' => .5,
				],
				'range'     => [
					'px' => [
						'max'  => 1,
						'step' => 0.01,
					],
				],
				'selectors' => [
					'{{WRAPPER}}.bdt-background-overlay-yes:hover > .elementor-widget-container:before' => 'opacity: {{SIZE}};',
				],
				'condition' => [
					'ep_background_overlay_hover_background' => ['classic', 'gradient'],
				],
			]
		);

		$widget->add_group_control(
			Group_Control_Css_Filter::get_type(),
			[
				'name'     => 'ep_css_filters_hover',
				'selector' => '{{WRAPPER}}.bdt-background-overlay-yes:hover > .elementor-widget-container:before',
			]
		);

		//			$widget->add_control(
		//				'ep_background_overlay_hover_transition',
		//				[
		//					'label'     => esc_html__( 'Transition', 'bdthemes-element-pack' ),
		//					'type'      => Controls_Manager::SELECT,
		//					'options'   => [
		//						''            => esc_html__( 'None', 'bdthemes-element-pack' ),
		//						'zoom'    => 'Zoom',
		//						'rotate'  => 'Rotate',
		//					],
		//					'prefix_class'       => 'bdt-bg-o-t-',
		//
		//				]
		//			);

		$widget->add_control(
			'ep_background_overlay_hover_transition_duration',
			[
				'label'     => esc_html__('Transition Duration', 'bdthemes-element-pack'),
				'type'      => Controls_Manager::SLIDER,
				'default'   => [
					'size' => 0.3,
				],
				'range'     => [
					'px' => [
						'max'  => 3,
						'step' => 0.1,
					],
				],
				'separator' => 'before',
				'selectors' => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:before' => 'transition: background {{SIZE}}s;',
				]
			]
		);

		$widget->add_responsive_control(
			'ep_background_overlay_hover_radius',
			[
				'label'      => esc_html__('Border Radius', 'bdthemes-element-pack'),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => ['px', '%'],
				'separator' => 'before',
				'selectors'  => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:hover:before' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

		$widget->end_controls_tab();

		$widget->end_controls_tabs();

		$widget->add_responsive_control(
			'ep_background_overlay_margin',
			[
				'label'      => esc_html__('Margin', 'bdthemes-element-pack'),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => ['px', '%'],
				'separator'  => 'before',
				'selectors'  => [
					'{{WRAPPER}}' => '--ep-overlay-margin-top: {{TOP}}{{UNIT}};  --ep-overlay-margin-right: {{RIGHT}}{{UNIT}}; --ep-overlay-margin-bottom: {{BOTTOM}}{{UNIT}}; --ep-overlay-margin-left: {{LEFT}}{{UNIT}};',
				],
			]
		);

		$widget->add_control(
			'ep_background_overlay_zindex',
			[
				'label'   => esc_html__('Z-Index', 'bdthemes-element-pack'),
				'type'    => Controls_Manager::NUMBER,
				'dynamic' => [
					'active' => true,
				],
				'selectors' => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container:before' => 'z-index: {{VALUE}};',
				]
			]
		);

		$widget->add_control(
			'ep_background_overlay_position_relative',
			[
				'label'     => esc_html__('Position Relative', 'bdthemes-element-pack'),
				'type'      => Controls_Manager::SWITCHER,
				'selectors' => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container' => 'position: relative;',
				]
			]
		);

		$widget->add_control(
			'ep_background_overlay_widget_zindex',
			[
				'label'   => esc_html__('Widget Z-Index', 'bdthemes-element-pack'),
				'type'    => Controls_Manager::NUMBER,
				'default' => '-1',
				'dynamic' => [
					'active' => true,
				],
				'condition' => ['ep_background_overlay_position_relative' => 'yes'],
				'selectors' => [
					'{{WRAPPER}}.bdt-background-overlay-yes > .elementor-widget-container' => 'z-index: {{VALUE}};',
				]
			]
		);

		$widget->end_controls_section();
	}

	public function background_overlay_render($widget) {
		$settings = $widget->get_settings_for_display();

		if (in_array($widget->get_name(), ['column', 'section'])) {
			return;
		}

		if (Plugin::instance()->editor->is_edit_mode()) {
			return;
		}

		$overlay_bg       = isset($settings['ep_background_overlay_background']) ? $settings['ep_background_overlay_background'] : '';
		$overlay_bg_hover = isset($settings['ep_background_overlay_hover_background']) ? $settings['ep_background_overlay_hover_background'] : '';

		$has_background_overlay = (in_array($overlay_bg, ['classic', 'gradient'], true) ||
			in_array($overlay_bg_hover, ['classic', 'gradient'], true));

		if ($has_background_overlay) {
			$widget->add_render_attribute('_wrapper', 'class', 'bdt-background-overlay-yes');

			wp_enqueue_script('ep-background-overlay');
		}
	}


	protected function add_actions() {

		add_action('elementor/element/common/_section_background/after_section_end', [$this, 'register_controls'], 10, 2);
		add_action('elementor/element/after_add_attributes', [$this, 'background_overlay_render'], 10, 1);
	}
}