%2$s%8$s',
esc_url( $args['button_url'] ),
et_core_esc_previously( $button_text ),
( 'on' === $args['url_new_window'] ? ' target="_blank"' : '' ),
et_core_esc_previously( $data_icon ),
esc_attr( implode( ' ', array_unique( $button_classname ) ) ), // #5
et_core_esc_previously( $this->get_rel_attributes( $args['button_rel'] ) ),
$args['has_wrapper'] ? '' : '',
$args['has_wrapper'] ? '
' : '',
'' !== $args['button_id'] ? sprintf( ' id="%1$s"', esc_attr( $args['button_id'] ) ) : '',
et_core_esc_previously( $data_icon_tablet ), // #10
et_core_esc_previously( $data_icon_phone ),
et_core_esc_previously( $args['multi_view_data'] )
);
}
/**
* Determine builder module is saving cache.
*
* @return mixed|void
*/
public static function is_saving_cache() {
return apply_filters( 'et_builder_modules_is_saving_cache', false );
}
/**
* Get array of attributes which have dynamic content enabled.
*
* @since 3.17.2
*
* @param mixed[] $attrs Module attributes.
*
* @return string[]
*/
protected function _get_enabled_dynamic_attributes( $attrs ) {
$enabled_dynamic_attributes = isset( $attrs['_dynamic_attributes'] ) ? $attrs['_dynamic_attributes'] : '';
$enabled_dynamic_attributes = array_filter( explode( ',', $enabled_dynamic_attributes ) );
return $enabled_dynamic_attributes;
}
/**
* Check if an attribute value is dynamic or not.
*
* @since 3.17.2
*
* @param string $attribute Attribute name.
* @param string $value Attribute value.
* @param array $enabled_dynamic_attributes Attributes which have dynamic content enabled.
*
* @return bool
*/
protected function _is_dynamic_value( $attribute, $value, $enabled_dynamic_attributes ) {
if ( ! in_array( $attribute, $enabled_dynamic_attributes, true ) ) {
return false;
}
return et_builder_parse_dynamic_content( $value )->is_dynamic();
}
/**
* Re-encode legacy dynamic content values in an attrs array.
*
* @since 3.20.2
*
* @param string[] $attrs Module attributes.
* @param string[] $enabled_dynamic_attributes Attributes which have dynamic content enabled.
*
* @return string[]
*/
protected function _encode_legacy_dynamic_content( $attrs, $enabled_dynamic_attributes ) {
if ( is_array( $attrs ) ) {
foreach ( $attrs as $field => $value ) {
$attrs[ $field ] = $this->_encode_legacy_dynamic_content_value( $field, $value, $enabled_dynamic_attributes );
}
}
return $attrs;
}
/**
* Re-encode legacy dynamic content value.
*
* @since 3.20.2
*
* @param string $field Attribute name.
* @param string $value Attribute value.
* @param array $enabled_dynamic_attributes Attributes which have dynamic content enabled.
*
* @return string
*/
protected function _encode_legacy_dynamic_content_value( $field, $value, $enabled_dynamic_attributes ) {
if ( ! in_array( $field, $enabled_dynamic_attributes, true ) ) {
return $value;
}
$json = et_builder_clean_dynamic_content( $value );
if ( preg_match( '/^@ET-DC@(.*?)@$/', $json ) ) {
return $value;
}
return $this->_resolve_value_from_json( $field, $json, $enabled_dynamic_attributes );
}
/**
* Resolve a value, be it static or dynamic to a static one.
*
* @since 3.17.2
*
* @param integer $post_id Current post id.
* @param string $field Content key.
* @param string $value Content value.
* @param string[] $enabled_dynamic_attributes Attributes which have dynamic content enabled.
* @param boolean $serialize Whether value is serializable.
*
* @return string
*/
protected function _resolve_value( $post_id, $field, $value, $enabled_dynamic_attributes, $serialize ) {
global $wp_query;
if ( ! in_array( $field, $enabled_dynamic_attributes, true ) ) {
return $value;
}
$builder_value = et_builder_parse_dynamic_content( $value );
if ( $serialize ) {
return $builder_value->serialize();
}
$is_blog_query = isset( $wp_query->et_pb_blog_query ) && $wp_query->et_pb_blog_query;
if ( ! $is_blog_query && ! $wp_query->is_singular() ) {
return $builder_value->resolve( null );
}
return $builder_value->resolve( $post_id );
}
/**
* Resolve a value from the legacy JSON format of dynamic content.
* This is essentially a migration but is implemented separately
* as it needs to parse every field of every module and do it
* before actual migrations are ran.
*
* @since 3.20.2
*
* @param string $field Field content.
* @param string $value Json value.
* @param string[] $enabled_dynamic_attributes Attributes which have dynamic content enabled.
*
* @return string
*/
protected function _resolve_value_from_json( $field, $value, $enabled_dynamic_attributes ) {
if ( ! in_array( $field, $enabled_dynamic_attributes, true ) ) {
return $value;
}
$json = et_builder_clean_dynamic_content( $value );
// Replace encoded quotes.
$json = str_replace( array( '“', '”', '″', '%22' ), '"', $json );
// Strip artifacts from wpautop in before/after settings. Example:
// {"dynamic":true,"content":"post_title","settings":{"before":"
// ","after":"
// "}}
// This is a rough solution implemented due to time constraints.
$json = preg_replace(
'~
("(?:before|after)":") # $1 = Anchor to the before/after settings.
(?: # Match cases where the value starts with the offending tag.
<\/?p> # The root of all evil.
[\r\n]+ # Whitespace follows the tag.
)*
(?: # Match cases where the value ends with the offending tag.
([^"]*) # $2 = The preceeding value.
[\r\n]+ # Whitespace preceedes the tag.
<\/?p> # The root of all evil.
)*
~xi',
'$1$2',
$json
);
// Remove line-breaks which break the json strings.
$json = preg_replace( '/\r|\n/', '', $json );
$json_value = et_builder_parse_dynamic_content_json( $json );
if ( null === $json_value ) {
return $value;
}
return $json_value->serialize();
}
/**
* Escape an attribute's value.
*
* @since 3.17.2
*
* @param string $attribute Attribute name.
* @param string $html 'limited', 'full', 'none'.
* @param string $predefined_value Predifined value need to escape.
*
* @return string
*/
protected function _esc_attr( $attribute, $html = 'none', $predefined_value = null ) {
$html = in_array( $html, array( 'limited', 'full' ), true ) ? $html : 'none';
$raw = isset( $this->attrs_unprocessed[ $attribute ] ) ? $this->attrs_unprocessed[ $attribute ] : '';
$formatted = isset( $this->props[ $attribute ] ) ? $this->props[ $attribute ] : '';
$dynamic_attributes = $this->_get_enabled_dynamic_attributes( $this->props );
// More often than not content is not an attribute so we need to handle that special case.
if ( 'content' === $attribute && ! isset( $this->attrs_unprocessed[ $attribute ] ) ) {
$raw = $this->content_unprocessed;
$formatted = $this->content;
}
if ( ! is_null( $predefined_value ) ) {
$formatted = $predefined_value;
}
if ( ! $this->_is_dynamic_value( $attribute, $raw, $dynamic_attributes ) ) {
if ( 'full' === $html ) {
return $formatted;
}
return esc_html( $formatted );
}
if ( 'limited' === $html ) {
return wp_kses(
$formatted,
array(
'strong' => array(
'id' => array(),
'class' => array(),
'style' => array(),
),
'em' => array(
'id' => array(),
'class' => array(),
'style' => array(),
),
'i' => array(
'id' => array(),
'class' => array(),
'style' => array(),
),
)
);
}
// Dynamic content values are escaped when they are resolved so we do not want to
// double-escape them when using them in the frontend, for example.
return et_core_esc_previously( $formatted );
}
/**
* Get the current TB layout ID if we are rendering one or the current post ID instead.
*
* @since 4.0
* @since 4.14.8 Get WP Template ID if we are rendering Divi Builder block in template.
*
* @return integer
*/
public static function get_layout_id() {
// TB Layout ID.
$layout_id = self::get_theme_builder_layout_id();
if ( $layout_id ) {
return $layout_id;
}
// WP Template ID.
$template_id = self::get_wp_editor_template_id();
if ( $template_id ) {
return $template_id;
}
// Post ID by default.
return self::get_current_post_id_reverse();
}
/**
* Get the current theme builder layout.
* Returns 'default' if no layout has been started.
*
* @since 4.0
*
* @return string
*/
public static function get_theme_builder_layout_type() {
$count = count( self::$theme_builder_layout );
if ( $count > 0 ) {
return self::$theme_builder_layout[ $count - 1 ]['type'];
}
return 'default';
}
/**
* Check if a module is rendered as normal post content or theme builder layout.
*
* @since 4.0
*
* @return bool
*/
public static function is_theme_builder_layout() {
return 'default' !== self::get_theme_builder_layout_type();
}
/**
* Get the current theme builder layout id.
* Returns 0 if no layout has been started.
*
* @since 4.0
*
* @return integer
*/
public static function get_theme_builder_layout_id() {
$count = count( self::$theme_builder_layout );
if ( $count > 0 ) {
return self::$theme_builder_layout[ $count - 1 ]['id'];
}
return 0;
}
/**
* Begin a theme builder layout.
*
* @since 4.0
*
* @param integer $layout_id Layout post id.
*
* @return void
*/
public static function begin_theme_builder_layout( $layout_id ) {
$type = get_post_type( $layout_id );
if ( ! et_theme_builder_is_layout_post_type( $type ) ) {
$type = 'default';
}
self::$theme_builder_layout[] = array(
'id' => (int) $layout_id,
'type' => $type,
);
}
/**
* End the current theme builder layout.
*
* @since 4.0
*
* @return void
*/
public static function end_theme_builder_layout() {
array_pop( self::$theme_builder_layout );
}
/**
* Get the order class suffix for the current theme builder layout, if any.
*
* @since 4.0
*
* @return string
*/
protected static function _get_theme_builder_order_class_suffix() {
$layout_type = self::get_theme_builder_layout_type();
$type_map = array(
ET_THEME_BUILDER_HEADER_LAYOUT_POST_TYPE => '_tb_header',
ET_THEME_BUILDER_BODY_LAYOUT_POST_TYPE => '_tb_body',
ET_THEME_BUILDER_FOOTER_LAYOUT_POST_TYPE => '_tb_footer',
);
if ( empty( $layout_type ) || ! isset( $type_map[ $layout_type ] ) ) {
return '';
}
return $type_map[ $layout_type ];
}
/**
* Begin Divi Builder block output on WP Editor template.
*
* As identifier od Divi Builder block render template location and the template ID.
* Introduced to handle Divi Layout block render on WP Template outside Post Content.
* WP Editor templates:
* - wp_template
* - wp_template_part
*
* @since 4.14.8
*
* @param array $template_id Template post ID.
*
* @return void
*/
public static function begin_wp_editor_template( $template_id ) {
$type = get_post_type( $template_id );
if ( ! et_builder_is_wp_editor_template_post_type( $type ) ) {
$type = 'default';
}
self::$wp_editor_template[] = array(
'id' => (int) $template_id,
'type' => $type,
);
}
/**
* End Divi Builder block output on WP Editor template.
*
* @since 4.14.8
*
* @return void
*/
public static function end_wp_editor_template() {
array_pop( self::$wp_editor_template );
}
/**
* Whether a module is rendered in WP Editor template or not.
*
* @since 4.14.8
*
* @return bool WP Editor template status.
*/
public static function is_wp_editor_template() {
return 'default' !== self::get_wp_editor_template_type();
}
/**
* Get the current WP Editor template id.
*
* Returns 0 if no template has been started.
*
* @since 4.14.8
*
* @return integer Template post ID (wp_id).
*/
public static function get_wp_editor_template_id() {
$count = count( self::$wp_editor_template );
$id = 0;
if ( $count > 0 ) {
$id = et_()->array_get( self::$wp_editor_template, array( $count - 1, 'id' ), 0 );
}
// Just want to be safe to not return any unexpected result.
return is_int( $id ) ? $id : 0;
}
/**
* Get the current WP Editor template type.
*
* Returns 'default' if no template has been started.
*
* @since 4.14.8
*
* @param boolean $is_id_needed Whether template ID is needed or not.
*
* @return string Template type.
*/
public static function get_wp_editor_template_type( $is_id_needed = false ) {
$count = count( self::$wp_editor_template );
$type = '';
if ( $count > 0 ) {
$type = et_()->array_get( self::$wp_editor_template, array( $count - 1, 'type' ) );
// Page may have more than one template parts. So, the wp_id is needed in certain
// situation as unique identifier.
if ( $is_id_needed && ET_WP_EDITOR_TEMPLATE_PART_POST_TYPE === $type ) {
$id = self::get_wp_editor_template_id();
$type .= "-{$id}";
}
}
// Just want to be safe to not return any unexpected result.
return ! empty( $type ) && is_string( $type ) ? $type : 'default';
}
/**
* Get the order class suffix for the current WP Editor template, if any.
*
* @since 4.14.8
*
* @return string Order class suffix.
*/
protected static function _get_wp_editor_order_class_suffix() {
$template_type = self::get_wp_editor_template_type();
$type_map = array(
ET_WP_EDITOR_TEMPLATE_POST_TYPE => '_wp_template',
ET_WP_EDITOR_TEMPLATE_PART_POST_TYPE => '_wp_template_part',
);
if ( ! isset( $type_map[ $template_type ] ) ) {
return '';
}
$suffix = $type_map[ $template_type ];
// Page may have more than one template parts. So, the wp_id is needed identifier.
if ( ET_WP_EDITOR_TEMPLATE_PART_POST_TYPE === $template_type ) {
$id = self::get_wp_editor_template_id();
$suffix .= "-{$id}";
}
return $suffix;
}
/**
* Convert field name into css property name.
*
* @param string $field Field name.
*
* @return string|string[]
*/
protected function field_to_css_prop( $field ) {
return str_replace( '_', '-', $field );
}
/**
* Initialize Modules Cache.
*
* @since 3.24
*/
public static function init_cache() {
$cache = self::get_cache_filename();
if ( $cache && et_()->WPFS()->is_readable( $cache ) ) {
// Load cache.
$result = @unserialize( et_()->WPFS()->get_contents( $cache ) );
if ( false !== $result ) {
if ( count( $result ) < 3 ) {
// Old cache format detected, delete everything.
et_fb_delete_builder_assets();
if ( ! file_exists( $cache ) ) {
// If cache has been successfully deleted, then init again.
self::init_cache();
}
return;
}
list ( self::$_cache, self::$_fields_unprocessed ) = $result;
// Define option template variable instead of using list to avoid error that might
// happen when option template file exists (theme is updated) and frontend is
// accessed while static module field data hasn't been updated.
$cached_option_template_data = et_()->array_get( $result, '2', array() );
$cached_option_template = et_()->array_get( $result, '3', array() );
$cached_option_template_tab_slug_maps = et_()->array_get( $result, '4', array() );
// init_cache() is called really early. $template property might not be available yet.
if ( null === self::$option_template ) {
self::$option_template = et_pb_option_template();
}
// Set option template data from static cache if exist.
if ( is_array( $cached_option_template_data ) && ! empty( $cached_option_template_data ) ) {
self::$option_template->set_data( $cached_option_template_data );
}
// Set option template from static cache if exist.
if ( is_array( $cached_option_template ) && ! empty( $cached_option_template ) ) {
self::$option_template->set_templates( $cached_option_template );
}
// Set option template tab slug maps from static cache if exist.
if ( is_array( $cached_option_template_tab_slug_maps ) && ! empty( $cached_option_template_tab_slug_maps ) ) {
self::$option_template->set_tab_slug_map( $cached_option_template_tab_slug_maps );
}
// Box Shadow sets WP hooks internally so we gotta load it anyway -> #blame_george.
ET_Builder_Module_Fields_Factory::get( 'BoxShadow' );
} else {
// Cache couldn't be unserialized, delete the file so it will be regenerated.
@unlink( $cache );
}
} elseif ( $cache ) {
// Only save cache when a builder page is being rendered, needed because some data
// (e.g. mail provider defaults) is only generated in this case, hence saving while rendering
// a FE page or during AJAX call would result in cache missing data.
self::$_cache = array();
add_filter( 'et_builder_modules_is_saving_cache', '__return_true' );
add_filter( 'et_builder_should_load_all_module_data', '__return_true' );
add_action( 'et_builder_ready', array( 'ET_Builder_Element', 'save_cache' ) );
}
}
/**
* Get Modules cache file name.
*
* @param mixed $post_type When set to `false`, autodetect.
*
* @since 3.24
*
* @return bool|mixed|string
*/
public static function get_cache_filename( $post_type = false ) {
global $post, $et_builder_post_type;
$ajax_use_cache = apply_filters( 'et_builder_ajax_use_cache', false );
if ( false === $post_type ) {
if ( is_a( $post, 'WP_POST' ) ) {
$post_type = $post->post_type;
} elseif ( $ajax_use_cache ) {
// phpcs:ignore WordPress.Security.NonceVerification -- Nonce verified in the ajax request.
$post_type = et_()->array_get( $_POST, 'et_post_type', 'page' );
} elseif ( is_admin() && ! wp_doing_ajax() ) {
$post_type = 'page';
$et_builder_post_type = $post_type;
}
if ( false === $post_type ) {
return false;
}
}
$post_type = apply_filters( 'et_builder_cache_post_type', $post_type, 'modules' );
$post_type = trim( sanitize_file_name( $post_type ), '.' );
// Per language Cache due to fields data being localized.
// Use user custom locale only if admin or VB/BFB.
$lang = is_admin() || et_fb_is_enabled() ? get_user_locale() : get_locale();
$lang = trim( sanitize_file_name( $lang ), '.' );
$prefix = 'modules';
$cache = sprintf( '%s/%s', ET_Core_PageResource::get_cache_directory(), $lang );
$files = glob( sprintf( '%s/%s-%s-*.data', $cache, $prefix, $post_type ) );
$exists = is_array( $files ) && $files;
if ( $exists ) {
return $files[0];
} elseif ( $ajax_use_cache ) {
// Allowlisted AJAX requests aren't allowed to generate cache, only to use it.
return false;
}
wp_mkdir_p( $cache );
// Create uniq filename.
$uniq = str_replace( '.', '', (string) microtime( true ) );
$file = sprintf( '%s/%s-%s-%s.data', $cache, $prefix, $post_type, $uniq );
return wp_is_writable( dirname( $file ) ) ? $file : false;
}
/**
* Get Module cache file name's id.
*
* @since 3.28
*
* @param mixed $post_type When set to `false`, autodetect.
*
* @return bool|string
*/
public static function get_cache_filename_id( $post_type = false ) {
$filename = self::get_cache_filename( $post_type );
if ( ! is_string( $filename ) ) {
return false;
}
preg_match( '/(?<=-)[0-9]*(?=.data)/', $filename, $matches );
return isset( $matches[0] ) ? $matches[0] : false;
}
/**
* Save the builder module caache.
*/
public static function save_cache() {
remove_filter( 'et_builder_modules_is_saving_cache', '__return_true' );
$cache = self::get_cache_filename();
if ( $cache ) {
et_()->WPFS()->put_contents(
$cache,
serialize(
array(
self::$_cache,
self::$_fields_unprocessed,
self::$option_template->all(),
self::$option_template->templates(),
self::$option_template->get_tab_slug_map(),
'3.0',
)
)
);
}
}
/**
* Render image element HTML
*
* @since 3.27.1
*
* @param string $image_props Image data props key or actual image URL.
* @param array $image_attrs_raw List of extra image attributes.
* @param bool $echo Whether to print the image output or return it.
* @param bool $disable_responsive Whether to enable the responsive image or not.
*
* @return string The images's HTML output. Empty string on failure.
*/
protected function render_image( $image_props, $image_attrs_raw = array(), $echo = true, $disable_responsive = false ) {
// Bail early when the $image_props arg passed is empty.
if ( ! $image_props ) {
return '';
}
$img_src = $image_props && is_string( $image_props ) ? self::$_->array_get( $this->props, $image_props, $image_props ) : $image_props;
if ( ! $img_src ) {
return '';
}
if ( ! count( $image_attrs_raw ) ) {
$html = sprintf(
'
',
esc_url( $img_src )
);
return et_image_add_srcset_and_sizes( $html, $echo );
}
$image_attrs = array();
$is_disable_responsive = $disable_responsive || ! et_is_responsive_images_enabled();
foreach ( $image_attrs_raw as $name => $value ) {
// Skip src attributes key.
if ( 'src' === $name ) {
continue;
}
// Skip srcset & sizes attributes when setting is off.
if ( $is_disable_responsive && in_array( $name, array( 'srcset', 'sizes' ), true ) ) {
continue;
}
// Skip if attributes value is empty.
if ( ! strlen( $value ) ) {
continue;
}
// Format as JSON if the value is array or object.
if ( is_array( $value ) || is_object( $value ) ) {
$value = wp_json_encode( $value );
}
// Trim extra space from attributes value.
$value = trim( $value );
// Standalone attributes that act as Booleans (Numerical indexed array keys such as required, disabled, multiple).
if ( is_numeric( $name ) ) {
$value = et_core_esc_attr( $value, $value );
if ( ! is_wp_error( $value ) ) {
$image_attrs[ $value ] = et_core_esc_previously( $value );
}
} else {
$value = et_core_esc_attr( $name, $value );
if ( ! is_wp_error( $value ) ) {
$image_attrs[ $name ] = esc_attr( $name ) . '="' . et_core_esc_previously( $value ) . '"';
}
}
}
$html = sprintf(
'',
esc_url( $img_src ),
et_core_esc_previously( implode( ' ', $image_attrs ) )
);
if ( ! $is_disable_responsive && ! isset( $image_attrs['srcset'] ) && ! isset( $image_attrs['sizes'] ) ) {
$html = et_image_add_srcset_and_sizes( $html, false );
}
if ( ! $echo ) {
return $html;
}
echo et_core_intentionally_unescaped( $html, 'html' );
}
/**
* Get advanced field settings exposed for layout block preview
*
* @since 4.3.2
*
* @return array
*/
public static function get_layout_block_assistive_settings() {
return self::$layout_block_assistive_settings;
}
/**
* Get whether the provided element content contains at least one of the
* specified modules based on their slugs.
*
* @since 4.3.3
*
* @param string $content Element content.
* @param string[] $module_slugs Module slug to search.
*
* @return bool
*/
protected static function contains( $content, $module_slugs ) {
foreach ( $module_slugs as $slug ) {
if ( false !== strpos( $content, '[' . $slug ) ) {
return true;
}
}
return false;
}
/**
* Public access provider for self::contains().
*
* @since 4.17.4
*
* @param string $content Element content.
* @param string[] $module_slugs Module slug to search.
*
* @return bool
*/
public static function module_contains( $content, $module_slugs ) {
return self::contains( $content, $module_slugs );
}
/**
* Generate background field setting properties by template
*
* NOTE: Unless the `priority` property is used, the order that settings are listed is the order
* that they'll appear in the settings modal.
*
* @param string $field_template Field template slug.
* @param array $overrides Field properties to override.
* @param array $unsets Field properties to unset.
*
* @return array
*
* @since 4.8.0
*
*/
public static function background_field_template( $field_template, $overrides = array(), $unsets = array() ) {
static $cache = null;
if ( is_null( $cache ) ) {
$cache = array();
$tabs = array(
// Tab: color, priority start with 100.
'color' => array(
'priority' => 100,
'data' => array(
'enable_color' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'color' => array(
'type' => 'color-alpha',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'tab_filler' => true,
),
'use_color' => array(
'type' => 'yes_no_button',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
),
),
// Tab: gradient, priority start with 200.
'gradient' => array(
'priority' => 200,
'data' => array(
'use_color_gradient' => array(
'priority' => 201,
'type' => 'yes_no_button',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'tab_filler' => true,
),
'color_gradient_repeat' => array(
'priority' => 205,
'type' => 'yes_no_button',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'color_gradient_type' => array(
'priority' => 203,
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'color_gradient_direction' => array(
'priority' => 204,
'type' => 'range',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'show_if' => array(
'color_gradient_type' => array(
'conic',
'linear',
),
),
),
'color_gradient_direction_radial' => array(
'priority' => 204,
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'show_if' => array(
'color_gradient_type' => array(
'radial',
'circular',
'elliptical',
),
),
),
'color_gradient_stops' => array(
'priority' => 202,
'type' => 'gradient-stops',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'color_gradient_unit' => array(
'priority' => 206,
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'color_gradient_overlays_image' => array(
'priority' => 299,
'type' => 'yes_no_button',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
// Deprecated.
'color_gradient_start' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
// Deprecated.
'color_gradient_start_position' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'option_category' => 'configuration',
),
// Deprecated.
'color_gradient_end' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
// Deprecated.
'color_gradient_end_position' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
),
),
// Tab: image, priority start with 300.
'image' => array(
'priority' => 300,
'data' => array(
'enable_image' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'image' => array(
'type' => 'upload',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'tab_filler' => true,
),
'parallax' => array(
'type' => 'yes_no_button',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'parallax_method' => array(
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'size' => array(
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'image_width' => array(
'type' => 'range',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'image_height' => array(
'type' => 'range',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'position' => array(
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'horizontal_offset' => array(
'type' => 'range',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'vertical_offset' => array(
'type' => 'range',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'repeat' => array(
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'blend' => array(
'type' => 'select',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
),
),
// Tab: video, priority start with 400.
'video' => array(
'priority' => 400,
'data' => array(
'enable_video_mp4' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'video_mp4' => array(
'type' => 'upload',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'tab_filler' => true,
),
'enable_video_webm' => array(
'type' => 'skip',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'video_webm' => array(
'type' => 'upload',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
'tab_filler' => true,
),
'video_width' => array(
'type' => 'text',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'video_height' => array(
'type' => 'text',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'allow_player_pause' => array(
'type' => 'yes_no_button',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'video_pause_outside_viewport' => array(
'type' => 'yes_no_button',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
'video_computed' => array(
'type' => 'computed',
'mobile_options' => false,
'hover' => false,
'sticky' => false,
),
),
),
// Tab: pattern, priority start with 500.
'pattern' => array(
'priority' => 500,
'data' => et_ph_pattern_field_templates(),
),
// Tab: mask, priority start with 500.
'mask' => array(
'priority' => 600,
'data' => et_ph_mask_field_templates(),
),
);
foreach ( $tabs as $background_tab_slug => $tab ) {
$priority = $tab['priority'];
foreach ( $tab['data'] as $template_slug => $template_data ) {
$template_priority = isset( $template_data['priority'] ) && is_numeric( $template_data['priority'] ) ? $template_data['priority'] : $priority;
if ( $template_priority < $tab['priority'] ) {
$template_priority += $tab['priority'];
}
$cache[ $template_slug ] = array_merge(
$template_data,
array(
'field_template' => $template_slug,
'background_tab' => $background_tab_slug,
'priority' => $template_priority,
'tab_slug' => 'general',
'toggle_slug' => 'background',
)
);
$priority += 10;
}
}
}
$template = isset( $cache[ $field_template ] ) ? $cache[ $field_template ] : array();
if ( $overrides && is_array( $overrides ) ) {
$template = array_merge( $template, $overrides );
}
if ( $unsets && is_array( $unsets ) ) {
foreach ( $unsets as $unset ) {
unset( $template[ $unset ] );
}
}
return array_merge(
$template,
array(
'field_template' => $field_template,
)
);
}
/**
* Generate markup for background pattern.
*
* @since 4.15.0
*
* @param array $args Props.
* @param string $base_name Background base name.
*
* @return string Background pattern markup.
*/
public function background_pattern( $args = array(), $base_name = 'background' ) {
$props = ! empty( $args ) ? (array) $args : $this->props;
$modes = array( 'desktop', 'hover', 'sticky', 'tablet', 'phone' );
$is_active = false;
foreach ( $modes as $mode ) {
// Checks whether pattern style is enabled and has value.
$style_name = et_pb_responsive_options()->get_inheritance_background_value(
$props,
"{$base_name}_pattern_style",
$mode,
'background',
$this->fields_unprocessed
);
if ( ! empty( $style_name ) ) {
// We need to render pattern element.
$is_active = true;
break;
}
}
$output = '';
if ( $is_active ) {
$class_name = array(
'et_pb_background_pattern',
);
$output = sprintf(
'',
implode( ' ', array_map( 'esc_attr', $class_name ) )
);
}
return $output;
}
/**
* Generate markup for background mask.
*
* @since 4.15.0
*
* @param array $args Props.
* @param string $base_name Background base name.
*
* @return string Background mask markup.
*/
public function background_mask( $args = array(), $base_name = 'background' ) {
$props = ! empty( $args ) ? (array) $args : $this->props;
$modes = array( 'desktop', 'hover', 'sticky', 'tablet', 'phone' );
$is_active = false;
foreach ( $modes as $mode ) {
// Checks whether mask style is enabled and has value.
$style_name = et_pb_responsive_options()->get_inheritance_background_value(
$props,
"{$base_name}_mask_style",
$mode,
'background',
$this->fields_unprocessed
);
if ( ! empty( $style_name ) ) {
// We need to render mask element.
$is_active = true;
break;
}
}
$output = '';
if ( $is_active ) {
$class_name = array(
'et_pb_background_mask',
);
$output = sprintf(
'',
implode( ' ', array_map( 'esc_attr', $class_name ) )
);
}
return $output;
}
/**
* Get components before & after module.
*
* This method is introduced to handle additional components added on WooCommerce
* product summary that should be moved to any suitable modules on builder preview.
*
* @since 4.14.5
*
* @param string $module_slug Module slug.
* @param array $module_data Module data passed.
*
* @return array Components before & after module.
*/
public static function get_component_before_after_module( $module_slug, $module_data ) {
// Default processed components for the return request. Need to use `__` to be set
// as the attribute name.
$processed_components = array(
'has_components' => false,
'__before_component' => '',
'__after_component' => '',
);
/**
* Filters module's before & after components for current builder page.
*
* @since 4.14.5
*
* @param array $processed_components Default of module's before & after components.
* @param string $module_slug Module slug.
* @param array $module_data Module data passed from the request.
*/
$components = apply_filters( "{$module_slug}_fb_before_after_components", $processed_components, $module_slug, $module_data );
// Skip if there is no before & after components.
$has_components = et_()->array_get( $components, 'has_components' );
if ( true !== $has_components ) {
return $processed_components;
}
$processed_components = array(
'has_components' => true,
'__before_component' => et_()->array_get( $components, '__before_component' ),
'__after_component' => et_()->array_get( $components, '__after_component' ),
);
return $processed_components;
}
/**
* ================================================================================================================
* -------------------------->>> Class-level (static) deprecations begin here! <<<---------------------------------
* ================================================================================================================
*/
// phpcs:disable -- Deprecated functions.
/**
* @deprecated See {@see self::get_parent_slugs_regex()}
*/
public static function get_parent_shortcodes( $post_type ) {
$method = __METHOD__;
$replacement = __CLASS__ . '::get_parent_slugs_regex()';
et_error( "You're Doing It Wrong! {$method} is deprecated. Use {$replacement} instead." );
return self::get_parent_slugs_regex( $post_type );
}
/**
* @deprecated See {@see self::get_child_slugs_regex()}
*/
public static function get_child_shortcodes( $post_type ) {
$method = __METHOD__;
$replacement = __CLASS__ . '::get_child_slugs_regex()';
et_error( "You're Doing It Wrong! {$method} is deprecated. Use {$replacement} instead." );
return self::get_child_slugs_regex( $post_type );
}
/**
* Deprecated.
*
* @deprecated
*
* @param string $post_type
* @param string $mode
*
* @return array
*/
public static function get_defaults( $post_type = '', $mode = 'all' ) {
et_error( "You're Doing It Wrong! " . __METHOD__ . ' is deprecated and should not be used.' );
return array();
}
/**
* Deprecated.
*
* @deprecated
*
* @param string $post_type
* @param string $mode
*
* @return array
*/
public static function get_fields_defaults( $post_type = '', $mode = 'all' ) {
et_error( "You're Doing It Wrong! " . __METHOD__ . ' is deprecated and should not be used.' );
return array();
}
/**
* @deprecated
*/
public static function get_slugs_with_children( $post_type ) {
$parent_modules = self::get_parent_modules( $post_type );
$slugs = array();
foreach ( $parent_modules as $module ) {
if ( ! empty( $module->child_slug ) ) {
$slugs[] = sprintf( '"%1$s":"%2$s"', esc_js( $module->slug ), esc_js( $module->child_slug ) );
}
}
return '{' . implode( ',', $slugs ) . '}';
}
// phpcs:enable
/**
* ================================================================================================================
* ------------------------------->>> Non-static deprecations begin here! <<<--------------------------------------
* ================================================================================================================
*/
/**
* Determine if current request is VB Data Request by checking $_POST['action'] value
*
* @deprecated {@see et_builder_is_loading_vb_data()}
*
* @since 4.0.7 Deprecated.
*
* @return bool
*/
protected function is_loading_vb_data() {
return et_builder_is_loading_data();
}
/**
* Determine if current request is BB Data Request by checking $_POST['action'] value
*
* @deprecated {@see et_builder_is_loading_bb_data()}
*
* @since 4.0.7 Deprecated.
*
* @return bool
*/
protected function is_loading_bb_data() {
return et_builder_is_loading_data( 'bb' );
}
/* NOTE: Adding a new method? New methods should be placed BEFORE deprecated methods. */
}
do_action( 'et_pagebuilder_module_init' );
/**
* Base class for module.
*
* Class ET_Builder_Module
*/
class ET_Builder_Module extends ET_Builder_Element {
/**
* Whether element is structure element.
*
* @var bool
*/
public $is_structure_element = false;
}
/**
* Base class for structure elements.
*
* Class ET_Builder_Structure_Element
*/
class ET_Builder_Structure_Element extends ET_Builder_Element {
/**
* Whether element is structure element.
*
* @var bool
*/
public $is_structure_element = true;
/**
* BB :: Wrap setting option in parent div.
*
* @param string $option_output Setting options markup.
* @param array $field Setting field.
* @param string $name Setting field name e.g background_color.
*
* @return string|string[]
*/
public function wrap_settings_option( $option_output, $field, $name = '' ) {
// Option template convert array field into string id; return early to prevent error.
if ( is_string( $field ) ) {
return '';
}
$field_type = ! empty( $field['type'] ) ? $field['type'] : '';
switch ( $field_type ) {
case 'column_settings_background':
$output = $this->generate_columns_settings_background();
$field['hover'] = 'tabs';
break;
case 'column_settings_padding':
$output = $this->generate_columns_settings_padding();
break;
case 'column_settings_css_fields':
$output = $this->generate_columns_settings_css_fields();
break;
case 'column_settings_css':
$output = $this->generate_columns_settings_css();
break;
case 'column-structure':
// column structure option is not supported in BB.
return '';
break;
default:
$depends = false;
$new_depends = isset( $field['show_if'] ) || isset( $field['show_if_not'] );
if ( ! $new_depends && ( isset( $field['depends_show_if'] ) || isset( $field['depends_show_if_not'] ) ) ) {
$depends = true;
if ( isset( $field['depends_show_if_not'] ) ) {
$depends_show_if_not = is_array( $field['depends_show_if_not'] ) ? implode( ',', $field['depends_show_if_not'] ) : $field['depends_show_if_not'];
$depends_attr = sprintf( ' data-depends_show_if_not="%s"', esc_attr( $depends_show_if_not ) );
} else {
$depends_attr = sprintf( ' data-depends_show_if="%s"', esc_attr( $field['depends_show_if'] ) );
}
}
// Overriding background color's attribute, turning it into appropriate background attributes.
if ( isset( $field['type'] ) && isset( $field['name'] ) && in_array( $field['name'], array( 'background_color' ), true ) ) {
$field['type'] = 'background';
// Appending background class.
if ( isset( $field['option_class'] ) ) {
$field['option_class'] .= ' et-pb-option--background';
} else {
$field['option_class'] = 'et-pb-option--background';
}
// Removing depends default variable which hides background color for unified background field UI.
$depends = false;
if ( isset( $field['depends_show_if'] ) ) {
unset( $field['depends_show_if'] );
}
}
$output = sprintf(
'%6$s
%5$s
%7$s',
( ! empty( $field['type'] ) && 'tiny_mce' === $field['type'] ? ' et-pb-option-main-content' : '' ),
$depends || $new_depends ? ' et-pb-depends' : '',
( ! empty( $field['type'] ) && 'hidden' === $field['type'] ? ' et_pb_hidden' : '' ),
( $depends ? $depends_attr : '' ),
"\n\t\t\t\t" . $option_output . "\n\t\t\t",
"\t",
"\n\n\t\t",
( ! empty( $field['type'] ) && 'hidden' === $field['type'] ? esc_attr( sprintf( ' et-pb-option-%1$s', $field['name'] ) ) : '' ),
( ! empty( $field['option_class'] ) ? ' ' . $field['option_class'] : '' ),
isset( $field['specialty_only'] ) && 'yes' === $field['specialty_only'] ? ' et-pb-specialty-only-option' : '',
isset( $field['type'] ) ? esc_attr( $field['type'] ) : '',
esc_attr( $field['name'] ),
$new_depends ? ' et-pb-new-depends' : ''
);
break;
}
if ( ! empty( $field['hover'] ) ) {
if ( 'tabs' === $field['hover'] ) {
$name = ( 'columns_background' === $name ) ? 'background_color_<%= counter %>' : $name;
$this->last_hover_tab_field = $name;
}
$hover = $this->last_hover_tab_field;
if ( $hover ) {
$begin = '',
$this->generate_column_vars_bg()
);
$tab_navs = sprintf(
'
',
et_builder_i18n( 'Color' ),
esc_html__( 'Gradient', 'et_builder' ),
et_builder_i18n( 'Image' ),
esc_html__( 'Video', 'et_builder' ),
$this->get_icon( 'background-color' ),
$this->get_icon( 'background-gradient' ),
$this->get_icon( 'background-image' ),
$this->get_icon( 'background-video' )
);
$tab_color = sprintf(
'
',
esc_html__( 'Background Color', 'et_builder' ),
$this->get_icon( 'add' ),
$this->get_icon( 'setting' ),
$this->get_icon( 'delete' ),
esc_html__( 'Hex Value', 'et_builder' )
);
$tab_gradient_options = '';
// Gradient Preview (with Add/Swap/Delete buttons).
$tab_gradient_options .= sprintf(
'
',
$this->get_icon( 'add' ),
$this->get_icon( 'swap' ),
$this->get_icon( 'delete' )
);
// Use Background Color Gradient.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Background Gradient', 'et_builder' ),
et_builder_i18n( 'On' ),
et_builder_i18n( 'Off' )
);
// Gradient Type.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Gradient Type', 'et_builder' ),
et_builder_i18n( 'Linear' ),
et_builder_i18n( 'Circular' ),
et_builder_i18n( 'Elliptical' ),
et_builder_i18n( 'Conical' )
);
// Gradient Direction.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Gradient Direction', 'et_builder' )
);
// Gradient Position.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Gradient Position', 'et_builder' ),
et_builder_i18n( 'Center' ),
et_builder_i18n( 'Top Left' ),
et_builder_i18n( 'Top' ),
et_builder_i18n( 'Top Right' ), // #5
et_builder_i18n( 'Right' ),
et_builder_i18n( 'Bottom Right' ),
et_builder_i18n( 'Bottom' ),
et_builder_i18n( 'Bottom Left' ),
et_builder_i18n( 'Left' ) // #10
);
// Gradient Stops.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Gradient Stops', 'et_builder' ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_stops' ) )
);
// Repeat Gradient toggle.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Repeat Gradient', 'et_builder' ),
et_builder_i18n( 'On' ),
et_builder_i18n( 'Off' )
);
// Gradient Unit list.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Gradient Unit', 'et_builder' ),
et_builder_i18n( 'Percent' ),
et_builder_i18n( 'Pixels' ),
et_builder_i18n( 'Font Size (em)' ),
et_builder_i18n( 'Root-level Font Size (rem)' ), // #5
et_builder_i18n( 'X-Height (ex)' ),
et_builder_i18n( 'Zero-width (ch)' ),
et_builder_i18n( 'Picas (pc)' ),
et_builder_i18n( 'Points (pt)' ),
et_builder_i18n( 'Centimeters (cm)' ), // #10
et_builder_i18n( 'Millimeters (mm)' ),
et_builder_i18n( 'Inches (in)' ),
et_builder_i18n( 'Viewport Height (vh)' ),
et_builder_i18n( 'Viewport Width (vw)' ),
et_builder_i18n( 'Viewport Minimum (vmin)' ), // #15
et_builder_i18n( 'Viewport Maximum (vmax)' )
);
// Gradient/Image Overlay.
$tab_gradient_options .= sprintf(
'
',
esc_html__( 'Place Gradient Above Background Image', 'et_builder' ),
et_builder_i18n( 'On' ),
et_builder_i18n( 'Off' )
);
// Options for the Gradient tab.
$tab_gradient = sprintf(
'
%1$s
',
$tab_gradient_options
);
$select_background_size = sprintf(
'
',
esc_html__( 'Cover', 'et_builder' ),
esc_html__( 'Fit', 'et_builder' ),
esc_html__( 'Actual Size', 'et_builder' )
);
$select_background_position = sprintf(
'
',
et_builder_i18n( 'Top Left' ),
et_builder_i18n( 'Top Center' ),
et_builder_i18n( 'Top Right' ),
et_builder_i18n( 'Center Left' ),
et_builder_i18n( 'Center' ),
et_builder_i18n( 'Center Right' ),
et_builder_i18n( 'Bottom Left' ),
et_builder_i18n( 'Bottom Center' ),
et_builder_i18n( 'Bottom Right' )
);
$select_background_repeat = sprintf(
'
',
esc_html__( 'No Repeat', 'et_builder' ),
esc_html__( 'Repeat', 'et_builder' ),
esc_html__( 'Repeat X (horizontal)', 'et_builder' ),
esc_html__( 'Repeat Y (vertical)', 'et_builder' ),
et_builder_i18n( 'Space' ),
esc_html__( 'Round', 'et_builder' )
);
$select_background_blend = sprintf(
'
',
et_builder_i18n( 'Normal' ),
et_builder_i18n( 'Multiply' ),
et_builder_i18n( 'Screen' ),
et_builder_i18n( 'Overlay' ),
et_builder_i18n( 'Darken' ),
et_builder_i18n( 'Lighten' ),
et_builder_i18n( 'Color Dodge' ),
et_builder_i18n( 'Color Burn' ),
et_builder_i18n( 'Hard Light' ),
et_builder_i18n( 'Soft Light' ),
et_builder_i18n( 'Difference' ),
et_builder_i18n( 'Exclusion' ),
et_builder_i18n( 'Hue' ),
et_builder_i18n( 'Saturation' ),
et_builder_i18n( 'Color' ),
et_builder_i18n( 'Luminosity' )
);
$tab_image = sprintf(
'
',
esc_html__( 'Background Image', 'et_builder' ),
$this->get_icon( 'add' ),
$this->get_icon( 'setting' ),
$this->get_icon( 'delete' ),
et_builder_i18n( 'Upload an image' ), // #5
esc_html__( 'Choose a Background Image', 'et_builder' ),
esc_html__( 'Set As Background', 'et_builder' ),
esc_html__( 'Use Parallax Effect', 'et_builder' ),
et_builder_i18n( 'On' ),
et_builder_i18n( 'Off' ), // #10
esc_html__( 'Parallax Method', 'et_builder' ),
esc_html__( 'True Parallax', 'et_builder' ),
esc_html__( 'CSS', 'et_builder' ),
esc_html__( 'Background Image Size', 'et_builder' ),
$select_background_size, // #15
esc_html__( 'Background Image Position', 'et_builder' ),
$select_background_position,
esc_html__( 'Background Image Repeat', 'et_builder' ),
$select_background_repeat,
esc_html__( 'Background Image Blend', 'et_builder' ), // #20
$select_background_blend
);
$tab_video = sprintf(
'
',
esc_html__( 'Background Video MP4', 'et_builder' ),
$this->get_icon( 'add' ),
$this->get_icon( 'setting' ),
$this->get_icon( 'delete' ),
esc_html__( 'Upload a video', 'et_builder' ), // #5
esc_html__( 'Choose a Background Video MP4 File', 'et_builder' ),
esc_html__( 'Set As Background Video', 'et_builder' ),
esc_html__( 'Background Video Webm', 'et_builder' ),
esc_html__( 'Choose a Background Video WEBM File', 'et_builder' ),
esc_html__( 'Background Video Width', 'et_builder' ), // #10
esc_html__( 'Background Video Height', 'et_builder' ),
esc_html__( 'Pause Video When Another Video Plays', 'et_builder' ),
et_builder_i18n( 'On' ),
et_builder_i18n( 'Off' ),
esc_html__( 'Pause Video While Not In View', 'et_builder' ) // #15
);
$output .= sprintf(
'
%3$s
%4$s
%5$s
%6$s
%7$s
<%% counter++;
}); %%>',
esc_html__( 'Column', 'et_builder' ),
et_builder_i18n( 'Background' ),
$tab_navs,
$tab_color,
$tab_gradient, // #5
$tab_image,
$tab_video
);
return $output;
}
/**
* BB :: Generate Padding settings for columns.
*
* @return string
*/
public function generate_columns_settings_padding() {
$output = sprintf(
'<%% var columns = typeof columns_layout !== \'undefined\' ? columns_layout.split(",") : [],
counter = 1;
_.each( columns, function ( column_type ) {
var current_value_pt,
current_value_pr,
current_value_pb,
current_value_pl,
current_value_padding_tablet,
current_value_padding_phone,
has_tablet_padding,
has_phone_padding;
switch ( counter ) {
%1$s
}
%%>',
$this->generate_column_vars_padding()
);
$output .= sprintf(
'
<%% counter++;
}); %%>',
esc_html__( 'Column', 'et_builder' ),
esc_html__( 'Padding', 'et_builder' ),
et_builder_i18n( 'Top' ),
et_builder_i18n( 'Right' ),
et_builder_i18n( 'Bottom' ), // #5
et_builder_i18n( 'Left' ),
et_pb_generate_mobile_settings_tabs() // #7
);
return $output;
}
/**
* BB :: Generate "Custom CSS" settings for columns.
*
* @return string
*/
public function generate_columns_settings_css() {
$output = sprintf(
'<%%
var columns_css = typeof columns_layout !== \'undefined\' ? columns_layout.split(",") : [],
counter_css = 1;
_.each( columns_css, function ( column_type ) {
var current_module_id_value,
current_module_class_value,
current_custom_css_before_value,
current_custom_css_main_value,
current_custom_css_after_value;
switch ( counter_css ) {
%1$s
} %%>
<%% counter_css++;
}); %%>',
$this->generate_column_vars_css(),
esc_html__( 'Column', 'et_builder' ),
et_builder_i18n( 'Before' ),
et_builder_i18n( 'Main Element' ),
et_builder_i18n( 'After' )
);
return $output;
}
/**
* BB :: Generate "CSS ID & Classes" settings for columns.
*
* @return string
*/
public function generate_columns_settings_css_fields() {
$output = sprintf(
'<%%
var columns_css = typeof columns_layout !== \'undefined\' ? columns_layout.split(",") : [],
counter_css = 1;
_.each( columns_css, function ( column_type ) {
var current_module_id_value,
current_module_class_value;
switch ( counter_css ) {
%1$s
} %%>
<%% counter_css++;
}); %%>',
$this->generate_column_vars_css(),
esc_html__( 'Column', 'et_builder' ),
esc_html__( 'CSS ID', 'et_builder' ),
esc_html__( 'CSS Class', 'et_builder' )
);
return $output;
}
}
body {
color: #2d2d2d;
}