<h2>File Contents: /home/planet5/www/wp-content/themes/Divi/includes/builder/module/copy_of_VideoSlider.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/themes/Divi/includes/builder/module/copy_of_VideoSlider.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php

class ET_Builder_Module_Video_Slider extends ET_Builder_Module {
	/**
	 * Indicates if module has box shadow.
	 *
	 * @var bool
	 */
	public $has_box_shadow;

	function init() {
		$this-&gt;name                   = esc_html__( &#039;Video Slider&#039;, &#039;et_builder&#039; );
		$this-&gt;plural                 = esc_html__( &#039;Video Sliders&#039;, &#039;et_builder&#039; );
		$this-&gt;slug                   = &#039;et_pb_video_slider&#039;;
		$this-&gt;vb_support             = &#039;on&#039;;
		$this-&gt;child_slug             = &#039;et_pb_video_slider_item&#039;;
		$this-&gt;child_item_text        = esc_html__( &#039;Video&#039;, &#039;et_builder&#039; );
		$this-&gt;main_css_element       = &#039;.et_pb_video_slider%%order_class%%&#039;;
		$this-&gt;has_box_shadow         = false;
		$this-&gt;settings_modal_toggles = array(
			&#039;general&#039;  =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;elements&#039; =&gt; et_builder_i18n( &#039;Elements&#039; ),
					&#039;overlay&#039;  =&gt; et_builder_i18n( &#039;Overlay&#039; ),
				),
			),
			&#039;advanced&#039; =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;colors&#039; =&gt; esc_html__( &#039;Controls&#039;, &#039;et_builder&#039; ),
				),
			),
		);

