<h2>File Contents: /home/planet5/public_html/wp-content/plugins/elementor/includes/widgets/copy_of_common-base.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/wp-content/plugins/elementor/includes/widgets/copy_of_common-base.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
namespace Elementor;

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

/**
 * Elementor common widget.
 *
 * Elementor base widget that gives you all the advanced options of the basic
 * widget.
 *
 * @since 1.0.0
 */
class Widget_Common_Base extends Widget_Base {

	const WRAPPER_SELECTOR = &#039;{{WRAPPER}} .elementor-widget-container&#039;;
	const WRAPPER_SELECTOR_CHILD = &#039;{{WRAPPER}} &gt; .elementor-widget-container&#039;;
	const WRAPPER_SELECTOR_HOVER = &#039;{{WRAPPER}}:hover .elementor-widget-container&#039;;
	const WRAPPER_SELECTOR_HOVER_CHILD = &#039;{{WRAPPER}}:hover &gt; .elementor-widget-container&#039;;
	const MASK_SELECTOR_DEFAULT = &#039;{{WRAPPER}}:not( .elementor-widget-image ) .elementor-widget-container&#039;;
	const MASK_SELECTOR_IMG = &#039;{{WRAPPER}}.elementor-widget-image .elementor-widget-container img&#039;;
	const TRANSFORM_SELECTOR_CLASS = &#039; &gt; .elementor-widget-container&#039;;
	const MARGIN = &#039;margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};&#039;;

	/**
	 * Get widget name.
	 *
	 * Retrieve common widget name.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return string Widget name.
	 */
	public function get_name() {
		return &#039;common-base&#039;;
	}

	/**
	 * Show in panel.
	 *
	 * Whether to show the common widget in the panel or not.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return bool Whether to show the widget in the panel.
	 */
	public function show_in_panel() {
		return false;
	}

