<h2>File Contents: /home/planet5/www/wp-content/themes/Divi/includes/builder/module/helpers/MultiViewOptions.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/themes/Divi/includes/builder/module/helpers/MultiViewOptions.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
/**
 * Multi View Options helper class file
 *
 * @package ET/Builder
 *
 * @since 3.27.1
 */

if ( ! defined( &#039;ABSPATH&#039; ) ) {
	die( &#039;Direct access forbidden.&#039; );
}

/**
 * Multi View Options helper class
 *
 * Class ET_Builder_Module_Helper_MultiViewOptions
 *
 * @since 3.27.1
 */
class ET_Builder_Module_Helper_MultiViewOptions {

	/**
	 * HTML data attribute key.
	 *
	 * @since 3.27.1
	 *
	 * @var string
	 */
	protected $data_attr_key = &#039;data-et-multi-view&#039;;

	/**
	 * Find and replace data regex pattern.
	 *
	 * @since 3.27.1
	 *
	 * @var string
	 */
	protected $pattern = &#039;/\{\{(.+)\}\}/&#039;;

	/**
	 * Module Object.
	 *
	 * @since 4.10.0
	 *
	 * @var ET_Builder_Element
	 */
	protected $module;

	/**
	 * Module props data.
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	protected $props = array();

	/**
	 * Module slug.
	 *
	 * @since 3.27.1
	 *
	 * @var string
	 */
	protected $slug = &#039;&#039;;

	/**
	 * Custom props data.
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	protected $custom_props = array();

	/**
	 * Conditional values data.
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	protected $conditional_values = array();

	/**
	 * Default values data.
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	protected $default_values = array();

	/**
	 * Cached values data.
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	protected $cached_values = array();

	/**
	 * Set list of props keys that need to inherit the value
	 *
	 * @since 4.0.2
	 *
	 * @var array
	 */
	protected $inherited_values = array();

	/**
	 * Hover enabled option name suffix
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	public static $hover_enabled_suffix = &#039;__hover_enabled&#039;;

	/**
	 * Responsive enabled option name suffix
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	public static $responsive_enabled_suffix = &#039;_last_edited&#039;;

	/**
	 * Hover option name suffix
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	public static $hover_suffix = &#039;__hover&#039;;

	/**
	 * Tablet option name suffix
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	public static $tablet_suffix = &#039;_tablet&#039;;

	/**
	 * Phone option name suffix
	 *
	 * @since 3.27.1
	 *
	 * @var array
	 */
	public static $phone_suffix = &#039;_phone&#039;;

	/**
	 * List of props that inherited from previous breakpoint
	 *
	 * @var array
	 */
	public $inherited_props;

	/**
	 * Class constructor
	 *
	 * @since 3.27.1
	 *
	 * @param ET_Builder_Element $module             Module object.
	 * @param array              $custom_props       Defined custom props data.
	 * @param array              $conditional_values Defined options conditional values.
	 * @param array              $default_values     Defined options default values.
	 */
	public function __construct( $module = false, $custom_props = array(), $conditional_values = array(), $default_values = array() ) {
		$this-&gt;set_module( $module );
		$this-&gt;set_custom_props( $custom_props );
		$this-&gt;set_conditional_values( $conditional_values );
		$this-&gt;set_default_values( $default_values );
	}

	/**
	 * Get props name by mode
	 *
	 * @since 3.27.1
	 *
	 * @param string $name Props name.
	 * @param string $mode Selected view mode.
	 *
	 * @return string
	 */
	public static function get_name_by_mode( $name, $mode ) {
		if ( &#039;tablet&#039; === $mode || &#039;phone&#039; === $mode ) {
			return &quot;{$name}_{$mode}&quot;;
		}

		if ( &#039;hover&#039; === $mode ) {
			return &quot;{$name}__hover&quot;;
		}

		return $name;
	}

	/**
	 * Get regex field name suffix
	 *
	 * @since 4.0.1
	 *
	 * @return string
	 */
	public static function get_regex_suffix() {
		return &#039;/(__hover|__hover_enabled|__sticky|__sticky_enabled|_last_edited|_tablet|_phone)$/&#039;;
	}

	/**
	 * Get props name base
	 *
	 * @since 4.0.1
	 *
	 * @param string $name Props name.
	 *
	 * @return string
	 */
	public static function get_name_base( $name ) {
		return preg_replace( self::get_regex_suffix(), &#039;&#039;, $name );
	}

	/**
	 * Get view modes
	 *
	 * @since 3.27.1
	 *
	 * @return array
	 */
	public static function get_modes() {
		return array( &#039;desktop&#039;, &#039;tablet&#039;, &#039;phone&#039;, &#039;hover&#039; );
	}

	/**
	 * Check if mode is enabled
	 *
	 * @since 3.27.1
	 *
	 * @param string $name Props name.
	 * @param string $mode Selected view mode.
	 *
	 * @return bool
	 */
	public function mode_is_enabled( $name, $mode ) {
		switch ( $mode ) {
			case &#039;hover&#039;:
				return $this-&gt;hover_is_enabled( $name );

			case &#039;tablet&#039;:
			case &#039;phone&#039;:
				return $this-&gt;responsive_is_enabled( $name );

			default:
				return true;
		}
	}

	/**
	 * Get responsive options filed suffixes
	 *
	 * @since 3.27.1
	 *
	 * @param bool $include_enabled_suffix Whether to include the responsive enabled suffix or not.
	 *
	 * @return array
	 */
	public static function responsive_suffixes( $include_enabled_suffix = true ) {
		$suffixes = array( self::$tablet_suffix, self::$phone_suffix );

		if ( $include_enabled_suffix ) {
			$suffixes[] = self::$responsive_enabled_suffix;
		}

		return $suffixes;
	}

	/**
	 * Get hover options filed suffixes
	 *
	 * @since 3.27.1
	 *
	 * @param bool $include_enabled_suffix Whether to include the hover enabled suffix or not.
	 *
	 * @return array
	 */
	public static function hover_suffixes( $include_enabled_suffix = true ) {
		$suffixes = array( self::$hover_suffix );

		if ( $include_enabled_suffix ) {
			$suffixes[] = self::$hover_enabled_suffix;
		}

		return $suffixes;
	}

	/**
	 * Check whether an option is responsive enabled.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name options name.
	 *
	 * @return bool
	 */
	public function responsive_is_enabled( $name ) {
		return et_pb_responsive_options()-&gt;is_enabled( $name, $this-&gt;get_module_props() );
	}

	/**
	 * Check whether an option is hover enabled.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name options name.
	 *
	 * @return bool
	 */
	public function hover_is_enabled( $name ) {
		return et_pb_hover_options()-&gt;is_enabled( $name, $this-&gt;get_module_props() );
	}

	/**
	 * Get module props desktop mode value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Props name.
	 * @param mixed  $default_value Default value as fallback data.
	 *
	 * @return mixed Value of selected mode.
	 */
	public function get_value_desktop( $name, $default_value = null ) {
		return $this-&gt;get_value( $name, &#039;desktop&#039;, $default_value );
	}

	/**
	 * Get module props tablet mode value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Props name.
	 * @param mixed  $default_value Default value as fallback data.
	 *
	 * @return mixed Value of selected mode.
	 */
	public function get_value_tablet( $name, $default_value = null ) {
		return $this-&gt;get_value( $name, &#039;tablet&#039;, $default_value );
	}

	/**
	 * Get module props phone mode value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Props name.
	 * @param mixed  $default_value Default value as fallback data.
	 *
	 * @return mixed Value of selected mode.
	 */
	public function get_value_phone( $name, $default_value = null ) {
		return $this-&gt;get_value( $name, &#039;phone&#039;, $default_value );
	}

	/**
	 * Get module props hover mode value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Props name.
	 * @param mixed  $default_value Default value as fallback data.
	 *
	 * @return mixed Value of selected mode.
	 */
	public function get_value_hover( $name, $default_value = null ) {
		return $this-&gt;get_value( $name, &#039;hover&#039;, $default_value );
	}

	/**
	 * Get module props value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Props name.
	 * @param string $mode          Select only specified modes: desktop, tablet, phone, hover.
	 * @param mixed  $default_value Default value as fallback data.
	 *
	 * @return mixed Value of selected mode.
	 */
	public function get_value( $name, $mode = &#039;desktop&#039;, $default_value = null ) {
		return et_()-&gt;array_get( $this-&gt;get_values( $name ), $mode, $default_value );
	}

	/**
	 * Get module props values.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name     Props name.
	 * @param bool   $distinct Wether to distinct the values or not.
	 *
	 * @return array Values of all view modes: desktop, tablet, phone, hover.
	 */
	public function get_values( $name, $distinct = true ) {
		if ( ! isset( $this-&gt;cached_values[ $name ] ) ) {
			$values = array();

			if ( isset( $this-&gt;custom_props[ $name ] ) ) {
				foreach ( self::get_modes() as $mode ) {
					$value = et_()-&gt;array_get( $this-&gt;custom_props[ $name ], $mode, &#039;&#039; );

					if ( &#039;&#039; === $value &amp;&amp; isset( $this-&gt;default_values[ $name ][ $mode ] ) ) {
						$value = $this-&gt;default_values[ $name ][ $mode ];
					}

					if ( ! $this-&gt;is_props_inherited( self::get_name_by_mode( $name, $mode ), $value ) ) {
						$values[ $mode ] = $value;
					}
				}
			} else {
				foreach ( self::get_modes() as $mode ) {
					if ( ! $this-&gt;mode_is_enabled( $name, $mode ) ) {
						continue;
					}

					$value = $this-&gt;get_prop( self::get_name_by_mode( $name, $mode ) );

					if ( &#039;&#039; === $value &amp;&amp; isset( $this-&gt;default_values[ $name ][ $mode ] ) ) {
						$value = $this-&gt;default_values[ $name ][ $mode ];
					}

					if ( ! $this-&gt;is_props_inherited( self::get_name_by_mode( $name, $mode ), $value ) ) {
						$values[ $mode ] = $value;
					}
				}
			}

			// Normalize the values to make to all the view modes has own data.
			$this-&gt;cached_values[ $name ] = $this-&gt;normalize_values( $values );
		}

		// Distinct the values to omit duplicate values across modes.
		if ( $distinct ) {
			return $this-&gt;distinct_values( $this-&gt;cached_values[ $name ] );
		}

		return $this-&gt;cached_values[ $name ];
	}

	/**
	 * Compare values
	 *
	 * @since 3.27.1
	 *
	 * @param string $value Source value.
	 * @param [type] $value_compare Target value to compare.
	 *
	 * @return bool
	 */
	protected static function compare_value( $value, $value_compare = null ) {
		$match = false;

		if ( is_null( $value_compare ) ) {
			$match = is_string( $value ) || is_numeric( $value ) ? strlen( $value ) : ! empty( $value );
		} elseif ( is_bool( $value_compare ) ) {
			$match = $value_compare === $value;
		} elseif ( is_array( $value_compare ) ) {
			$match = in_array( $value, $value_compare, true );
		} elseif ( &#039;__empty&#039; === $value_compare ) {
			$match = empty( $value );
		} elseif ( &#039;__not_empty&#039; === $value_compare ) {
			$match = ! empty( $value );
		} else {
			$match = strtolower( strval( $value_compare ) ) === strtolower( strval( $value ) );
		}

		return $match ? true : false;
	}

	/**
	 * Check if module props has value in any of data breakpoint: desktop, tablet, phone, hover.
	 *
	 * @since 3.27.1
	 *
	 * @param string          $name           Field key.
	 * @param string|callable $value_compare  The value to compare.
	 * @param string          $selected_mode  Selected view mode.
	 * @param bool            $inherit       Should the value inherited from previous breakpoint.
	 *
	 * @return bool
	 */
	public function has_value( $name, $value_compare = null, $selected_mode = false, $inherit = false ) {
		$has_value = false;

		if ( $selected_mode &amp;&amp; is_string( $selected_mode ) ) {
			$selected_mode = false !== strpos( $selected_mode, &#039;,&#039; ) ? explode( &#039;,&#039;, $selected_mode ) : array( $selected_mode );
		}

		if ( $selected_mode &amp;&amp; ! is_array( $selected_mode ) ) {
			$selected_mode = array( $selected_mode );
		}

		$values = $this-&gt;get_values( $name, false );

		foreach ( $values as $mode =&gt; $value ) {
			if ( $selected_mode &amp;&amp; ! in_array( $mode, $selected_mode, true ) ) {
				continue;
			}

			$has_value = self::compare_value( $value, $value_compare );

			if ( ! $has_value &amp;&amp; &#039;desktop&#039; !== $mode &amp;&amp; $inherit ) {
				$has_value = self::compare_value( $this-&gt;get_inherit_value( $name, $mode ), $value_compare );
			}

			if ( $has_value ) {
				break;
			}
		}

		return $has_value;
	}

	/**
	 * Get props inherit value
	 *
	 * @since 3.27.1
	 *
	 * @param string $name           Field key.
	 * @param string $selected_mode  Selected view mode.
	 *
	 * @return mixed
	 */
	public function get_inherit_value( $name, $selected_mode ) {
		$values = $this-&gt;get_values( $name, false );

		if ( isset( $values[ $selected_mode ] ) ) {
			return $values[ $selected_mode ];
		}

		return &#039;&#039;;
	}

	/**
	 * Get module props conditional value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Props name.
	 * @param string $mode          Select only specified modes: desktop, tablet, phone, hover.
	 * @param mixed  $conditionals  Extra data to compare.
	 *
	 * @return mixed Calculated conditional value. Will return null if not match any comparison.
	 */
	public function get_conditional_value( $name, $mode = &#039;desktop&#039;, $conditionals = array() ) {
		if ( ! $this-&gt;conditional_values ) {
			return null;
		}

		$value = null;

		foreach ( $this-&gt;conditional_values as $compare ) {
			if ( ! isset( $compare[&#039;name&#039;] ) || $compare[&#039;name&#039;] !== $name ) {
				continue;
			}

			if ( isset( $compare[&#039;conditionals&#039;] ) &amp;&amp; $compare[&#039;conditionals&#039;] ) {
				$is_conditionals_match = true;

				foreach ( $compare[&#039;conditionals&#039;] as $conditional_key =&gt; $conditional_value ) {
					if ( ! isset( $conditionals[ $conditional_key ] ) || $conditionals[ $conditional_key ] !== $conditional_value ) {
						$is_conditionals_match = false;
						break;
					}
				}

				if ( ! $is_conditionals_match ) {
					continue;
				}
			}

			if ( isset( $compare[&#039;props&#039;] ) &amp;&amp; $compare[&#039;props&#039;] ) {
				$is_props_match = true;

				foreach ( $compare[&#039;props&#039;] as $prop_key =&gt; $prop_value ) {
					if ( ! $prop_key &amp;&amp; ! is_numeric( $prop_key ) ) {
						$is_props_match = false;
						break;
					}

					if ( &#039;hover&#039; === $mode &amp;&amp; ! $this-&gt;hover_is_enabled( $prop_key ) ) {
						$mode = false;
					}

					if ( in_array( $mode, array( &#039;tablet&#039;, &#039;phone&#039; ), true ) &amp;&amp; ! $this-&gt;responsive_is_enabled( $prop_key ) ) {
						$mode = false;
					}

					if ( ! $this-&gt;has_value( $prop_key, $prop_value, $mode ) ) {
						$is_props_match = false;
						break;
					}
				}

				if ( ! $is_props_match ) {
					continue;
				}
			}

			$value = $compare[&#039;value&#039;];

			if ( preg_match_all( $this-&gt;pattern, $value, $matches, PREG_SET_ORDER, 0 ) ) {
				foreach ( $matches as $match ) {
					if ( ! isset( $match[1] ) ) {
						continue;
					}

					$value = str_replace( $match[0], $this-&gt;get_value( $match[1], $mode ), $value );
				}
			}
		}

		return $value;
	}

	/**
	 * Set module object.
	 *
	 * @since 3.27.1
	 *
	 * @param ET_Builder_Element $module Module object.
	 */
	public function set_module( $module ) {
		if ( ! $module instanceof ET_Builder_Element ) {
			return et_debug( __( &#039;Invalid module instance passed to ET_Builder_Module_Helper_MultiViewOptions::set_module&#039;, &#039;et_builder&#039; ) );
		}

		$this-&gt;module = $module;

		if ( property_exists( $module, &#039;slug&#039; ) ) {
			$this-&gt;slug = $module-&gt;slug;
		}

		$this-&gt;set_inherited_props();
	}

	/**
	 * Set props data.
	 *
	 * @since 4.0
	 *
	 * @param string $name  Props key.
	 * @param array  $value Props value.
	 */
	public function set_props( $name, $value ) {
		// Always clear cached values to keep the data up to date
		// in case the props defined in looping
		$this-&gt;clear_cached_values( $name );

		// Set the props data.
		$this-&gt;props[ $name ] = $value;
	}

	/**
	 * Clear cached values
	 *
	 * @since 4.0
	 *
	 * @param string $name Props key.
	 *
	 * @return void
	 */
	public function clear_cached_values( $name ) {
		if ( isset( $this-&gt;cached_values[ $name ] ) ) {
			unset( $this-&gt;cached_values[ $name ] );
		}
	}

	/**
	 * Set list props that inherited.
	 *
	 * @since 4.0.2
	 */
	public function set_inherited_props() {
		if ( ! property_exists( $this-&gt;module, &#039;mv_inherited_props&#039; ) || ! is_array( $this-&gt;module-&gt;mv_inherited_props ) ) {
			return;
		}

		$this-&gt;inherited_props = $this-&gt;module-&gt;mv_inherited_props;
	}

	/**
	 * Check if props value suppose to be inherited
	 *
	 * @since 4.0.2
	 *
	 * @param string $name_by_mode Full name of the props.
	 * @param string $value Props value.
	 *
	 * @return boolean
	 */
	public function is_props_inherited( $name_by_mode, $value ) {
		return isset( $this-&gt;inherited_props[ $name_by_mode ] ) &amp;&amp; &#039;&#039; === $value;
	}

	/**
	 * Set option default value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Data key.
	 * @param array  $default_value Default value.
	 */
	public function set_default_value( $name, $default_value ) {
		$this-&gt;default_values[ $name ] = $this-&gt;normalize_values( $default_value );
	}

	/**
	 * Set options default values.
	 *
	 * @since 3.27.1
	 *
	 * @param array $default_values Default values.
	 */
	public function set_default_values( $default_values ) {
		if ( $default_values &amp;&amp; is_array( $default_values ) ) {
			foreach ( $default_values as $name =&gt; $value ) {
				$this-&gt;set_default_value( $name, $value );
			}
		}
	}

	/**
	 * Set option conditional value.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name          Prop key.
	 * @param string $value         Custom conditional value.
	 * @param array  $props         Key value pair of props list to compare.
	 * @param array  $conditionals  Conditionals parameter go compare to calculate the value.
	 */
	public function set_conditional_value( $name, $value, $props, $conditionals = array() ) {
		if ( ! $props || ! is_array( $props ) ) {
			return;
		}

		if ( ! is_array( $conditionals ) ) {
			return;
		}

		$conditional = array(
			// Order index is used to preserve original order when sorting &quot;equal&quot; items
			// as the order of &quot;equal&quot; items in PHP is &quot;undefined&quot; after sorting.
			&#039;order&#039;        =&gt; count( $this-&gt;conditional_values ),
			&#039;name&#039;         =&gt; $name,
			&#039;value&#039;        =&gt; $value,
			&#039;props&#039;        =&gt; $props,
			&#039;conditionals&#039; =&gt; $conditionals,
		);

		$this-&gt;conditional_values[] = $conditional;

		// Sort by count of props and count of conditionals.
		usort( $this-&gt;conditional_values, array( $this, &#039;sort_conditional_values&#039; ) );
	}

	/**
	 * Set option conditional values.
	 *
	 * @since 3.27.1
	 *
	 * @param array $conditional_values Default values.
	 */
	public function set_conditional_values( $conditional_values ) {
		if ( ! $conditional_values || ! is_array( $conditional_values ) ) {
			return;
		}

		foreach ( $conditional_values as  $conditional_key =&gt; $param ) {
			if ( ! isset( $param[&#039;value&#039;] ) ) {
				continue;
			}

			if ( ! isset( $param[&#039;props&#039;] ) ) {
				continue;
			}

			$conditionals = isset( $param[&#039;conditionals&#039;] ) ? $param[&#039;conditionals&#039;] : array();

			$this-&gt;set_conditional_value( $conditional_key, $param[&#039;value&#039;], $param[&#039;props&#039;], $conditionals );
		}
	}

	/**
	 * Set custom variable data.
	 *
	 * @since 3.27.1
	 *
	 * @param string $name   Data key.
	 * @param array  $values The values to inject.
	 */
	public function set_custom_prop( $name, $values ) {
		// Always clear cached values to keep the data up to date
		// in case the props defined in looping
		$this-&gt;clear_cached_values( $name );

		// Set the custom props data.
		$this-&gt;custom_props[ $name ] = $this-&gt;normalize_values( $values );
	}

	/**
	 * Set custom variables data.
	 *
	 * @since 3.27.1
	 *
	 * @param array $custom_props Defined custom props data.
	 */
	public function set_custom_props( $custom_props ) {
		if ( $custom_props &amp;&amp; is_array( $custom_props ) ) {
			foreach ( $custom_props as $name =&gt; $values ) {
				$this-&gt;set_custom_prop( $name, $values );
			}
		}
	}

	/**
	 * Render the multi view HTML element
	 *
	 *      Example:
	 *
	 *      $multi_view-&gt;render_element( array(
	 *          &#039;tag&#039;     =&gt; &#039;div&#039;,
	 *          &#039;content&#039; =&gt; &#039;Hello {{name}}&#039;, // Assume name props value is John
	 *      ) );
	 *
	 *      - Will generate output:
	 *        &lt;div&gt;Hello John&lt;/div&gt;
	 *
	 *      $multi_view-&gt;render_element( array(
	 *          &#039;tag&#039;     =&gt; &#039;p&#039;,
	 *          &#039;content&#039; =&gt; &#039;get_the_title&#039;, // Assume current page title is Hello World
	 *      ) );
	 *
	 *      - Will generate output:
	 *        &lt;p&gt;Hello World&lt;/p&gt;
	 *
	 *      $multi_view-&gt;render_element( array(
	 *          &#039;tag&#039;     =&gt; &#039;h3&#039;,
	 *          &#039;content&#039; =&gt; get_the_title(), // Assume current page title is Hello World
	 *      ) );
	 *
	 *      - Will generate output:
	 *        &lt;h3&gt;Hello World&lt;/h3&gt;
	 *
	 *      $multi_view-&gt;render_element( array(
	 *          &#039;tag&#039;     =&gt; &#039;img&#039;,
	 *          &#039;attrs&#039;   =&gt; array(
	 *              &#039;src&#039;    =&gt; &#039;{{image_url}}, // Assume image_url props value is test.jpg
	 *              &#039;width&#039;  =&gt; &#039;{{image_width}}px&#039;, // Assume image_width props value is 50
	 *              &#039;height&#039; =&gt; &#039;{{image_height}}px&#039;, // Assume image_height props value is 100
	 *          ),
	 *      ) );
	 *
	 *      - Will generate output:
	 *        &lt;img src=&quot;test.jpg&quot; width=&quot;50px&quot; height=&quot;100px&quot; /&gt;
	 *
	 *      $multi_view-&gt;render_element( array(
	 *          &#039;tag&#039;     =&gt; &#039;div&#039;,
	 *          &#039;content&#039; =&gt; &#039;Lorem Ipsum&#039;,
	 *          &#039;styles&#039;  =&gt; array(
	 *              &#039;background-image&#039; =&gt; &#039;url({{image_url}})&#039;, // Assume image_url props value is test.jpg
	 *              &#039;font-size&#039;        =&gt; &#039;{{title_font_size}}px&#039;, // Assume title_font_size props value is 20
	 *          ),
	 *      ) );
	 *
	 *      - Will generate output:
	 *        &lt;div style=&quot;background-image: url(test.jpg); font-size: 20px;&quot;&gt;Lorem Ipsum&lt;/div&gt;
	 *
	 *      $multi_view-&gt;render_element( array(
	 *          &#039;tag&#039;     =&gt; &#039;div&#039;,
	 *          &#039;content&#039; =&gt; &#039;Lorem Ipsum&#039;,
	 *          &#039;classes&#039; =&gt; array(
	 *              &#039;et_pb_slider_no_arrows&#039; =&gt; array
	 *                 &#039;show_arrows&#039; =&gt; &#039;off&#039;, // Assume show_arrows props value is off
	 *              ),
	 *              &#039;et_pb_slider_carousel&#039;  =&gt; array
	 *                  &#039;show_thumbnails&#039; =&gt; &#039;on&#039;, // Assume show_thumbnails props value is on
	 *              ),
	 *          ),
	 *      ) );
	 *
	 *      - Will generate output:
	 *        &lt;div class=et_pb_slider_no_arrows et_pb_slider_carousel&quot;&gt;Lorem Ipsum&lt;/div&gt;
	 *
	 *      $multi_view-&gt;render_element( array(
	 *          &#039;tag&#039;     =&gt; &#039;div&#039;,
	 *          &#039;content&#039; =&gt; &#039;Lorem Ipsum&#039;,
	 *          &#039;visibility&#039; =&gt; array(
	 *              &#039;show_arrows&#039;     =&gt; &#039;on&#039;,
	 *              &#039;show_thumbnails&#039; =&gt; &#039;off&#039;,
	 *          ),
	 *      ) );
	 *
	 *      - Will generate output that will visible when show_arrows is on and show_thumbnails is off:
	 *        &lt;div&gt;Lorem Ipsum&lt;/div&gt;
	 *
	 * @param array   $contexts {
	 *       Data contexts.
	 *
	 *     @type string          $tag                HTML element tag name. Example: div, img, p. Default is span.
	 *
	 *     @type string          $content            Param that will be used to populate the content data.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $attrs              Param that will be used to populate the attributes data.
	 *                                               Associative array key used as attribute name and the value will be used as attribute value.
	 *                                               Special case for &#039;class&#039; and &#039;style&#039; attribute name will only generating output for desktop mode.
	 *                                               Use &#039;styles&#039; or &#039;classes&#039; context for multi modes usage.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $styles             Param that will be used to populate the inline style attributes data.
	 *                                               Associative array key used as style property name and the value will be used as inline style property value.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $classes            Param that will be used to populate the class data.
	 *                                               Associative array key used as class name and the value is associative array as the conditional check compared with prop value.
	 *                                               The conditional check array key used as the prop name and the value used as the conditional check compared with prop value.
	 *                                               The class will be added if all conditional check is true and will be removed if any of conditional check is false.
	 *
	 *     @type array           $visibility         Param that will be used to populate the visibility data.
	 *                                               Associative array key used as the prop name and the value used as the conditional check compared with prop value.
	 *                                               The element will visible if all conditional check is true and will be hidden if any of conditional check is false.
	 *
	 *     @type string          $target             HTML element selector target which the element will be modified. Default is empty string.
	 *                                               Dynamic module order class wildcard string is accepted: %%order_class%%
	 *
	 *     @type string          $hover_selector     HTML element selector which trigger the hover event. Default is empty string.
	 *                                               Dynamic module order class wildcard string is accepted: %%order_class%%
	 *
	 *     @type string          $render_slug        Render slug that will be used to calculate the module order class. Default is current module slug.
	 *
	 *     @type array           $custom_props       Defined custom props data.
	 *
	 *     @type array           $conditional_values Defined data sources for data toggle.
	 *
	 *     @type array           $required           List of required props key to render the element.
	 *                                               Will render the element if all of the props required keys is fulfilled.
	 *                                               Default is empty array it will try to gather any props name set in the &#039;content&#039; context.
	 *                                               Set to false to disable conditional check.
	 *
	 *     @type array           $required_some      List of props key need to be fulfilled to render the element.
	 *                                               Will render the element if any one of the required props keys is fulfilled.
	 *                                               When defined, $required_some parameter will be prioritized over $required parameter.
	 * }
	 * @param boolean $echo Whether to print the output instead returning it.
	 *
	 * @return string|void
	 *
	 * @since 3.27.1
	 */
	public function render_element( $contexts = array(), $echo = false ) {
		// Define the array of defaults.
		$defaults = array(
			&#039;tag&#039;            =&gt; &#039;span&#039;,
			&#039;content&#039;        =&gt; &#039;&#039;,
			&#039;attrs&#039;          =&gt; array(),
			&#039;styles&#039;         =&gt; array(),
			&#039;classes&#039;        =&gt; array(),
			&#039;visibility&#039;     =&gt; array(),
			&#039;target&#039;         =&gt; &#039;&#039;,
			&#039;hover_selector&#039; =&gt; &#039;&#039;,
			&#039;render_slug&#039;    =&gt; &#039;&#039;,
			&#039;custom_props&#039;   =&gt; array(),
			&#039;required&#039;       =&gt; array(),
		);

		// Parse incoming $args into an array and merge it with $defaults.
		$contexts = wp_parse_args( $contexts, $defaults );

		// Set custom props data.
		if ( $contexts[&#039;custom_props&#039;] &amp;&amp; is_array( $contexts[&#039;custom_props&#039;] ) ) {
			$this-&gt;set_custom_props( $contexts[&#039;custom_props&#039;] );
		}
		unset( $contexts[&#039;custom_props&#039;] );

		// Validate element tag.
		$tag = et_core_sanitize_element_tag( $contexts[&#039;tag&#039;] );

		// Bail early when the tag is invalid.
		if ( ! $tag || is_wp_error( $tag ) ) {
			return &#039;&#039;;
		}

		// Bail early when required props is not fulfilled.
		if ( ! $this-&gt;is_required_props_fulfilled( $contexts ) ) {
			return &#039;&#039;;
		}

		// Populate the element data.
		$data = $this-&gt;populate_data( $contexts );

		// Bail early when data is empty.
		if ( ! $data ) {
			return &#039;&#039;;
		}

		$desktop_attrs   = &#039;&#039;;
		$desktop_styles  = array();
		$desktop_classes = array();

		// Generate desktop attribute.
		foreach ( et_()-&gt;array_get( $data, &#039;attrs.desktop&#039;, array() ) as $attr_key =&gt; $attr_value ) {

			if ( &#039;style&#039; === $attr_key ) {
				foreach ( explode( &#039;;&#039;, $attr_value ) as $inline_style ) {
					$inline_styles = explode( &#039;:&#039;, $inline_style );

					if ( count( $inline_styles ) === 2 ) {
						$desktop_styles[ $inline_styles[0] ] = $inline_styles[1];
					}
				}

				continue;
			} elseif ( &#039;class&#039; === $attr_key ) {
				if ( is_string( $attr_value ) ) {
					$desktop_classes = array_merge( $desktop_classes, explode( &#039; &#039;, $attr_value ) );
				} elseif ( is_array( $attr_value ) ) {
					$desktop_classes = array_merge( $desktop_classes, $attr_value );
				}
			} else {
				if ( ! is_string( $attr_value ) ) {
					$attr_value = esc_attr( wp_json_encode( $attr_value ) );
				}

				/**
				 * Hide image tag instead showing broken image tag output
				 * This is needed because there is a case image
				 * just displayed on non desktop mode only.
				 */
				if ( &#039;src&#039; === $attr_key &amp;&amp; ! $attr_value ) {
					$desktop_classes[] = &#039;et_multi_view_hidden_image&#039;;
				}

				$desktop_attrs .= &#039; &#039; . esc_attr( $attr_key ) . &#039;=&quot;&#039; . et_core_esc_previously( $attr_value ) . &#039;&quot;&#039;;
			}
		}

		// Inject desktop inline style attribute.
		foreach ( et_()-&gt;array_get( $data, &#039;styles.desktop&#039;, array() ) as $style_key =&gt; $style_value ) {
			$desktop_styles[ $style_key ] = $style_value;
		}

		if ( $desktop_styles ) {
			$styles = array();

			foreach ( $desktop_styles as $style_key =&gt; $style_value ) {
				$styles[] = esc_attr( $style_key ) . &#039;:&#039; . et_core_esc_previously( $style_value );
			}

			$desktop_attrs .= &#039; style=&quot;&#039; . implode( &#039;;&#039;, $styles ) . &#039;&quot;&#039;;
		}

		// Inject desktop class attribute.
		foreach ( et_()-&gt;array_get( $data, &#039;classes.desktop&#039;, array() ) as $class_action =&gt; $class_names ) {
			foreach ( $class_names as $class_name ) {
				if ( &#039;remove&#039; === $class_action &amp;&amp; in_array( $class_name, $desktop_classes, true ) ) {
					$desktop_classes = array_diff( $desktop_classes, array( $class_name ) );
				}

				if ( &#039;add&#039; === $class_action &amp;&amp; ! in_array( $class_name, $desktop_classes, true ) ) {
					$desktop_classes[] = $class_name;
				}
			}
		}

		// Inject desktop visibility class attribute.
		if ( ! et_()-&gt;array_get( $data, &#039;visibility.desktop&#039;, true ) ) {
			$desktop_classes[] = &#039;et_multi_view_hidden&#039;;
		}

		if ( $desktop_classes ) {
			$desktop_attrs .= &#039; class=&quot;&#039; . implode( &#039; &#039;, array_unique( $desktop_classes ) ) . &#039;&quot;&#039;;
		}

		// Render the output.
		if ( $this-&gt;is_self_closing_tag( $tag ) ) {
			$output = sprintf(
				&#039;&lt;%1$s%2$s%3$s /&gt;&#039;,
				et_core_esc_previously( $tag ), // #1
				et_core_esc_previously( $desktop_attrs ), // #2
				et_core_esc_previously(
					$this-&gt;render_attrs(
						array(
							&#039;target&#039;         =&gt; $contexts[&#039;target&#039;],
							&#039;hover_selector&#039; =&gt; $contexts[&#039;hover_selector&#039;],
							&#039;render_slug&#039;    =&gt; $contexts[&#039;render_slug&#039;],
						),
						false,
						$data
					)
				) // #3
			);
		} else {
			$output = sprintf(
				&#039;&lt;%1$s%2$s%3$s&gt;%4$s&lt;/%1$s&gt;&#039;,
				et_core_esc_previously( $tag ), // #1
				et_core_esc_previously( $desktop_attrs ), // #2
				et_core_esc_previously(
					$this-&gt;render_attrs(
						array(
							&#039;target&#039;         =&gt; $contexts[&#039;target&#039;],
							&#039;hover_selector&#039; =&gt; $contexts[&#039;hover_selector&#039;],
							&#039;render_slug&#039;    =&gt; $contexts[&#039;render_slug&#039;],
						),
						false,
						$data
					)
				), // #3
				et_core_esc_previously( et_()-&gt;array_get( $data, &#039;content.desktop&#039;, &#039;&#039; ) ) // #4
			);
		}

		if ( ! $echo ) {
			return $output;
		}

		echo et_core_esc_previously( $output );
	}

	/**
	 * Get or render the multi content attribute.
	 *
	 * @param array $contexts {
	 *     Data contexts.
	 *
	 *     @type string          $content            Param that will be used to populate the content data.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $attrs              Param that will be used to populate the attributes data.
	 *                                               Associative array key used as attribute name and the value will be used as attribute value.
	 *                                               Special case for &#039;class&#039; and &#039;style&#039; attribute name will only generating output for desktop mode.
	 *                                               Use &#039;styles&#039; or &#039;classes&#039; context for multi modes usage.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $styles             Param that will be used to populate the inline style attributes data.
	 *                                               Associative array key used as style property name and the value will be used as inline style property value.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $classes            Param that will be used to populate the class data.
	 *                                               Associative array key used as class name and the value is associative array as the conditional check compared with prop value.
	 *                                               The conditional check array key used as the prop name and the value used as the conditional check compared with prop value.
	 *                                               The class will be added if all conditional check is true and will be removed if any of conditional check is false.
	 *
	 *     @type array           $visibility         Param that will be used to populate the visibility data.
	 *                                               Associative array key used as the prop name and the value used as the conditional check compared with prop value.
	 *                                               The element will visible if all conditional check is true and will be hidden if any of conditional check is false.
	 *
	 *     @type string          $target             HTML element selector target which the element will be modified. Default is empty string.
	 *                                               Dynamic module order class wildcard string is accepted: %%order_class%%
	 *
	 *     @type string          $hover_selector     HTML element selector which trigger the hover event. Default is empty string.
	 *                                               Dynamic module order class wildcard string is accepted: %%order_class%%
	 *
	 *     @type string          $render_slug        Render slug that will be used to calculate the module order class. Default is current module slug.
	 *
	 *     @type array           $custom_props       Defined custom props data.
	 *
	 *     @type array           $conditional_values Defined data sources for data toggle.
	 *
	 *     @type array           $required           List of required props key to render the element.
	 *                                               Will returning empty string if any required props is empty.
	 *                                               Default is empty array it will try to gather any props name set in the &#039;content&#039; context.
	 *                                               Set to false to disable conditional check.
	 * }
	 * @param bool  $echo Whether to print the output instead returning it.
	 * @param array $populated_data Pre populated data in case just need to format the attributes output.
	 * @param bool  $as_array Whether to return the output as array or string.
	 *
	 * @return string|void
	 *
	 * @since 3.27.1
	 */
	public function render_attrs( $contexts = array(), $echo = false, $populated_data = null, $as_array = false ) {
		// Define the array of defaults.
		$defaults = array(
			&#039;content&#039;        =&gt; &#039;&#039;,
			&#039;attrs&#039;          =&gt; array(),
			&#039;styles&#039;         =&gt; array(),
			&#039;classes&#039;        =&gt; array(),
			&#039;visibility&#039;     =&gt; array(),
			&#039;target&#039;         =&gt; &#039;&#039;,
			&#039;hover_selector&#039; =&gt; &#039;&#039;,
			&#039;render_slug&#039;    =&gt; &#039;&#039;,
			&#039;custom_props&#039;   =&gt; array(),
		);

		// Parse incoming $args into an array and merge it with $defaults.
		$contexts = wp_parse_args( $contexts, $defaults );

		if ( $contexts[&#039;custom_props&#039;] &amp;&amp; is_array( $contexts[&#039;custom_props&#039;] ) ) {
			$this-&gt;set_custom_props( $contexts[&#039;custom_props&#039;] );
		}

		unset( $contexts[&#039;custom_props&#039;] );

		$data = is_null( $populated_data ) ? $this-&gt;populate_data( $contexts ) : $populated_data;

		if ( $data ) {
			foreach ( $data as $context =&gt; $modes ) {
				// Distinct the values to omit duplicate values across modes.
				$data[ $context ] = $this-&gt;distinct_values( $modes );

				// Remove context data if there is only desktop mode data available.
				// This intended to avoid unnecessary multi view attribute rendered if there is only desktop
				// mode data is available.
				if ( 1 === count( $data[ $context ] ) &amp;&amp; isset( $data[ $context ][&#039;desktop&#039;] ) ) {
					unset( $data[ $context ] );
				}
			}
		}

		$output = &#039;&#039;;

		if ( $data ) {
			if ( isset( $data[&#039;content&#039;] ) ) {
				foreach ( $data[&#039;content&#039;] as $mode =&gt; $content ) {
					if ( ! $content ) {
						continue;
					}

					$content = str_replace( &#039;&amp;lt;&#039;, htmlentities( &#039;&amp;lt;&#039; ), $content );
					$content = str_replace( &#039;&amp;gt;&#039;, htmlentities( &#039;&amp;gt;&#039; ), $content );

					$data[&#039;content&#039;][ $mode ] = $content;
				}
			}

			$content_desktop = et_()-&gt;array_get( $data, &#039;content.desktop&#039;, null );
			$content_tablet  = et_()-&gt;array_get( $data, &#039;content.tablet&#039;, null );
			$content_phone   = et_()-&gt;array_get( $data, &#039;content.phone&#039;, null );

			$visibility_desktop = et_()-&gt;array_get( $data, &#039;visibility.desktop&#039;, null );
			$visibility_tablet  = et_()-&gt;array_get( $data, &#039;visibility.tablet&#039;, null );
			$visibility_phone   = et_()-&gt;array_get( $data, &#039;visibility.phone&#039;, null );

			$is_hidden_on_load_tablet = false;
			if ( ! is_null( $content_tablet ) &amp;&amp; $content_desktop !== $content_tablet ) {
				$is_hidden_on_load_tablet = true;
			}

			if ( ! is_null( $visibility_tablet ) &amp;&amp; $visibility_desktop !== $visibility_tablet ) {
				$is_hidden_on_load_tablet = true;
			}

			$is_hidden_on_load_phone = false;
			if ( ! is_null( $content_phone ) &amp;&amp; $content_desktop !== $content_phone ) {
				$is_hidden_on_load_phone = true;
			}

			if ( ! is_null( $visibility_phone ) &amp;&amp; $visibility_desktop !== $visibility_phone ) {
				$is_hidden_on_load_phone = true;
			}

			$data = array(
				&#039;schema&#039; =&gt; $data,
				&#039;slug&#039;   =&gt; $this-&gt;slug,
			);

			if ( ! empty( $contexts[&#039;target&#039;] ) ) {
				if ( false !== strpos( $contexts[&#039;target&#039;], &#039;%%order_class%%&#039; ) ) {
					$render_slug = ! empty( $contexts[&#039;render_slug&#039;] ) ? $contexts[&#039;render_slug&#039;] : $this-&gt;slug;
					$order_class = ET_Builder_Element::get_module_order_class( $render_slug );

					if ( $order_class ) {
						$data[&#039;target&#039;] = str_replace( &#039;%%order_class%%&#039;, &quot;.{$order_class}&quot;, $contexts[&#039;target&#039;] );
					}
				} else {
					$data[&#039;target&#039;] = $contexts[&#039;target&#039;];
				}
			}

			if ( ! empty( $contexts[&#039;hover_selector&#039;] ) ) {
				if ( false !== strpos( $contexts[&#039;hover_selector&#039;], &#039;%%order_class%%&#039; ) ) {
					$render_slug = ! empty( $contexts[&#039;render_slug&#039;] ) ? $contexts[&#039;render_slug&#039;] : $this-&gt;slug;
					$order_class = ET_Builder_Element::get_module_order_class( $render_slug );

					if ( $order_class ) {
						$data[&#039;hover_selector&#039;] = str_replace( &#039;%%order_class%%&#039;, &quot;.{$order_class}&quot;, $contexts[&#039;hover_selector&#039;] );
					}
				} else {
					$data[&#039;hover_selector&#039;] = $contexts[&#039;hover_selector&#039;];
				}
			}

			$data_attr_key = esc_attr( $this-&gt;data_attr_key );

			if ( $as_array ) {
				$output = array();

				$output[ $data_attr_key ] = esc_attr( wp_json_encode( $data ) );

				if ( $is_hidden_on_load_tablet ) {
					$output[ $data_attr_key . &#039;-load-tablet-hidden&#039; ] = &#039;true&#039;;
				}

				if ( $is_hidden_on_load_phone ) {
					$output[ $data_attr_key . &#039;-load-phone-hidden&#039; ] = &#039;true&#039;;
				}
			} else {
				// Format the html data attribute output.
				$output = sprintf( &#039; %1$s=&quot;%2$s&quot;&#039;, $data_attr_key, esc_attr( wp_json_encode( $data ) ) );

				if ( $is_hidden_on_load_tablet ) {
					$output .= sprintf( &#039; %1$s=&quot;%2$s&quot;&#039;, $data_attr_key . &#039;-load-tablet-hidden&#039;, &#039;true&#039; );
				}

				if ( $is_hidden_on_load_phone ) {
					$output .= sprintf( &#039; %1$s=&quot;%2$s&quot;&#039;, $data_attr_key . &#039;-load-phone-hidden&#039;, &#039;true&#039; );
				}
			}
		}

		if ( ! $echo || $as_array ) {
			return $output;
		}

		echo et_core_esc_previously( $output );
	}

	/**
	 * Populate the multi view data.
	 *
	 * @param array $contexts {
	 *     Data contexts.
	 *
	 *     @type string          $content            Param that will be used to populate the content data.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $attrs              Param that will be used to populate the attributes data.
	 *                                               Associative array key used as attribute name and the value will be used as attribute value.
	 *                                               Special case for &#039;class&#039; and &#039;style&#039; attribute name will only generating output for desktop mode.
	 *                                               Use &#039;styles&#039; or &#039;classes&#039; context for multi modes usage.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $styles             Param that will be used to populate the inline style attributes data.
	 *                                               Associative array key used as style property name and the value will be used as inline style property value.
	 *                                               Use props name wrapped with 2 curly brackets within the value for find &amp; replace wildcard: {{props_name}}
	 *
	 *     @type array           $classes            Param that will be used to populate the class data.
	 *                                               Associative array key used as class name and the value is associative array as the conditional check compared with prop value.
	 *                                               The conditional check array key used as the prop name and the value used as the conditional check compared with prop value.
	 *                                               The class will be added if all conditional check is true and will be removed if any of conditional check is false.
	 *
	 *     @type array           $visibility         Param that will be used to populate the visibility data.
	 *                                               Associative array key used as the prop name and the value used as the conditional check compared with prop value.
	 *                                               The element will visible if all conditional check is true and will be hidden if any of conditional check is false.
	 * }
	 *
	 * @return array
	 *
	 * @since 3.27.1
	 */
	public function populate_data( $contexts = array() ) {
		$data = array();

		// Define the array of defaults.
		$defaults = array(
			&#039;content&#039;    =&gt; &#039;&#039;,
			&#039;attrs&#039;      =&gt; array(),
			&#039;styles&#039;     =&gt; array(),
			&#039;classes&#039;    =&gt; array(),
			&#039;visibility&#039; =&gt; array(),
		);

		// Parse incoming $args into an array and merge it with $defaults.
		$contexts = wp_parse_args( $contexts, $defaults );

		foreach ( $contexts as $context =&gt; $context_args ) {
			// Skip if the context is not listed as default.
			if ( ( ! isset( $defaults[ $context ] ) ) ) {
				continue;
			}

			$callback = array( $this, &quot;populate_data__{$context}&quot; );

			// Skip if the context has no callback handler.
			if ( ! is_callable( $callback ) ) {
				continue;
			}

			// @phpcs:ignore Generic.PHP.ForbiddenFunctions.Found
			$context_data = call_user_func( $callback, $context_args );

			// Skip if the context data is empty or WP_Error object.
			if ( ! $context_data || is_wp_error( $context_data ) ) {
				continue;
			}

			// Set the context data for each breakpoints.
			foreach ( $context_data as $mode =&gt; $context_value ) {
				$data[ $context ][ $mode ] = $context_value;
			}
		}

		return $this-&gt;filter_data( $data );
	}

	/**
	 * Populate content data context.
	 *
	 * @since 3.27.1
	 *
	 * @param string $content Data contexts.
	 *
	 * @return array
	 */
	protected function populate_data__content( $content ) {
		if ( ! $content || ! is_string( $content ) ) {
			return new WP_Error();
		}

		$data = array();

		if ( preg_match_all( $this-&gt;pattern, $content, $matches, PREG_SET_ORDER, 0 ) ) {
			$replacements = array();

			foreach ( $matches as $match ) {
				if ( ! isset( $match[1] ) ) {
					continue;
				}

				$values = $this-&gt;get_values( $match[1] );

				if ( $values ) {
					$replacements[ $match[0] ] = array(
						&#039;context&#039; =&gt; &#039;content&#039;,
						&#039;name&#039;    =&gt; $match[1],
						&#039;values&#039;  =&gt; $values,
					);
				}
			}

			if ( $replacements ) {
				foreach ( $replacements as $find =&gt; $replacement ) {
					foreach ( $replacement[&#039;values&#039;] as $mode =&gt; $value ) {
						// Manipulate the value if needed.
						$value = $this-&gt;filter_value(
							$value,
							array_merge(
								$replacement,
								array(
									&#039;mode&#039; =&gt; $mode,
								)
							)
						);

						if ( ! is_wp_error( $value ) ) {
							if ( ! isset( $data[ $mode ] ) ) {
								$data[ $mode ] = $content;
							}

							$data[ $mode ] = str_replace( $find, $value, $data[ $mode ] );
						}
					}
				}
			}
		} else {
			// Manipulate the value if needed.
			$value = $this-&gt;filter_value(
				$content,
				array(
					&#039;context&#039; =&gt; &#039;content&#039;,
					&#039;mode&#039;    =&gt; &#039;desktop&#039;,
				)
			);

			if ( ! is_wp_error( $value ) ) {
				// Update the multi content data.
				$data[&#039;desktop&#039;] = $value;
			}
		}

		return $data;
	}

	/**
	 * Populate attrs data context.
	 *
	 * @since 3.27.1
	 *
	 * @param array $attrs Data contexts.
	 *
	 * @return array
	 */
	protected function populate_data__attrs( $attrs ) {
		if ( ! $attrs || ! is_array( $attrs ) ) {
			return new WP_Error();
		}

		$data = array();

		foreach ( $attrs as $attr_key =&gt; $attr_value ) {
			if ( preg_match_all( $this-&gt;pattern, $attr_value, $matches, PREG_SET_ORDER, 0 ) ) {
				foreach ( $matches as $match ) {
					if ( ! isset( $match[1] ) ) {
						continue;
					}

					$values = $this-&gt;get_values( $match[1] );

					if ( $values ) {
						foreach ( $values as $mode =&gt; $value ) {
							// Manipulate the value if needed.
							$value = $this-&gt;filter_value(
								$value,
								array(
									&#039;context&#039;  =&gt; &#039;attrs&#039;,
									&#039;mode&#039;     =&gt; $mode,
									&#039;name&#039;     =&gt; $match[1],
									&#039;attr_key&#039; =&gt; $attr_key,
								)
							);

							if ( ! is_wp_error( $value ) ) {
								$value = et_core_esc_attr( $attr_key, $value );
							}

							if ( ! is_wp_error( $value ) ) {
								if ( ! isset( $data[ $mode ][ $attr_key ] ) ) {
									$data[ $mode ][ $attr_key ] = $attr_value;
								}

								$data[ $mode ][ $attr_key ] = str_replace( $match[0], $value, $data[ $mode ][ $attr_key ] );
							}
						}
					}
				}
			} else {
				// Manipulate the value if needed.
				$attr_value = $this-&gt;filter_value(
					$attr_value,
					array(
						&#039;context&#039;  =&gt; &#039;attrs&#039;,
						&#039;mode&#039;     =&gt; &#039;desktop&#039;,
						&#039;attr_key&#039; =&gt; $attr_key,
					)
				);

				if ( ! is_wp_error( $attr_value ) ) {
					$attr_value = et_core_esc_attr( $attr_key, $attr_value );
				}

				if ( ! is_wp_error( $attr_value ) ) {
					// Update the multi content data.
					$data[&#039;desktop&#039;][ $attr_key ] = $attr_value;
				}
			}
		}

		return $data;
	}

	/**
	 * Populate styles data context.
	 *
	 * @since 3.27.1
	 *
	 * @param array $styles Data contexts.
	 *
	 * @return array
	 */
	protected function populate_data__styles( $styles ) {
		if ( ! $styles || ! is_array( $styles ) ) {
			return new WP_Error();
		}

		$data = array();

		foreach ( $styles as $style_key =&gt; $style_value ) {
			if ( preg_match_all( $this-&gt;pattern, $style_value, $matches, PREG_SET_ORDER, 0 ) ) {
				foreach ( $matches as $match ) {
					if ( ! isset( $match[1] ) ) {
						continue;
					}

					$values = $this-&gt;get_values( $match[1] );

					if ( $values ) {
						foreach ( $values as $mode =&gt; $value ) {
							// Manipulate the value if needed.
							$value = $this-&gt;filter_value(
								$value,
								array(
									&#039;context&#039;   =&gt; &#039;styles&#039;,
									&#039;mode&#039;      =&gt; $mode,
									&#039;name&#039;      =&gt; $match[1],
									&#039;style_key&#039; =&gt; $style_key,
								)
							);

							if ( ! is_wp_error( $value ) ) {
								if ( ! isset( $data[ $mode ][ $style_key ] ) ) {
									$data[ $mode ][ $style_key ] = $style_value;
								}

								$full_style_value = str_replace( $match[0], $value, $data[ $mode ][ $style_key ] );

								if ( ! is_wp_error( et_core_esc_attr( &#039;style&#039;, $style_key . &#039;:&#039; . $full_style_value ) ) ) {
									$data[ $mode ][ $style_key ] = $full_style_value;
								}
							}
						}
					}
				}
			} else {
				// Manipulate the value if needed.
				$style_value = $this-&gt;filter_value(
					$style_value,
					array(
						&#039;context&#039;   =&gt; &#039;styles&#039;,
						&#039;mode&#039;      =&gt; &#039;desktop&#039;,
						&#039;style_key&#039; =&gt; $style_key,
					)
				);

				if ( ! is_wp_error( $style_value ) &amp;&amp; ! is_wp_error( et_core_esc_attr( &#039;style&#039;, $style_key . &#039;:&#039; . $style_value ) ) ) {
					$data[&#039;desktop&#039;][ $style_key ] = $style_value;
				}
			}
		}

		return $data;
	}

	/**
	 * Populate classes data context.
	 *
	 * @since 3.27.1
	 *
	 * @param array $classes Data contexts.
	 *
	 * @return array
	 */
	protected function populate_data__classes( $classes ) {
		if ( ! $classes || ! is_array( $classes ) ) {
			return new WP_Error();
		}

		$data = array();

		foreach ( self::get_modes() as $mode ) {
			foreach ( $classes as $class_name =&gt; $conditionals ) {
				$class_name = et_core_esc_attr( &#039;class&#039;, $class_name );

				if ( is_wp_error( $class_name ) ) {
					continue;
				}

				$conditionals_match = array();

				foreach ( $conditionals as $name =&gt; $value_compare ) {
					$value = $this-&gt;get_inherit_value( $name, $mode );

					// Manipulate the value if needed.
					$value = $this-&gt;filter_value(
						$value,
						array(
							&#039;context&#039; =&gt; &#039;classes&#039;,
							&#039;mode&#039;    =&gt; $mode,
							&#039;name&#039;    =&gt; $name,
						)
					);

					if ( ! is_wp_error( $value ) ) {
						$conditionals_match[ $name ] = self::compare_value( $value, $value_compare ) ? 1 : 0;
					}
				}

				$action = count( $conditionals ) === array_sum( $conditionals_match ) ? &#039;add&#039; : &#039;remove&#039;;

				if ( ! isset( $data[ $mode ][ $action ] ) ) {
					$data[ $mode ][ $action ] = array();
				}

				$data[ $mode ][ $action ][] = $class_name;
			}
		}

		return $data;
	}

	/**
	 * Populate visibility data context.
	 *
	 * @since 3.27.1
	 *
	 * @param array $visibility Data contexts.
	 *
	 * @return array
	 */
	protected function populate_data__visibility( $visibility ) {
		if ( ! $visibility || ! is_array( $visibility ) ) {
			return new WP_Error();
		}

		$data = array();

		foreach ( self::get_modes() as $mode ) {
			if ( ! isset( $data[ $mode ] ) ) {
				$data[ $mode ] = array();
			}

			foreach ( $visibility as $name =&gt; $value_compare ) {
				$value = $this-&gt;get_inherit_value( $name, $mode );

				// Manipulate the value if needed.
				$value = $this-&gt;filter_value(
					$value,
					array(
						&#039;context&#039; =&gt; &#039;visibility&#039;,
						&#039;mode&#039;    =&gt; $mode,
						&#039;name&#039;    =&gt; $name,
					)
				);

				if ( ! is_wp_error( $value ) ) {
					$data[ $mode ][ $name ] = self::compare_value( $value, $value_compare ) ? 1 : 0;
				}
			}
		}

		foreach ( $data as $mode =&gt; $value ) {
			$data[ $mode ] = count( $value ) === array_sum( $value );
		}

		return $data;
	}

	/**
	 * Props value filter.
	 *
	 * @since 3.27.1
	 *
	 * @param mixed $raw_value Props raw value.
	 * @param array $args {
	 *     Context data.
	 *
	 *     @type string $context      Context param: content, attrs, visibility, classes.
	 *     @type string $name         Module options props name.
	 *     @type string $mode         Current data mode: desktop, hover, tablet, phone.
	 *     @type string $attr_key     Attribute key for attrs context data. Example: src, class, etc.
	 *     @type string $attr_sub_key Attribute sub key that available when passing attrs value as array such as styes. Example: padding-top, margin-bottom, etc.
	 * }
	 *
	 * @return mixed|WP_Error return WP_Error to skip the data.
	 */
	protected function filter_value( $raw_value, $args = array() ) {
		if ( $this-&gt;module instanceof ET_Builder_Element &amp;&amp; method_exists( $this-&gt;module, &#039;multi_view_filter_value&#039; ) &amp;&amp; is_callable( array( $this-&gt;module, &#039;multi_view_filter_value&#039; ) ) ) {
			/**
			 * Execute the filter value function defined for current module.
			 *
			 * @since 3.27.1
			 *
			 * @param mixed $raw_value Props raw value.
			 * @param array $args {
			 *     Context data.
			 *
			 *     @type string $context      Context param: content, attrs, visibility, classes.
			 *     @type string $name         Module options props name.
			 *     @type string $mode         Current data mode: desktop, hover, tablet, phone.
			 *     @type string $attr_key     Attribute key for attrs context data. Example: src, class, etc.
			 *     @type string $attr_sub_key Attribute sub key that available when passing attrs value as array such as styes. Example: padding-top, margin-bottom, etc.
			 * }
			 * @param ET_Builder_Module_Helper_MultiViewOptions $multi_view Current instance.
			 *
			 * @return mixed
			 */
			// @phpcs:ignore Generic.PHP.ForbiddenFunctions.Found
			$raw_value = call_user_func( array( $this-&gt;module, &#039;multi_view_filter_value&#039; ), $raw_value, $args, $this );

			// Bail early if the $raw_value is WP_error object.
			if ( is_wp_error( $raw_value ) ) {
				return $raw_value;
			}
		}

		$context = isset( $args[&#039;context&#039;] ) ? $args[&#039;context&#039;] : &#039;&#039;;
		$name    = isset( $args[&#039;name&#039;] ) ? $args[&#039;name&#039;] : &#039;&#039;;
		$mode    = isset( $args[&#039;mode&#039;] ) ? $args[&#039;mode&#039;] : &#039;desktop&#039;;

		$content_fields = array(
			&#039;content&#039;,
			&#039;raw_content&#039;,
			&#039;description&#039;,
			&#039;footer_content&#039;,
		);

		if ( $raw_value &amp;&amp; &#039;content&#039; === $context &amp;&amp; &#039;desktop&#039; !== $mode &amp;&amp; in_array( $name, $content_fields, true ) ) {
			$raw_value = str_replace( array( &#039;%22&#039;, &#039;%92&#039;, &#039;%91&#039;, &#039;%93&#039; ), array( &#039;&quot;&#039;, &#039;\\&#039;, &#039;&amp;#91;&#039;, &#039;&amp;#93;&#039; ), $raw_value );

			// Cleaning up invalid starting &lt;\p&gt; tag.
			$cleaned_value = preg_replace( &#039;/(^&lt;\/p&gt;)(.*)/ius&#039;, &#039;$2&#039;, $raw_value );

			// Cleaning up invalid ending &lt;p&gt; tag.
			$cleaned_value = preg_replace( &#039;/(.*)(&lt;p&gt;$)/ius&#039;, &#039;$1&#039;, $cleaned_value );

			// Override the raw value.
			if ( $raw_value !== $cleaned_value ) {
				$raw_value = trim( $cleaned_value, &quot;\n&quot; );

				if ( &#039;raw_content&#039; !== $name ) {
					$raw_value = force_balance_tags( $raw_value );
				}
			}

			// Try to process shortcode.
			if ( false !== strpos( $raw_value, &#039;&amp;#91;&#039; ) &amp;&amp; false !== strpos( $raw_value, &#039;&amp;#93;&#039; ) ) {
				$raw_value = do_shortcode( et_pb_fix_shortcodes( str_replace( array( &#039;&amp;#91;&#039;, &#039;&amp;#93;&#039; ), array( &#039;[&#039;, &#039;]&#039; ), $raw_value ), true ) );
			}
		}

		return $raw_value;
	}

	/**
	 * Filter populated multi view data
	 *
	 * The use case of this method is to manipulate populated data such as injecting srcset attributes.
	 *
	 * @since 3.27.1
	 *
	 * @param array $data All populated raw data. The value value passed to this method has been processed by filter_value method.
	 *
	 * @return array
	 */
	protected function filter_data( $data ) {
		static $defaults = array( false, false, false, false );

		// Inject the image srcset and sizes attributes data.
		if ( ! empty( $data[&#039;attrs&#039;] ) &amp;&amp; et_is_responsive_images_enabled() ) {
			foreach ( $data[&#039;attrs&#039;] as $mode =&gt; $attrs ) {
				// Skip if src attr is empty.
				if ( ! isset( $attrs[&#039;src&#039;] ) ) {
					continue;
				}

				$srcset_sizes = et_get_image_srcset_sizes( $attrs[&#039;src&#039;] );

				if ( isset( $srcset_sizes[&#039;srcset&#039;], $srcset_sizes[&#039;sizes&#039;] ) &amp;&amp; $srcset_sizes[&#039;srcset&#039;] &amp;&amp; $srcset_sizes[&#039;sizes&#039;] ) {
					$data[&#039;attrs&#039;][ $mode ][&#039;srcset&#039;] = $srcset_sizes[&#039;srcset&#039;];
					$data[&#039;attrs&#039;][ $mode ][&#039;sizes&#039;]  = $srcset_sizes[&#039;sizes&#039;];
				} else {
					unset( $data[&#039;attrs&#039;][ $mode ][&#039;srcset&#039;] );
					unset( $data[&#039;attrs&#039;][ $mode ][&#039;sizes&#039;] );
				}
			}
		}

		if ( $this-&gt;module instanceof ET_Builder_Element &amp;&amp; method_exists( $this-&gt;module, &#039;multi_view_filter_data&#039; ) &amp;&amp; is_callable( array( $this-&gt;module, &#039;multi_view_filter_data&#039; ) ) ) {
			/**
			 * Execute the filter data function defined for current module.
			 *
			 * @since 3.27.1
			 *
			 * @param mixed                                     $data       All populated raw data.
			 * @param ET_Builder_Module_Helper_MultiViewOptions $multi_view Current instance.
			 *
			 * @return mixed
			 */
			// @phpcs:ignore Generic.PHP.ForbiddenFunctions.Found
			$data = call_user_func( array( $this-&gt;module, &#039;multi_view_filter_data&#039; ), $data, $this );
		}

		return $data;
	}

	/**
	 * Normalize values to inject value for all modes
	 *
	 * @since 3.27.1
	 *
	 * @param array $values Raw values.
	 *
	 * @return array Normalized values for all modes.
	 */
	protected function normalize_values( $values = array() ) {
		$normalized = array();

		if ( is_array( $values ) ) {
			if ( ! isset( $values[&#039;desktop&#039;] ) ) {
				$values[&#039;desktop&#039;] = &#039;&#039;;
			}

			if ( ! isset( $values[&#039;tablet&#039;] ) ) {
				$values[&#039;tablet&#039;] = isset( $values[&#039;desktop&#039;] ) ? $values[&#039;desktop&#039;] : &#039;&#039;;
			}

			if ( ! isset( $values[&#039;phone&#039;] ) ) {
				$values[&#039;phone&#039;] = isset( $values[&#039;tablet&#039;] ) ? $values[&#039;tablet&#039;] : ( isset( $values[&#039;desktop&#039;] ) ? $values[&#039;desktop&#039;] : &#039;&#039; );
			}

			if ( ! isset( $values[&#039;hover&#039;] ) ) {
				$values[&#039;hover&#039;] = isset( $values[&#039;desktop&#039;] ) ? $values[&#039;desktop&#039;] : &#039;&#039;;
			}

			foreach ( self::get_modes() as $mode ) {
				if ( ! isset( $values[ $mode ] ) ) {
					continue;
				}

				$normalized[ $mode ] = $values[ $mode ];
			}
		} else {
			foreach ( self::get_modes() as $mode ) {
				$normalized[ $mode ] = $values;
			}
		}

		return $normalized;
	}

	/**
	 * Distinct values
	 *
	 * @since 3.27.1
	 *
	 * @param array $values Raw values.
	 *
	 * @return array Filtered out for mode that has duplicate values.
	 */
	public function distinct_values( $values ) {
		$temp_values = array();

		foreach ( $values as $mode =&gt; $value ) {
			// Decode HTML special characters such as &quot;&amp;amp;&quot; to &quot;&amp;&quot;
			// to make the value consistence and the comparison is accurate.
			// $temp_values variable is not used anywhere except to compare
			// the values of each view mode. It will not printed anywhere.
			// So we won&#039;t need to sanitize it.
			if ( is_string( $value ) ) {
				$value = htmlspecialchars_decode( $value );
			}

			// Stringify the value so can be easily compared.
			$temp_values[ $mode ] = wp_json_encode( $value );
		}

		// Unset hover mode if same with desktop mode.
		if ( isset( $temp_values[&#039;desktop&#039;], $temp_values[&#039;hover&#039;] ) &amp;&amp; $temp_values[&#039;desktop&#039;] === $temp_values[&#039;hover&#039;] ) {
			unset( $temp_values[&#039;hover&#039;] );
		}

		// Unset tablet mode if same with desktop mode.
		if ( isset( $temp_values[&#039;desktop&#039;], $temp_values[&#039;tablet&#039;] ) &amp;&amp; $temp_values[&#039;desktop&#039;] === $temp_values[&#039;tablet&#039;] ) {
			unset( $temp_values[&#039;tablet&#039;] );
		}

		// Unset phone mode if same with tablet mode.
		if ( isset( $temp_values[&#039;tablet&#039;], $temp_values[&#039;phone&#039;] ) &amp;&amp; $temp_values[&#039;tablet&#039;] === $temp_values[&#039;phone&#039;] ) {
			unset( $temp_values[&#039;phone&#039;] );
		}

		// Unset phone mode if same with desktop mode but no tablet mode defined.
		if ( isset( $temp_values[&#039;desktop&#039;], $temp_values[&#039;phone&#039;] ) &amp;&amp; ! isset( $temp_values[&#039;tablet&#039;] ) &amp;&amp; $temp_values[&#039;desktop&#039;] === $temp_values[&#039;phone&#039;] ) {
			unset( $temp_values[&#039;phone&#039;] );
		}

		$filtered_values = array();

		foreach ( self::get_modes() as $mode ) {
			if ( ! isset( $temp_values[ $mode ] ) ) {
				continue;
			}

			if ( ! isset( $values[ $mode ] ) ) {
				continue;
			}

			$filtered_values[ $mode ] = $values[ $mode ];
		}

		return $filtered_values;
	}

	/**
	 * Check wether self closing tag or not
	 *
	 * @since 3.27.1?
	 *
	 * @param string $tag Element tag.
	 *
	 * @return boolean
	 */
	protected function is_self_closing_tag( $tag ) {
		$self_closing_tags = array(
			&#039;area&#039;,
			&#039;base&#039;,
			&#039;br&#039;,
			&#039;col&#039;,
			&#039;embed&#039;,
			&#039;hr&#039;,
			&#039;img&#039;,
			&#039;input&#039;,
			&#039;link&#039;,
			&#039;meta&#039;,
			&#039;param&#039;,
			&#039;source&#039;,
			&#039;track&#039;,
			&#039;wbr&#039;,
		);

		return in_array( $tag, $self_closing_tags, true );
	}

	/**
	 * Check if required props is fulfilled
	 *
	 * @since 3.27.1?
	 *
	 * @param string $contexts Element contexts data.
	 *
	 * @return bool
	 */
	protected function is_required_props_fulfilled( $contexts ) {
		$required_some_keys = et_()-&gt;array_get( $contexts, &#039;required_some&#039;, false );

		if ( $required_some_keys ) {
			if ( ! is_array( $required_some_keys ) ) {
				$required_some_keys = explode( &#039;,&#039;, $required_some_keys );
			}

			$fulfilled = false;

			foreach ( $required_some_keys as $required_key =&gt; $required_value_compare ) {
				// Handle zero indexed data.
				if ( is_numeric( $required_key ) ) {
					$fulfilled = $this-&gt;has_value( $required_value_compare );
				} else {
					$fulfilled = $this-&gt;has_value( $required_key, $required_value_compare );
				}

				// Break the loop once any of required props key is fulfilled.
				if ( $fulfilled ) {
					break;
				}
			}

			// Bail early if required_some param is defined, no need to process further.
			// The required_some param is prioritized over required param.
			return $fulfilled;
		}

		$required_keys = et_()-&gt;array_get( $contexts, &#039;required&#039;, array() );

		// Bail early when the required parameter defined as false.
		if ( false === $required_keys ) {
			return true;
		}

		if ( $required_keys &amp;&amp; ! is_array( $required_keys ) ) {
			$required_keys = explode( &#039;,&#039;, $required_keys );
		}

		// Populate the required keys from the content if it is empty.
		if ( ! $required_keys ) {
			$content = et_()-&gt;array_get( $contexts, &#039;content&#039;, &#039;&#039; );

			if ( ! empty( $content ) &amp;&amp; preg_match_all( $this-&gt;pattern, $content, $matches, PREG_SET_ORDER, 0 ) ) {
				// Populate the required keys from the content.
				foreach ( $matches as $match ) {
					if ( ! isset( $match[1] ) ) {
						continue;
					}

					$required_keys[] = $match[1];
				}
			}
		}

		// Bail early when the required keys is empty.
		if ( ! $required_keys ) {
			return true;
		}

		$fulfilled = true;

		foreach ( $required_keys as $required_key =&gt; $required_value_compare ) {
			if ( ( ! $required_value_compare &amp;&amp; is_numeric( $required_key ) ) || ( ! $required_key &amp;&amp; ! is_numeric( $required_key ) ) ) {
				$fulfilled = false;
				break;
			}

			// Handle zero indexed data.
			if ( is_numeric( $required_key ) ) {
				$fulfilled = $this-&gt;has_value( $required_value_compare );
			} else {
				$fulfilled = $this-&gt;has_value( $required_key, $required_value_compare );
			}

			// Break the loop once any of required props key is not fulfilled.
			if ( ! $fulfilled ) {
				break;
			}
		}

		return $fulfilled;
	}

	/**
	 * Sort conditionals values list by number of props and conditionals params.
	 *
	 * @since 3.27.1
	 *
	 * @param array $a Array data to compare.
	 * @param array $b Array data to compare.
	 *
	 * @return array
	 */
	public function sort_conditional_values( $a, $b ) {
		$a_priority = count( $a[&#039;props&#039;] ) + count( $a[&#039;conditionals&#039;] );
		$b_priority = count( $b[&#039;props&#039;] ) + count( $b[&#039;conditionals&#039;] );

		if ( $a_priority === $b_priority ) {
			return $a[&#039;order&#039;] - $b[&#039;order&#039;];
		}

		return ( $a_priority &lt; $b_priority ) ? -1 : 1;
	}

	/**
	 * Gets a prop from Module.
	 *
	 * @since 4.10.0
	 *
	 * @param string $name    Prop name.
	 * @param string $default Default value. Defaults to &#039;&#039;.
	 *
	 * @return string
	 */
	public function get_prop( $name, $default = &#039;&#039; ) {
		$props = $this-&gt;get_prepped_props();
		return isset( $props[ $name ] ) ? $props[ $name ] : &#039;&#039;;
	}

	/**
	 * Prepares the modules props to be consumed by this helper.
	 *
	 * @since 4.10.0
	 *
	 * @return array
	 */
	public function get_prepped_props() {
		$props = [];

		if ( property_exists( $this-&gt;module, &#039;props&#039; ) &amp;&amp; $this-&gt;module-&gt;props &amp;&amp; is_array( $this-&gt;module-&gt;props ) ) {
			$props = $this-&gt;module-&gt;props;

			if ( empty( $props[&#039;content&#039;] ) &amp;&amp; property_exists( $this-&gt;module, &#039;content&#039; ) ) {
				$props[&#039;content&#039;] = $this-&gt;module-&gt;content;
			}

			if ( in_array( $this-&gt;module-&gt;slug, array( &#039;et_pb_code&#039;, &#039;et_pb_fullwidth_code&#039; ), true ) ) {
				if ( isset( $props[&#039;content&#039;] ) ) {
					$props[&#039;raw_content&#039;] = $props[&#039;content&#039;];
				}

				if ( isset( $props[ &#039;content&#039; . self::$hover_enabled_suffix ] ) ) {
					$props[ &#039;raw_content&#039; . self::$hover_enabled_suffix ] = $props[ &#039;content&#039; . self::$hover_enabled_suffix ];
				}

				if ( isset( $props[ &#039;content&#039; . self::$responsive_enabled_suffix ] ) ) {
					$props[ &#039;raw_content&#039; . self::$responsive_enabled_suffix ] = $props[ &#039;content&#039; . self::$responsive_enabled_suffix ];
				}
			}
		}

		return $props;
	}

	/**
	 * Gets the Module props.
	 *
	 * The Module is restricted in scope. Hence we use this getter.
	 *
	 * @since 3.29
	 *
	 * @used-by ET_Builder_Module_Woocommerce_Description::multi_view_filter_value()
	 *
	 * @return array
	 */
	public function get_module_props() {
		return $this-&gt;get_prepped_props();
	}
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fthemes%2FDivi%2Fincludes%2Fbuilder%2Fmodule%2Fhelpers'>⬅ Back to Directory</a>