		$this-&gt;custom_css_fields = array(
			&#039;play_button&#039;    =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Play Button&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_pb_video_play&#039;,
			),
			&#039;thumbnail_item&#039; =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Thumbnail Item&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_pb_carousel_item&#039;,
			),
			&#039;arrows&#039;         =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Slider Arrows&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et-pb-slider-arrows a&#039;,
			),
		);

		$this-&gt;advanced_fields = array(
			&#039;borders&#039;         =&gt; array(
				&#039;default&#039; =&gt; array(
					&#039;css&#039; =&gt; array(
						&#039;main&#039; =&gt; array(
							&#039;border_radii&#039;  =&gt; &quot;{$this-&gt;main_css_element} .et_pb_slider, {$this-&gt;main_css_element} .et_pb_carousel_item&quot;,
							&#039;border_styles&#039; =&gt; &quot;{$this-&gt;main_css_element} .et_pb_slider, {$this-&gt;main_css_element} .et_pb_carousel_item&quot;,
						),
					),
				),
			),
			&#039;margin_padding&#039;  =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;important&#039; =&gt; array( &#039;custom_margin&#039; ), // needed to overwrite last module margin-bottom styling
				),
			),
			&#039;max_width&#039;       =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;module_alignment&#039; =&gt; &#039;%%order_class%%.et_pb_video_slider.et_pb_module&#039;,
				),
			),
			&#039;fonts&#039;           =&gt; false,
			&#039;text&#039;            =&gt; false,
			&#039;button&#039;          =&gt; false,
			&#039;box_shadow&#039;      =&gt; array(
				&#039;default&#039; =&gt; array(
					&#039;css&#039; =&gt; array(
						&#039;main&#039;    =&gt; &#039;%%order_class%%&gt;.et_pb_slider, %%order_class%%&gt;.et_pb_carousel .et_pb_carousel_item&#039;,
						&#039;overlay&#039; =&gt; &#039;inset&#039;,
					),
				),
			),
			&#039;link_options&#039;    =&gt; false,
			&#039;position_fields&#039; =&gt; array(
				&#039;default&#039; =&gt; &#039;relative&#039;,
			),
		);

		$this-&gt;help_videos = array(
			array(
				&#039;id&#039;   =&gt; &#039;gwTruYDcxoE&#039;,
				&#039;name&#039; =&gt; esc_html__( &#039;An introduction to the Video Slider module&#039;, &#039;et_builder&#039; ),
			),
		);
	}

	function get_fields() {
		$fields = array(
			&#039;show_image_overlay&#039;      =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Image Overlays on Main Video&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; et_builder_i18n( &#039;Yes&#039; ),
					&#039;off&#039; =&gt; et_builder_i18n( &#039;No&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;off&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;overlay&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;This option will cover the player UI on the main video. This image can either be uploaded in each video setting or auto-generated by Divi.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;show_arrows&#039;             =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Arrows&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; et_builder_i18n( &#039;Yes&#039; ),
					&#039;off&#039; =&gt; et_builder_i18n( &#039;No&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;This setting will turn on and off the navigation arrows.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;show_thumbnails&#039;         =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Slider Controls&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;select&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; esc_html__( &#039;Use Thumbnail Track&#039;, &#039;et_builder&#039; ),
					&#039;off&#039; =&gt; esc_html__( &#039;Use Dot Navigation&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;This setting will let you choose to use the thumbnail track controls below the slider or dot navigation at the bottom of the slider.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;play_icon_color&#039;         =&gt; array(
				&#039;label&#039;          =&gt; esc_html__( &#039;Play Icon Color&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;    =&gt; esc_html__( &#039;Here you can define a custom color for the play icon.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;           =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;   =&gt; true,
				&#039;tab_slug&#039;       =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;    =&gt; &#039;colors&#039;,
				&#039;hover&#039;          =&gt; &#039;tabs&#039;,
				&#039;mobile_options&#039; =&gt; true,
				&#039;sticky&#039;         =&gt; true,
			),
			&#039;font_icon&#039;      =&gt; array(
				&#039;label&#039;          =&gt; esc_html__( &#039;Icon&#039;, &#039;et_builder&#039; ),
				&#039;toggle_slug&#039;    =&gt; &#039;colors&#039;,
				&#039;type&#039;           =&gt; &#039;select_icon&#039;,
				&#039;class&#039;          =&gt; array( &#039;et-pb-font-icon&#039; ),
				&#039;description&#039;    =&gt; esc_html__( &#039;Choose an icon to display with your blurb.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039; =&gt; true,
				&#039;hover&#039;          =&gt; &#039;tabs&#039;,
				&#039;sticky&#039;         =&gt; true,
				&#039;tab_slug&#039;       =&gt; &#039;advanced&#039;,
			),
			&#039;use_icon_font_size&#039;      =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Use Play Icon Font Size&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;      =&gt; esc_html__( &#039;If you would like to control the size of the icon, you must first enable this option.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;off&#039; =&gt; et_builder_i18n( &#039;No&#039; ),
					&#039;on&#039;  =&gt; et_builder_i18n( &#039;Yes&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;off&#039;,
				&#039;affects&#039;          =&gt; array(
					&#039;icon_font_size&#039;,
				),
				&#039;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;colors&#039;,
				&#039;option_category&#039;  =&gt; &#039;font_option&#039;,
			),
			&#039;icon_font_size&#039;          =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Play Icon Font Size&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;      =&gt; esc_html__( &#039;Control the size of the icon by increasing or decreasing the font size.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;range&#039;,
				&#039;option_category&#039;  =&gt; &#039;font_option&#039;,
				&#039;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;colors&#039;,
				&#039;allowed_units&#039;    =&gt; array( &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;px&#039;, &#039;cm&#039;, &#039;mm&#039;, &#039;in&#039;, &#039;pt&#039;, &#039;pc&#039;, &#039;ex&#039;, &#039;vh&#039;, &#039;vw&#039; ),
				&#039;default&#039;          =&gt; &#039;96px&#039;,
				&#039;default_unit&#039;     =&gt; &#039;px&#039;,
				&#039;default_on_front&#039; =&gt; &#039;&#039;,
				&#039;range_settings&#039;   =&gt; array(
					&#039;min&#039;  =&gt; &#039;1&#039;,
					&#039;max&#039;  =&gt; &#039;120&#039;,
					&#039;step&#039; =&gt; &#039;1&#039;,
				),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;depends_show_if&#039;  =&gt; &#039;on&#039;,
				&#039;responsive&#039;       =&gt; true,
				&#039;sticky&#039;           =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;thumbnail_overlay_color&#039; =&gt; array(
				&#039;label&#039;          =&gt; esc_html__( &#039;Thumbnail Overlay Color&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;    =&gt; esc_html__( &#039;Pick a color to use for the overlay that appears behind the play icon when hovering over the video.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;           =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;   =&gt; true,
				&#039;tab_slug&#039;       =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;    =&gt; &#039;colors&#039;,
				&#039;mobile_options&#039; =&gt; true,
				&#039;sticky&#039;         =&gt; true,
			),
			&#039;controls_color&#039;          =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Slider Controls Color&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;select&#039;,
				&#039;option_category&#039; =&gt; &#039;color_option&#039;,
				&#039;options&#039;         =&gt; array(
					&#039;light&#039; =&gt; et_builder_i18n( &#039;Light&#039; ),
					&#039;dark&#039;  =&gt; et_builder_i18n( &#039;Dark&#039; ),
				),
				&#039;tab_slug&#039;        =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;colors&#039;,
				&#039;description&#039;     =&gt; esc_html__( &#039;This setting will make your slider controls either light or dark in color. Slider controls are either the arrows on the thumbnail track or the circles in dot navigation.&#039;, &#039;et_builder&#039; ),
			),
		);
		return $fields;
	}

	public function get_transition_fields_css_props() {
		$fields = parent::get_transition_fields_css_props();

		$fields[&#039;play_icon_color&#039;] = array( &#039;color&#039; =&gt; &#039;%%order_class%% .et_pb_video_play, %%order_class%% .et_pb_carousel .et_pb_video_play&#039; );
		$fields[&#039;icon_font_size&#039;]  = array(
			&#039;font-size&#039;   =&gt; &#039;%%order_class%% .et_pb_video_play, %%order_class%% .et_pb_carousel .et_pb_video_play&#039;,
			&#039;margin-left&#039; =&gt; &#039;%%order_class%% .et_pb_video_play, %%order_class%% .et_pb_carousel .et_pb_video_play&#039;,
			&#039;margin-top&#039;  =&gt; &#039;%%order_class%% .et_pb_video_play, %%order_class%% .et_pb_carousel .et_pb_video_play&#039;,
			&#039;line-height&#039; =&gt; &#039;%%order_class%% .et_pb_video_play, %%order_class%% .et_pb_carousel .et_pb_video_play&#039;,
		);

		return $fields;
	}

	function before_render() {
		global $et_pb_slider_image_overlay,
			$et_pb_video_slider_sticky;

		$show_image_overlay = et_pb_multi_view_options( $this )-&gt;get_values( &#039;show_image_overlay&#039; );

		$et_pb_slider_image_overlay = $show_image_overlay;

		$et_pb_video_slider_sticky = et_pb_sticky_options()-&gt;is_sticky_module( $this-&gt;props );
	}

	/**
	 * Renders the module output.
	 *
	 * @param  array  $attrs       List of attributes.
	 * @param  string $content     Content being processed.
	 * @param  string $render_slug Slug of module that is used for rendering output.
	 *
	 * @return string
	 */
	public function render( $attrs, $content, $render_slug ) {
		$multi_view         = et_pb_multi_view_options( $this );
		$show_arrows        = $this-&gt;props[&#039;show_arrows&#039;];
		$show_thumbnails    = $this-&gt;props[&#039;show_thumbnails&#039;];
		$controls_color     = $this-&gt;props[&#039;controls_color&#039;];
		$use_icon_font_size = $this-&gt;props[&#039;use_icon_font_size&#039;];

		global $et_pb_slider_image_overlay;

		$video_background          = $this-&gt;video_background();
		$parallax_image_background = $this-&gt;get_parallax_image_background();

		// Play Icon color.
		$this-&gt;generate_styles(
			array(
				&#039;base_attr_name&#039;                  =&gt; &#039;play_icon_color&#039;,
				&#039;selector&#039;                        =&gt; &#039;%%order_class%% .et_pb_video_play, %%order_class%% .et_pb_carousel .et_pb_video_play&#039;,
				&#039;hover_pseudo_selector_location&#039;  =&gt; &#039;suffix&#039;,
				&#039;sticky_pseudo_selector_location&#039; =&gt; &#039;prefix&#039;,
				&#039;css_property&#039;                    =&gt; &#039;color&#039;,
				&#039;important&#039;                       =&gt; true,
				&#039;render_slug&#039;                     =&gt; $render_slug,
				&#039;type&#039;                            =&gt; &#039;color&#039;,
			)
		);

		// Play Icon Styles.
		$this-&gt;generate_styles(
			array(
				&#039;utility_arg&#039;    =&gt; &#039;icon_font_family_and_content&#039;,
				&#039;render_slug&#039;    =&gt; $render_slug,
				&#039;base_attr_name&#039; =&gt; &#039;font_icon&#039;,
				&#039;important&#039;      =&gt; true,
				&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_pb_video_play:before, %%order_class%% .et_pb_carousel .et_pb_video_play:before&#039;,
				&#039;processor&#039;      =&gt; array(
					&#039;ET_Builder_Module_Helper_Style_Processor&#039;,
					&#039;process_extended_icon&#039;,
				),
			)
		);

		// Icon Size.
		if ( &#039;off&#039; !== $use_icon_font_size ) {
			// Icon Font Size.
			$this-&gt;generate_styles(
				array(
					&#039;base_attr_name&#039;                  =&gt; &#039;icon_font_size&#039;,
					&#039;selector&#039;                        =&gt; &#039;%%order_class%% .et_pb_video_wrap .et_pb_video_play, %%order_class%% .et_pb_video_wrap .et_pb_carousel .et_pb_video_play&#039;,
					&#039;hover_pseudo_selector_location&#039;  =&gt; &#039;suffix&#039;,
					&#039;sticky_pseudo_selector_location&#039; =&gt; &#039;prefix&#039;,
					&#039;render_slug&#039;                     =&gt; $render_slug,
					&#039;type&#039;                            =&gt; &#039;range&#039;,

					// processed attr value can&#039;t be directly assigned to single css property so
					// custom processor is needed to render this attr.
					&#039;processor&#039;                       =&gt; array(
						&#039;ET_Builder_Module_Helper_Style_Processor&#039;,
						&#039;process_overlay_icon_font_size&#039;,
					),
				)
			);
		}

		// Thumbnail Overlay Color.
		$this-&gt;generate_styles(
			array(
				&#039;hover&#039;                           =&gt; false,
				&#039;base_attr_name&#039;                  =&gt; &#039;thumbnail_overlay_color&#039;,
				&#039;selector&#039;                        =&gt; &#039;%%order_class%% .et_pb_carousel_item .et_pb_video_overlay_hover:hover, %%order_class%%.et_pb_video_slider .et_pb_slider:hover .et_pb_video_overlay_hover, %%order_class%% .et_pb_carousel_item.et-pb-active-control .et_pb_video_overlay_hover&#039;,
				&#039;sticky_pseudo_selector_location&#039; =&gt; &#039;prefix&#039;,
				&#039;css_property&#039;                    =&gt; &#039;background-color&#039;,
				&#039;render_slug&#039;                     =&gt; $render_slug,
				&#039;type&#039;                            =&gt; &#039;color&#039;,
			)
		);

		$slider_classname  = &#039;&#039;;
		$slider_classname .= &#039;off&#039; === $show_arrows ? &#039; et_pb_slider_no_arrows&#039; : &#039;&#039;;
		$slider_classname .= &#039;on&#039; === $show_thumbnails ? &#039; et_pb_slider_carousel et_pb_slider_no_pagination&#039; : &#039;&#039;;
		$slider_classname .= &#039;off&#039; === $show_thumbnails ? &#039; et_pb_slider_dots&#039; : &#039;&#039;;
		$slider_classname .= &quot; et_pb_controls_{$controls_color}&quot;;

		$content = $this-&gt;content;

		// Module classnames
		if ( $this-&gt;has_box_shadow ) {
			$this-&gt;add_classname( &#039;et_pb_has_box_shadow&#039; );
		}

		$multi_view_data_attr = $multi_view-&gt;render_attrs(
			array(
				&#039;classes&#039; =&gt; array(
					&#039;et_pb_slider_no_arrows&#039;     =&gt; array(
						&#039;show_arrows&#039; =&gt; &#039;off&#039;,
					),
					&#039;et_pb_slider_carousel&#039;      =&gt; array(
						&#039;show_thumbnails&#039; =&gt; &#039;on&#039;,
					),
					&#039;et_pb_slider_no_pagination&#039; =&gt; array(
						&#039;show_thumbnails&#039; =&gt; &#039;on&#039;,
					),
					&#039;et_pb_slider_dots&#039;          =&gt; array(
						&#039;show_thumbnails&#039; =&gt; &#039;off&#039;,
					),
				),
			)
		);

		$output = sprintf(
			&#039;&lt;div%3$s class=&quot;%4$s&quot;&gt;
				%6$s
				%5$s
				%8$s
				%9$s
				&lt;div class=&quot;et_pb_slider et_pb_preload%1$s&quot;%7$s&gt;
					&lt;div class=&quot;et_pb_slides&quot;&gt;
						%2$s
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&#039;,
			esc_attr( $slider_classname ),
			$content,
			$this-&gt;module_id(),
			$this-&gt;module_classname( $render_slug ),
			$video_background,
			$parallax_image_background,
			$multi_view_data_attr,
			et_core_esc_previously( $this-&gt;background_pattern() ), // #8
			et_core_esc_previously( $this-&gt;background_mask() ) // #9
		);

		return $output;
	}
}

if ( et_builder_should_load_all_module_data() ) {
	new ET_Builder_Module_Video_Slider();
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fthemes%2FDivi%2Fincludes%2Fbuilder%2Fmodule'>⬅ Back to Directory</a>