	/**
	 * Get Responsive Device Args
	 *
	 * Receives an array of device args, and duplicates it for each active breakpoint.
	 * Returns an array of device args.
	 *
	 * @since 3.4.7
	 * @deprecated 3.7.0 Not needed anymore because responsive conditioning in the Editor was fixed in v3.7.0.
	 * @access protected
	 *
	 * @param array $args arguments to duplicate per breakpoint.
	 * @param array $devices_to_exclude
	 *
	 * @return array responsive device args
	 */
	protected function get_responsive_device_args( array $args, array $devices_to_exclude = [] ) {
		Plugin::$instance-&gt;modules_manager-&gt;get_modules( &#039;dev-tools&#039; )-&gt;deprecation-&gt;deprecated_function( __METHOD__, &#039;3.7.0&#039; );

		$device_args = [];
		$breakpoints = Plugin::$instance-&gt;breakpoints-&gt;get_active_breakpoints();

		foreach ( $breakpoints as $breakpoint_key =&gt; $breakpoint ) {
			// If the device is not excluded, add it to the device args array.
			if ( ! in_array( $breakpoint_key, $devices_to_exclude, true ) ) {
				$parsed_device_args = $this-&gt;parse_device_args_placeholders( $args, $breakpoint_key );

				$device_args[ $breakpoint_key ] = $parsed_device_args;
			}
		}

		return $device_args;
	}

	/**
	 * Parse Device Args Placeholders
	 *
	 * Receives an array of args. Iterates over the args, and replaces the {{DEVICE}} placeholder, if exists, with the
	 * passed breakpoint key.
	 *
	 * @since 3.4.7
	 * @access private
	 *
	 * @param array  $args
	 * @param string $breakpoint_key
	 * @return array parsed device args
	 */
	private function parse_device_args_placeholders( array $args, $breakpoint_key ) {
		$parsed_args = [];

		foreach ( $args as $arg_key =&gt; $arg_value ) {
			$arg_key = str_replace( &#039;{{DEVICE}}&#039;, $breakpoint_key, $arg_key );

			if ( is_array( $arg_value ) ) {
				$arg_value = $this-&gt;parse_device_args_placeholders( $arg_value, $breakpoint_key );
			}

			$parsed_args[ $arg_key ] = $arg_value;
		}

		return $parsed_args;
	}

	/**
	 * @param String $shape Shape name.
	 *
	 * @return string The shape path in the assets folder.
	 */
	private function get_shape_url( $shape ) {
		return ELEMENTOR_ASSETS_URL . &#039;mask-shapes/&#039; . $shape . &#039;.svg&#039;;
	}

	/**
	 * Get a list of the available mask shapes.
	 *
	 * @param bool $custom_button Determine if the output should contain `Custom Mask` button.
	 *
	 * @return array A list of mask shapes.
	 */
	private function get_shapes( $custom_button = true ): array {
		$shapes = [
			&#039;circle&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Circle&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/circle.svg&#039;,
			],
			&#039;oval-vertical&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Oval vertical&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/oval-vertical.svg&#039;,
			],
			&#039;oval-horizontal&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Oval horizontal&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/oval-horizontal.svg&#039;,
			],
			&#039;pill-vertical&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Pill vertical&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/pill-vertical.svg&#039;,
			],
			&#039;pill-horizontal&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Pill horizontal&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/pill-horizontal.svg&#039;,
			],
			&#039;triangle&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Triangle&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/triangle.svg&#039;,
			],
			&#039;diamond&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Diamond&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/diamond.svg&#039;,
			],
			&#039;pentagon&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Pentagon&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/pentagon.svg&#039;,
			],
			&#039;hexagon-vertical&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Hexagon vertical&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/hexagon-vertical.svg&#039;,
			],
			&#039;hexagon-horizontal&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Hexagon horizontal&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/hexagon-horizontal.svg&#039;,
			],
			&#039;heptagon&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Heptagon&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/heptagon.svg&#039;,
			],
			&#039;octagon&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Octagon&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/octagon.svg&#039;,
			],
			&#039;parallelogram-right&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Parallelogram right&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/parallelogram-right.svg&#039;,
			],
			&#039;parallelogram-left&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Parallelogram left&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/parallelogram-left.svg&#039;,
			],
			&#039;trapezoid-up&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Trapezoid Up&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/trapezoid-up.svg&#039;,
			],
			&#039;trapezoid-down&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Trapezoid Down&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/trapezoid-down.svg&#039;,
			],
			&#039;flower&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Flower&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/flower.svg&#039;,
			],
			&#039;sketch&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Sketch&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/sketch.svg&#039;,
			],
			&#039;hexagon&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Hexagon Donut&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/hexagon.svg&#039;,
			],
			&#039;blob&#039; =&gt; [
				&#039;title&#039; =&gt; esc_html__( &#039;Blob&#039;, &#039;elementor&#039; ),
				&#039;image&#039; =&gt; ELEMENTOR_ASSETS_URL . &#039;mask-shapes/blob.svg&#039;,
			],
		];

		$shapes = array_merge( $shapes, self::get_additional_mask_shapes() );

		if ( $custom_button ) {
			$shapes[&#039;custom&#039;] = [
				&#039;type&#039; =&gt; &#039;button&#039;,
				&#039;title&#039; =&gt; esc_html__( &#039;Custom Mask&#039;, &#039;elementor&#039; ),
			];
		}

		return $shapes;
	}

	/**
	 * Get additional mask shapes.
	 *
	 * Used to add custom mask shapes to elementor.
	 *
	 * @since 3.30.0
	 *
	 * @return array A list of additional mask shapes.
	 */
	private static function get_additional_mask_shapes(): array {
		static $additional_mask_shapes = null;

		if ( null !== $additional_mask_shapes ) {
			return $additional_mask_shapes;
		}

		$additional_mask_shapes = [];

		/**
		 * Additional mask shapes.
		 *
		 * Filters the mask shapes used by Elementor to add additional mask shapes.
		 *
		 * @since 3.30.0
		 *
		 * @param array $additional_mask_shapes Additional mask shapes.
		 */
		$additional_mask_shapes = apply_filters( &#039;elementor/mask_shapes/additional_shapes&#039;, $additional_mask_shapes );

		return $additional_mask_shapes;
	}

	/**
	 * Gets a string of CSS rules to apply, and returns an array of selectors with those rules.
	 * This function has been created in order to deal with masking for image widget.
	 * For most of the widgets the mask is being applied to the wrapper itself, but in the case of an image widget,
	 * the `img` tag should be masked directly. So instead of writing a lot of selectors every time,
	 * this function builds both of those selectors easily.
	 *
	 * @param string $rules The CSS rules to apply.
	 *
	 * @return array Selectors with the rules applied.
	 */
	private function get_mask_selectors( $rules ) {
		$mask_selectors = [
			&#039;default&#039; =&gt; static::MASK_SELECTOR_DEFAULT,
			&#039;image&#039; =&gt; static::MASK_SELECTOR_IMG,
		];

		return [
			$mask_selectors[&#039;default&#039;] . &#039;, &#039; . $mask_selectors[&#039;image&#039;] =&gt; $rules,
		];
	}

	/**
	 * Register the Layout section.
	 *
	 * @return void
	 */
	private function register_layout_section() {
		$this-&gt;start_controls_section(
			&#039;_section_style&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Layout&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_ADVANCED,
			]
		);

		// Element Name for the Navigator
		$this-&gt;add_control(
			&#039;_title&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::HIDDEN,
				&#039;render_type&#039; =&gt; &#039;none&#039;,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_margin&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Margin&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::DIMENSIONS,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					static::WRAPPER_SELECTOR_CHILD =&gt; static::MARGIN,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_padding&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Padding&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::DIMENSIONS,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					static::WRAPPER_SELECTOR_CHILD =&gt; &#039;padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};&#039;,
				],
			]
		);

		$experiments_manager = Plugin::$instance-&gt;experiments;
		$is_container_active = $experiments_manager-&gt;is_feature_active( &#039;container&#039; );

		$this-&gt;add_responsive_control(
			&#039;_element_width&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Width&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;&#039;,
				&#039;options&#039; =&gt; [
					&#039;&#039; =&gt; esc_html__( &#039;Default&#039;, &#039;elementor&#039; ),
					&#039;inherit&#039; =&gt; esc_html__( &#039;Full Width&#039;, &#039;elementor&#039; ) . &#039; (100%)&#039;,
					&#039;auto&#039; =&gt; esc_html__( &#039;Inline&#039;, &#039;elementor&#039; ) . &#039; (auto)&#039;,
					&#039;initial&#039; =&gt; esc_html__( &#039;Custom&#039;, &#039;elementor&#039; ),
				],
				&#039;selectors_dictionary&#039; =&gt; [
					&#039;inherit&#039; =&gt; &#039;100%&#039;,
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-widget%s__width-&#039;,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;width: {{VALUE}}; max-width: {{VALUE}}&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_element_custom_width&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Custom Width&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;default&#039; =&gt; [
					&#039;unit&#039; =&gt; &#039;%&#039;,
				],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;max&#039; =&gt; 1000,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;--container-widget-width: {{SIZE}}{{UNIT}}; --container-widget-flex-grow: 0; width: var( --container-widget-width, {{SIZE}}{{UNIT}} ); max-width: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;condition&#039; =&gt; [ &#039;_element_width&#039; =&gt; &#039;initial&#039; ],
			]
		);

		$this-&gt;add_control(
			&#039;_heading_grid_item&#039;,
			[
				&#039;type&#039; =&gt; Controls_Manager::HEADING,
				&#039;label&#039; =&gt; esc_html__( &#039;Grid Item&#039;, &#039;elementor&#039; ),
				&#039;separator&#039; =&gt; &#039;before&#039;,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_grid_column&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Column Span&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;&#039; =&gt; &#039; &#039; . esc_html__( &#039;Default&#039;, &#039;elementor&#039; ),
					&#039;1&#039; =&gt; &#039;1&#039;,
					&#039;2&#039; =&gt; &#039;2&#039;,
					&#039;3&#039; =&gt; &#039;3&#039;,
					&#039;4&#039; =&gt; &#039;4&#039;,
					&#039;5&#039; =&gt; &#039;5&#039;,
					&#039;6&#039; =&gt; &#039;6&#039;,
					&#039;7&#039; =&gt; &#039;7&#039;,
					&#039;8&#039; =&gt; &#039;8&#039;,
					&#039;9&#039; =&gt; &#039;9&#039;,
					&#039;10&#039; =&gt; &#039;10&#039;,
					&#039;11&#039; =&gt; &#039;11&#039;,
					&#039;12&#039; =&gt; &#039;12&#039;,
					&#039;custom&#039; =&gt; esc_html__( &#039;Custom&#039;, &#039;elementor&#039; ),
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;grid-column: span {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_grid_column_custom&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Custom&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;grid-column: {{VALUE}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;_grid_column&#039; =&gt; &#039;custom&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_grid_row&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Row Span&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;&#039; =&gt; &#039; &#039; . esc_html__( &#039;Default&#039;, &#039;elementor&#039; ),
					&#039;1&#039; =&gt; &#039;1&#039;,
					&#039;2&#039; =&gt; &#039;2&#039;,
					&#039;3&#039; =&gt; &#039;3&#039;,
					&#039;4&#039; =&gt; &#039;4&#039;,
					&#039;5&#039; =&gt; &#039;5&#039;,
					&#039;6&#039; =&gt; &#039;6&#039;,
					&#039;7&#039; =&gt; &#039;7&#039;,
					&#039;8&#039; =&gt; &#039;8&#039;,
					&#039;9&#039; =&gt; &#039;9&#039;,
					&#039;10&#039; =&gt; &#039;10&#039;,
					&#039;11&#039; =&gt; &#039;11&#039;,
					&#039;12&#039; =&gt; &#039;12&#039;,
					&#039;custom&#039; =&gt; esc_html__( &#039;Custom&#039;, &#039;elementor&#039; ),
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;grid-row: span {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_grid_row_custom&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Custom&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;separator&#039; =&gt; &#039;after&#039;,
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;grid-row: {{VALUE}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;_grid_row&#039; =&gt; &#039;custom&#039;,
				],
			]
		);

		// Register Flex controls only if the Container experiment is active.
		if ( $is_container_active ) {
			$this-&gt;add_group_control(
				Group_Control_Flex_Item::get_type(),
				[
					&#039;name&#039; =&gt; &#039;_flex&#039;,
					// Hack to increase specificity and make sure that the current widget overrides the
					// parent flex settings.
					&#039;selector&#039; =&gt; &#039;{{WRAPPER}}.elementor-element&#039;,
					&#039;include&#039; =&gt; [
						&#039;align_self&#039;,
						&#039;order&#039;,
						&#039;order_custom&#039;,
						&#039;size&#039;,
						&#039;grow&#039;,
						&#039;shrink&#039;,
					],
					&#039;fields_options&#039; =&gt; [
						&#039;align_self&#039; =&gt; [
							&#039;separator&#039; =&gt; &#039;before&#039;,
						],
					],
				]
			);
		}

		$vertical_align_conditions = [
			&#039;_element_width!&#039; =&gt; &#039;&#039;,
			&#039;_position&#039; =&gt; &#039;&#039;,
		];

		if ( $is_container_active ) {
			$vertical_align_conditions[&#039;_element_vertical_align!&#039;] = &#039;&#039;; // TODO: For BC.
		}

		// TODO: For BC - Remove in the future.
		$this-&gt;add_responsive_control(
			&#039;_element_vertical_align&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Vertical Align&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;flex-start&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Start&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-top&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Center&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-middle&#039;,
					],
					&#039;flex-end&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;End&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-bottom&#039;,
					],
				],
				&#039;condition&#039; =&gt; $vertical_align_conditions,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;align-self: {{VALUE}}&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;_position_description&#039;,
			[
				&#039;type&#039; =&gt; Controls_Manager::ALERT,
				&#039;alert_type&#039; =&gt; &#039;warning&#039;,
				&#039;heading&#039; =&gt; esc_html__( &#039;Please note!&#039;, &#039;elementor&#039; ),
				&#039;content&#039; =&gt; esc_html__( &#039;Custom positioning is not considered best practice for responsive web design and should not be used too frequently.&#039;, &#039;elementor&#039; ),
				&#039;render_type&#039; =&gt; &#039;ui&#039;,
				&#039;condition&#039; =&gt; [
					&#039;_position!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;_position&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Position&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;&#039;,
				&#039;options&#039; =&gt; [
					&#039;&#039; =&gt; esc_html__( &#039;Default&#039;, &#039;elementor&#039; ),
					&#039;absolute&#039; =&gt; esc_html__( &#039;Absolute&#039;, &#039;elementor&#039; ),
					&#039;fixed&#039; =&gt; esc_html__( &#039;Fixed&#039;, &#039;elementor&#039; ),
				],
				&#039;prefix_class&#039; =&gt; &#039;elementor-&#039;,
				&#039;frontend_available&#039; =&gt; true,
				&#039;separator&#039; =&gt; &#039;before&#039;,
			]
		);

		$start = is_rtl() ? esc_html__( &#039;Right&#039;, &#039;elementor&#039; ) : esc_html__( &#039;Left&#039;, &#039;elementor&#039; );
		$end = ! is_rtl() ? esc_html__( &#039;Right&#039;, &#039;elementor&#039; ) : esc_html__( &#039;Left&#039;, &#039;elementor&#039; );

		$this-&gt;add_control(
			&#039;_offset_orientation_h&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Horizontal Orientation&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;toggle&#039; =&gt; false,
				&#039;default&#039; =&gt; &#039;start&#039;,
				&#039;options&#039; =&gt; [
					&#039;start&#039; =&gt; [
						&#039;title&#039; =&gt; $start,
						&#039;icon&#039; =&gt; &#039;eicon-h-align-left&#039;,
					],
					&#039;end&#039; =&gt; [
						&#039;title&#039; =&gt; $end,
						&#039;icon&#039; =&gt; &#039;eicon-h-align-right&#039;,
					],
				],
				&#039;classes&#039; =&gt; &#039;elementor-control-start-end&#039;,
				&#039;render_type&#039; =&gt; &#039;ui&#039;,
				&#039;condition&#039; =&gt; [
					&#039;_position!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_offset_x&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Offset&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; -1000,
						&#039;max&#039; =&gt; 1000,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vw&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vh&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
				],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 0,
				],
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;vh&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;body:not(.rtl) {{WRAPPER}}&#039; =&gt; &#039;left: {{SIZE}}{{UNIT}}&#039;,
					&#039;body.rtl {{WRAPPER}}&#039; =&gt; &#039;right: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;_offset_orientation_h!&#039; =&gt; &#039;end&#039;,
					&#039;_position!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_offset_x_end&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Offset&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; -1000,
						&#039;max&#039; =&gt; 1000,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vw&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vh&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
				],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 0,
				],
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;vh&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;body:not(.rtl) {{WRAPPER}}&#039; =&gt; &#039;right: {{SIZE}}{{UNIT}}&#039;,
					&#039;body.rtl {{WRAPPER}}&#039; =&gt; &#039;left: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;_offset_orientation_h&#039; =&gt; &#039;end&#039;,
					&#039;_position!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;_offset_orientation_v&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Vertical Orientation&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;toggle&#039; =&gt; false,
				&#039;default&#039; =&gt; &#039;start&#039;,
				&#039;options&#039; =&gt; [
					&#039;start&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Top&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-top&#039;,
					],
					&#039;end&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Bottom&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-bottom&#039;,
					],
				],
				&#039;render_type&#039; =&gt; &#039;ui&#039;,
				&#039;condition&#039; =&gt; [
					&#039;_position!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_offset_y&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Offset&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; -1000,
						&#039;max&#039; =&gt; 1000,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vh&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vw&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
				],
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vh&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 0,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;top: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;_offset_orientation_v!&#039; =&gt; &#039;end&#039;,
					&#039;_position!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_offset_y_end&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Offset&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; -1000,
						&#039;max&#039; =&gt; 1000,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vh&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
					&#039;vw&#039; =&gt; [
						&#039;min&#039; =&gt; -200,
						&#039;max&#039; =&gt; 200,
					],
				],
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vh&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 0,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;bottom: {{SIZE}}{{UNIT}}&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;_offset_orientation_v&#039; =&gt; &#039;end&#039;,
					&#039;_position!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_z_index&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Z-Index&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}}&#039; =&gt; &#039;z-index: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;_element_id&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;CSS ID&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
				&#039;default&#039; =&gt; &#039;&#039;,
				&#039;title&#039; =&gt; esc_html__( &#039;Add your custom id WITHOUT the Pound key. e.g: my-id&#039;, &#039;elementor&#039; ),
				&#039;style_transfer&#039; =&gt; false,
				&#039;classes&#039; =&gt; &#039;elementor-control-direction-ltr&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;_css_classes&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;CSS Classes&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
				&#039;prefix_class&#039; =&gt; &#039;&#039;,
				&#039;title&#039; =&gt; esc_html__( &#039;Add your custom class WITHOUT the dot. e.g: my-class&#039;, &#039;elementor&#039; ),
				&#039;classes&#039; =&gt; &#039;elementor-control-direction-ltr&#039;,
			]
		);

		Plugin::$instance-&gt;controls_manager-&gt;add_display_conditions_controls( $this );

		$this-&gt;end_controls_section();
	}

	/**
	 * Register the Motion Effects section.
	 *
	 * @return void
	 */
	private function register_effects_section() {
		$this-&gt;start_controls_section(
			&#039;section_effects&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Motion Effects&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_ADVANCED,
			]
		);

		Plugin::$instance-&gt;controls_manager-&gt;add_motion_effects_promotion_control( $this );

		$this-&gt;add_responsive_control(
			&#039;_animation&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Entrance Animation&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::ANIMATION,
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;add_control(
			&#039;animation_duration&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Animation Duration&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;default&#039; =&gt; &#039;&#039;,
				&#039;options&#039; =&gt; [
					&#039;slow&#039; =&gt; esc_html__( &#039;Slow&#039;, &#039;elementor&#039; ),
					&#039;&#039; =&gt; esc_html__( &#039;Normal&#039;, &#039;elementor&#039; ),
					&#039;fast&#039; =&gt; esc_html__( &#039;Fast&#039;, &#039;elementor&#039; ),
				],
				&#039;prefix_class&#039; =&gt; &#039;animated-&#039;,
				&#039;condition&#039; =&gt; [
					&#039;_animation!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;_animation_delay&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Animation Delay&#039;, &#039;elementor&#039; ) . &#039; (ms)&#039;,
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;default&#039; =&gt; &#039;&#039;,
				&#039;min&#039; =&gt; 0,
				&#039;step&#039; =&gt; 100,
				&#039;condition&#039; =&gt; [
					&#039;_animation!&#039; =&gt; &#039;&#039;,
				],
				&#039;render_type&#039; =&gt; &#039;none&#039;,
				&#039;frontend_available&#039; =&gt; true,
			]
		);

		$this-&gt;end_controls_section();
	}

	/** Register the Background section.
	 *
	 * @return void
	 */
	private function register_background_section() {
		$this-&gt;start_controls_section(
			&#039;_section_background&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Background&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_ADVANCED,
			]
		);

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

		$this-&gt;start_controls_tab(
			&#039;_tab_background_normal&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Normal&#039;, &#039;elementor&#039; ),
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Background::get_type(),
			[
				&#039;name&#039; =&gt; &#039;_background&#039;,
				&#039;selector&#039; =&gt; static::WRAPPER_SELECTOR_CHILD,
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;start_controls_tab(
			&#039;_tab_background_hover&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Hover&#039;, &#039;elementor&#039; ),
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Background::get_type(),
			[
				&#039;name&#039; =&gt; &#039;_background_hover&#039;,
				&#039;selector&#039; =&gt; static::WRAPPER_SELECTOR_HOVER,
			]
		);

		$this-&gt;add_control(
			&#039;_background_hover_transition&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Transition Duration&#039;, &#039;elementor&#039; ) . &#039; (s)&#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; 3,
						&#039;step&#039; =&gt; 0.1,
					],
				],
				&#039;render_type&#039; =&gt; &#039;ui&#039;,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;selectors&#039; =&gt; [
					static::WRAPPER_SELECTOR_CHILD =&gt; &#039;transition: background {{SIZE}}s&#039;,
				],
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;end_controls_tabs();

		$this-&gt;end_controls_section();
	}

	/**
	 * Register the Border section.
	 *
	 * @return void
	 */
	private function register_border_section() {
		$this-&gt;start_controls_section(
			&#039;_section_border&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Border&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_ADVANCED,
			]
		);

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

		$this-&gt;start_controls_tab(
			&#039;_tab_border_normal&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Normal&#039;, &#039;elementor&#039; ),
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Border::get_type(),
			[
				&#039;name&#039; =&gt; &#039;_border&#039;,
				&#039;selector&#039; =&gt; static::WRAPPER_SELECTOR_CHILD,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_border_radius&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Border Radius&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::DIMENSIONS,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					static::WRAPPER_SELECTOR_CHILD =&gt; &#039;border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Box_Shadow::get_type(),
			[
				&#039;name&#039; =&gt; &#039;_box_shadow&#039;,
				&#039;selector&#039; =&gt; static::WRAPPER_SELECTOR_CHILD,
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;start_controls_tab(
			&#039;_tab_border_hover&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Hover&#039;, &#039;elementor&#039; ),
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Border::get_type(),
			[
				&#039;name&#039; =&gt; &#039;_border_hover&#039;,
				&#039;selector&#039; =&gt; static::WRAPPER_SELECTOR_HOVER,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_border_radius_hover&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Border Radius&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::DIMENSIONS,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					static::WRAPPER_SELECTOR_HOVER_CHILD =&gt; &#039;border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Box_Shadow::get_type(),
			[
				&#039;name&#039; =&gt; &#039;_box_shadow_hover&#039;,
				&#039;selector&#039; =&gt; static::WRAPPER_SELECTOR_HOVER,
			]
		);

		$this-&gt;add_control(
			&#039;_border_hover_transition&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Transition Duration&#039;, &#039;elementor&#039; ) . &#039; (s)&#039;,
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 3,
						&#039;step&#039; =&gt; 0.1,
					],
				],
				&#039;selectors&#039; =&gt; [
					static::WRAPPER_SELECTOR =&gt; &#039;transition: background {{_background_hover_transition.SIZE}}s, border {{SIZE}}s, border-radius {{SIZE}}s, box-shadow {{SIZE}}s&#039;,
				],
			]
		);

		$this-&gt;end_controls_tab();

		$this-&gt;end_controls_tabs();

		$this-&gt;end_controls_section();
	}


	/**
	 * Register the Mask section.
	 *
	 * @return void
	 */
	private function register_masking_section() {
		$this-&gt;start_controls_section(
			&#039;_section_masking&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Mask&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_ADVANCED,
			]
		);

		$this-&gt;add_control(
			&#039;_mask_switch&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Mask&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;label_on&#039; =&gt; esc_html__( &#039;On&#039;, &#039;elementor&#039; ),
				&#039;label_off&#039; =&gt; esc_html__( &#039;Off&#039;, &#039;elementor&#039; ),
				&#039;default&#039; =&gt; &#039;&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;_mask_shape&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Shape&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::VISUAL_CHOICE,
				&#039;label_block&#039; =&gt; true,
				&#039;columns&#039; =&gt; 4,
				&#039;options&#039; =&gt; $this-&gt;get_shapes(),
				&#039;default&#039; =&gt; &#039;circle&#039;,
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-image: url( &#039; . ELEMENTOR_ASSETS_URL . &#039;mask-shapes/{{VALUE}}.svg );&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_mask_image&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Image&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::MEDIA,
				&#039;media_types&#039; =&gt; [ &#039;image&#039; ],
				&#039;should_include_svg_inline_option&#039; =&gt; true,
				&#039;library_type&#039; =&gt; &#039;image/svg+xml&#039;,
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-image: url( {{URL}} );&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
					&#039;_mask_shape&#039; =&gt; &#039;custom&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_mask_size&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Size&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;contain&#039; =&gt; esc_html__( &#039;Fit&#039;, &#039;elementor&#039; ),
					&#039;cover&#039; =&gt; esc_html__( &#039;Fill&#039;, &#039;elementor&#039; ),
					&#039;custom&#039; =&gt; esc_html__( &#039;Custom&#039;, &#039;elementor&#039; ),
				],
				&#039;default&#039; =&gt; &#039;contain&#039;,
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-size: {{VALUE}};&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_mask_size_scale&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Scale&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 500,
					],
					&#039;em&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 100,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
						&#039;max&#039; =&gt; 200,
					],
				],
				&#039;default&#039; =&gt; [
					&#039;unit&#039; =&gt; &#039;%&#039;,
					&#039;size&#039; =&gt; 100,
				],
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-size: {{SIZE}}{{UNIT}};&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
					&#039;_mask_size&#039; =&gt; &#039;custom&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_mask_position&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Position&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;center center&#039; =&gt; esc_html__( &#039;Center Center&#039;, &#039;elementor&#039; ),
					&#039;center left&#039; =&gt; esc_html__( &#039;Center Left&#039;, &#039;elementor&#039; ),
					&#039;center right&#039; =&gt; esc_html__( &#039;Center Right&#039;, &#039;elementor&#039; ),
					&#039;top center&#039; =&gt; esc_html__( &#039;Top Center&#039;, &#039;elementor&#039; ),
					&#039;top left&#039; =&gt; esc_html__( &#039;Top Left&#039;, &#039;elementor&#039; ),
					&#039;top right&#039; =&gt; esc_html__( &#039;Top Right&#039;, &#039;elementor&#039; ),
					&#039;bottom center&#039; =&gt; esc_html__( &#039;Bottom Center&#039;, &#039;elementor&#039; ),
					&#039;bottom left&#039; =&gt; esc_html__( &#039;Bottom Left&#039;, &#039;elementor&#039; ),
					&#039;bottom right&#039; =&gt; esc_html__( &#039;Bottom Right&#039;, &#039;elementor&#039; ),
					&#039;custom&#039; =&gt; esc_html__( &#039;Custom&#039;, &#039;elementor&#039; ),
				],
				&#039;default&#039; =&gt; &#039;center center&#039;,
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-position: {{VALUE}};&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_mask_position_x&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;X Position&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; -500,
						&#039;max&#039; =&gt; 500,
					],
					&#039;em&#039; =&gt; [
						&#039;min&#039; =&gt; -100,
						&#039;max&#039; =&gt; 100,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; -100,
						&#039;max&#039; =&gt; 100,
					],
					&#039;vw&#039; =&gt; [
						&#039;min&#039; =&gt; -100,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;default&#039; =&gt; [
					&#039;unit&#039; =&gt; &#039;%&#039;,
					&#039;size&#039; =&gt; 0,
				],
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-position-x: {{SIZE}}{{UNIT}};&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
					&#039;_mask_position&#039; =&gt; &#039;custom&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_mask_position_y&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Y Position&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; -500,
						&#039;max&#039; =&gt; 500,
					],
					&#039;em&#039; =&gt; [
						&#039;min&#039; =&gt; -100,
						&#039;max&#039; =&gt; 100,
					],
					&#039;%&#039; =&gt; [
						&#039;min&#039; =&gt; -100,
						&#039;max&#039; =&gt; 100,
					],
					&#039;vw&#039; =&gt; [
						&#039;min&#039; =&gt; -100,
						&#039;max&#039; =&gt; 100,
					],
				],
				&#039;default&#039; =&gt; [
					&#039;unit&#039; =&gt; &#039;%&#039;,
					&#039;size&#039; =&gt; 0,
				],
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-position-y: {{SIZE}}{{UNIT}};&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
					&#039;_mask_position&#039; =&gt; &#039;custom&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;_mask_repeat&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Repeat&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;no-repeat&#039; =&gt; esc_html__( &#039;No-repeat&#039;, &#039;elementor&#039; ),
					&#039;repeat&#039; =&gt; esc_html__( &#039;Repeat&#039;, &#039;elementor&#039; ),
					&#039;repeat-x&#039; =&gt; esc_html__( &#039;Repeat-x&#039;, &#039;elementor&#039; ),
					&#039;repeat-Y&#039; =&gt; esc_html__( &#039;Repeat-y&#039;, &#039;elementor&#039; ),
					&#039;round&#039; =&gt; esc_html__( &#039;Round&#039;, &#039;elementor&#039; ),
					&#039;space&#039; =&gt; esc_html__( &#039;Space&#039;, &#039;elementor&#039; ),
				],
				&#039;default&#039; =&gt; &#039;no-repeat&#039;,
				&#039;selectors&#039; =&gt; $this-&gt;get_mask_selectors( &#039;-webkit-mask-repeat: {{VALUE}};&#039; ),
				&#039;condition&#039; =&gt; [
					&#039;_mask_switch!&#039; =&gt; &#039;&#039;,
					&#039;_mask_size!&#039; =&gt; &#039;cover&#039;,
				],
			]
		);

		$this-&gt;end_controls_section();
	}


	/**
	 * Register the Responsive section.
	 *
	 * @return void
	 */
	private function register_responsive_section() {
		$this-&gt;start_controls_section(
			&#039;_section_responsive&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Responsive&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_ADVANCED,
			]
		);

		$this-&gt;add_control(
			&#039;responsive_description&#039;,
			[
				&#039;raw&#039; =&gt; sprintf(
					/* translators: 1: Link open tag, 2: Link close tag. */
					esc_html__( &#039;Responsive visibility will take effect only on %1$s preview mode %2$s or live page, and not while editing in Elementor.&#039;, &#039;elementor&#039; ),
					&#039;&lt;a href=&quot;javascript: $e.run( \&#039;panel/close\&#039; )&quot;&gt;&#039;,
					&#039;&lt;/a&gt;&#039;
				),
				&#039;type&#039; =&gt; Controls_Manager::RAW_HTML,
				&#039;content_classes&#039; =&gt; &#039;elementor-descriptor&#039;,
			]
		);

		$this-&gt;add_hidden_device_controls();

		$this-&gt;end_controls_section();
	}

	/**
	 * Register common widget controls.
	 *
	 * Adds different input fields to allow the user to change and customize the widget settings.
	 *
	 * @since 3.1.0
	 * @access protected
	 */
	protected function register_controls() {
		$this-&gt;register_layout_section();

		$this-&gt;register_effects_section();

		$this-&gt;register_transform_section( &#039;&#039;, static::TRANSFORM_SELECTOR_CLASS );

		$this-&gt;register_background_section();

		$this-&gt;register_border_section();

		$this-&gt;register_masking_section();

		$this-&gt;register_responsive_section();

		$register_common_controls = apply_filters(
			&#039;elementor/widget/common/register_css_attributes_control&#039;,
			true,
			$this
		);

		if ( $register_common_controls ) {
			Plugin::$instance-&gt;controls_manager-&gt;add_custom_attributes_controls( $this );

			Plugin::$instance-&gt;controls_manager-&gt;add_custom_css_controls( $this );
		}
	}
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fwp-content%2Fplugins%2Felementor%2Fincludes%2Fwidgets'>⬅ Back to Directory</a>