| Current File : /var/www/html/blog/wp-content/plugins/beaver-builder-lite-version/modules/callout/callout.php |
<?php
/**
* @class FLCalloutModule
*/
class FLCalloutModule extends FLBuilderModule {
/**
* @method __construct
*/
public function __construct() {
parent::__construct(array(
'name' => __( 'Callout', 'fl-builder' ),
'description' => __( 'A heading and snippet of text with an optional link, icon and image.', 'fl-builder' ),
'category' => __( 'Actions', 'fl-builder' ),
'partial_refresh' => true,
'icon' => 'megaphone.svg',
));
}
/**
* Ensure backwards compatibility with old settings.
*
* @since 2.2
* @param object $settings A module settings object.
* @param object $helper A settings compatibility helper.
* @return object
*/
public function filter_settings( $settings, $helper ) {
// Make sure we have a typography array.
if ( ! isset( $settings->typography ) || ! is_array( $settings->typography ) ) {
$settings->typography = array();
}
// Handle old title size settings.
if ( isset( $settings->title_size ) && 'custom' === $settings->title_size ) {
$settings->typography['font_size'] = array(
'length' => $settings->title_custom_size,
'unit' => 'px',
);
unset( $settings->title_size );
unset( $settings->title_custom_size );
}
// Handle old button module settings.
$helper->filter_child_module_settings( 'button', $settings, array(
'btn_3d' => 'three_d',
'btn_style' => 'style',
'btn_padding' => 'padding',
'btn_padding_top' => 'padding_top',
'btn_padding_bottom' => 'padding_bottom',
'btn_padding_left' => 'padding_left',
'btn_padding_right' => 'padding_right',
'btn_mobile_align' => 'mobile_align',
'btn_align_responsive' => 'align_responsive',
'btn_font_size' => 'font_size',
'btn_font_size_unit' => 'font_size_unit',
'btn_typography' => 'typography',
'btn_bg_color' => 'bg_color',
'btn_bg_hover_color' => 'bg_hover_color',
'btn_bg_opacity' => 'bg_opacity',
'btn_bg_hover_opacity' => 'bg_hover_opacity',
'btn_border' => 'border',
'btn_border_hover_color' => 'border_hover_color',
'btn_border_radius' => 'border_radius',
'btn_border_size' => 'border_size',
) );
// Check if Advanced Gradient is to be applied.
if ( ! empty( $settings->style ) && 'gradient' === $settings->style ) {
if ( ! empty( $settings->bg_gradient['colors'][0] ) || ! empty( $settings->bg_gradient['colors'][1] ) ) {
$settings->style = 'adv-gradient';
}
}
// Return the filtered settings.
return $settings;
}
/**
* @method update
* @param $settings {object}
*/
public function update( $settings ) {
// Cache the photo data.
$settings->photo_data = FLBuilderPhoto::get_attachment_data( $settings->photo );
return $settings;
}
/**
* @method delete
*/
public function delete() {
// Delete photo module cache.
if ( 'photo' == $this->settings->image_type && ! empty( $this->settings->photo_src ) ) {
$module_class = get_class( FLBuilderModel::$modules['photo'] );
$photo_module = new $module_class();
$photo_module->settings = new stdClass();
$photo_module->settings->photo_source = 'library';
$photo_module->settings->photo_src = $this->settings->photo_src;
$photo_module->settings->crop = $this->settings->photo_crop;
$photo_module->delete();
}
}
/**
* @method get_classname
*/
public function get_classname() {
$classname = 'fl-callout';
if ( 'photo' == $this->settings->image_type ) {
$classname .= ' fl-callout-has-photo fl-callout-photo-' . $this->settings->photo_position;
} elseif ( 'icon' == $this->settings->image_type ) {
$classname .= ' fl-callout-has-icon fl-callout-icon-' . $this->settings->icon_position;
}
return $classname;
}
/**
* @method render_title
*/
public function render_title() {
$title = trim( $this->settings->title );
if ( empty( $title ) ) {
return;
}
echo '<' . $this->settings->title_tag . ' class="fl-callout-title">';
if ( ! empty( $this->settings->link ) && 'icon' === $this->settings->image_type ) {
echo '<a href="' . esc_url( do_shortcode( $this->settings->link ) ) . '" ' . ( ( isset( $this->settings->link_download ) && 'yes' === $this->settings->link_download ) ? ' download' : '' ) . ' target="' . esc_attr( $this->settings->link_target ) . '" ' . $this->get_rel() . ' class="fl-callout-title-link fl-callout-title-text">';
}
if ( ! empty( $this->settings->link ) && 'icon' !== $this->settings->image_type ) {
echo '<a href="' . esc_url( do_shortcode( $this->settings->link ) ) . '"' . ( ( isset( $this->settings->link_download ) && 'yes' === $this->settings->link_download ) ? ' download' : '' ) . ' target="' . esc_attr( $this->settings->link_target ) . '" ' . $this->get_rel() . ' class="fl-callout-title-link fl-callout-title-text">';
}
if ( 'left-title' === $this->settings->icon_position ) {
$this->render_image( 'left-title' );
}
echo '<span' . ( empty( $this->settings->link ) ? ' class="fl-callout-title-text"' : '' ) . '>';
echo $title;
echo '</span>';
if ( 'right-title' === $this->settings->icon_position ) {
$this->render_image( 'right-title' );
}
if ( ! empty( $this->settings->link ) ) {
echo '</a>';
}
echo '</' . $this->settings->title_tag . '>';
}
/**
* @method get_text_content
*/
public function get_text_content() {
global $wp_embed;
$html = '';
$text_content = FLBuilderUtils::wpautop( $wp_embed->autoembed( $this->settings->text ), $this );
if ( ! empty( $text_content ) ) {
$html = '<div class="fl-callout-text">' . $text_content . '</div>';
}
return $html;
}
/**
* Returns link rel based on settings.
* @since 2.5
* @return string
*/
public function get_rel() {
$rel = array();
if ( '_blank' == $this->settings->link_target ) {
$rel[] = 'noopener';
}
if ( isset( $this->settings->link_nofollow ) && 'yes' == $this->settings->link_nofollow ) {
$rel[] = 'nofollow';
}
$rel = implode( ' ', $rel );
if ( $rel ) {
$rel = ' rel="' . $rel . '" ';
}
return $rel;
}
/**
* @method get_link
*/
public function get_link() {
$html = '';
if ( 'link' == $this->settings->cta_type ) {
$html = '<a href="' . esc_url( do_shortcode( $this->settings->link ) ) . '" ' . ( ( isset( $this->settings->link_download ) && 'yes' === $this->settings->link_download ) ? ' download' : '' ) . '' . $this->get_rel() . ' target="' . esc_attr( $this->settings->link_target ) . '" class="fl-callout-cta-link">' . $this->settings->cta_text . '</a>';
}
return $html;
}
/**
* Returns an array of settings used to render a button module.
*
* @since 2.2
* @return array
*/
public function get_button_settings() {
$settings = array(
'link' => $this->settings->link,
'link_target' => $this->settings->link_target,
'link_nofollow' => $this->settings->link_nofollow,
'text' => $this->settings->cta_text,
);
foreach ( $this->settings as $key => $value ) {
if ( strstr( $key, 'btn_' ) ) {
$key = str_replace( 'btn_', '', $key );
$settings[ $key ] = $value;
}
}
return $settings;
}
/**
* @method get_button
*/
public function get_button() {
$html = '';
if ( 'button' == $this->settings->cta_type ) {
ob_start();
echo '<div class="fl-callout-button">';
FLBuilder::render_module_html( 'button', $this->get_button_settings() );
echo '</div>';
$html = ob_get_clean();
}
return $html;
}
/**
* @method render_text_content
*/
public function render_text_content() {
$text = $this->get_text_content();
$link = $this->get_link();
$button = $this->get_button();
if ( $text || $link || $button ) {
$wrapper_open = '<div class="fl-callout-text-wrap">';
$wrapper_close = '</div>';
$html = [];
$html[] = $wrapper_open;
$html[] = $text;
$html[] = $link;
$html[] = $button;
$html[] = $wrapper_close;
echo join( '', $html );
}
}
/**
* Returns an array of settings used to render an icon module.
*
* @since 2.2
* @return array
*/
public function get_icon_settings() {
$settings = array(
'id' => $this->node,
'align' => '',
'exclude_wrapper' => true,
'icon' => $this->settings->icon,
'text' => '',
'three_d' => $this->settings->icon_3d,
'sr_text' => $this->settings->sr_text,
'link' => $this->settings->link,
'link_target' => $this->settings->link_target,
'link_download' => isset( $this->settings->link_download ) ? $this->settings->link_download : '',
'link_nofollow' => $this->settings->link_nofollow,
);
if ( isset( $this->settings->icon_position ) && ( 'left-title' === $this->settings->icon_position || 'right-title' === $this->settings->icon_position ) ) {
unset( $settings['link'] );
}
foreach ( $this->settings as $key => $value ) {
if ( strstr( $key, 'icon_' ) ) {
$key = str_replace( 'icon_', '', $key );
$settings[ $key ] = $value;
}
}
return $settings;
}
/**
* Returns an array of settings used to render a photo module.
*
* @since 2.2
* @return array
*/
public function get_photo_settings() {
$photo_data = FLBuilderPhoto::get_attachment_data( $this->settings->photo );
if ( ! $photo_data && isset( $this->settings->photo_data ) ) {
$photo_data = $this->settings->photo_data;
} elseif ( ! $photo_data ) {
$photo_data = -1;
}
$settings = array(
'link_url_target' => $this->settings->link_target,
'link_nofollow' => $this->settings->link_nofollow,
'link_url_download' => isset( $this->settings->link_download ) ? $this->settings->link_download : '',
'link_type' => 'url',
'link_url' => $this->settings->link,
'photo' => $photo_data,
'photo_src' => $this->settings->photo_src,
'photo_source' => 'library',
);
foreach ( $this->settings as $key => $value ) {
if ( strstr( $key, 'photo_' ) ) {
$key = str_replace( 'photo_', '', $key );
$settings[ $key ] = $value;
}
}
return $settings;
}
/**
* @method render_image
*/
public function render_image( $position ) {
if ( 'photo' == $this->settings->image_type && $this->settings->photo_position == $position ) {
if ( empty( $this->settings->photo ) ) {
return;
}
echo '<div class="fl-callout-photo">';
FLBuilder::render_module_html( 'photo', $this->get_photo_settings() );
echo '</div>';
} elseif ( 'icon' == $this->settings->image_type && $this->settings->icon_position == $position ) {
FLBuilder::render_module_html( 'icon', $this->get_icon_settings() );
}
}
}
/**
* Register the module and its form settings.
*/
FLBuilder::register_module('FLCalloutModule', array(
'general' => array(
'title' => __( 'General', 'fl-builder' ),
'sections' => array(
'title' => array(
'title' => '',
'fields' => array(
'title' => array(
'type' => 'text',
'label' => __( 'Heading', 'fl-builder' ),
'preview' => array(
'type' => 'text',
'selector' => '.fl-callout-title-text',
),
'connections' => array( 'string' ),
),
'title_tag' => array(
'type' => 'select',
'label' => __( 'Heading Tag', 'fl-builder' ),
'default' => 'h3',
'sanitize' => array( 'FLBuilderUtils::esc_tags', 'h3' ),
'options' => array(
'h1' => 'h1',
'h2' => 'h2',
'h3' => 'h3',
'h4' => 'h4',
'h5' => 'h5',
'h6' => 'h6',
),
),
),
),
'text' => array(
'title' => __( 'Text', 'fl-builder' ),
'fields' => array(
'text' => array(
'type' => 'editor',
'label' => '',
'media_buttons' => false,
'wpautop' => false,
'preview' => array(
'type' => 'text',
'selector' => '.fl-callout-text',
),
'connections' => array( 'string' ),
),
),
),
),
),
'style' => array(
'title' => __( 'Style', 'fl-builder' ),
'sections' => array(
'overall_structure' => array(
'title' => '',
'fields' => array(
'bg_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Background Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-module-content',
'property' => 'background-color',
),
),
'border' => array(
'type' => 'border',
'label' => __( 'Border', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-module-content',
),
),
'align' => array(
'type' => 'align',
'label' => __( 'Alignment', 'fl-builder' ),
'default' => 'left',
'help' => __( 'The alignment that will apply to all elements within the callout.', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'refresh',
),
),
'padding' => array(
'type' => 'dimension',
'label' => __( 'Padding', 'fl-builder' ),
'default' => '',
'responsive' => true,
'slider' => true,
'units' => array(
'px',
'em',
'%',
),
'preview' => array(
'type' => 'css',
'selector' => '.fl-module-content',
'property' => 'padding',
),
),
),
),
'title_structure' => array(
'title' => __( 'Heading', 'fl-builder' ),
'fields' => array(
'title_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Heading Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-callout-title, .fl-callout-title-text, .fl-callout-title-text:hover',
'property' => 'color',
),
),
'title_typography' => array(
'type' => 'typography',
'label' => __( 'Heading Typography', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-callout-title',
),
),
),
),
'content' => array(
'title' => __( 'Text', 'fl-builder' ),
'fields' => array(
'content_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Text Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-callout-text, .fl-callout-cta-link',
'property' => 'color',
),
),
'content_typography' => array(
'type' => 'typography',
'label' => __( 'Text Typography', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-callout-text, .fl-callout-cta-link',
),
),
),
),
),
),
'image' => array(
'title' => __( 'Image', 'fl-builder' ),
'sections' => array(
'general' => array(
'title' => '',
'fields' => array(
'image_type' => array(
'type' => 'select',
'label' => __( 'Image Type', 'fl-builder' ),
'default' => 'photo',
'options' => array(
'none' => _x( 'None', 'Image type.', 'fl-builder' ),
'photo' => __( 'Photo', 'fl-builder' ),
'icon' => __( 'Icon', 'fl-builder' ),
),
'toggle' => array(
'none' => array(),
'photo' => array(
'sections' => array( 'photo', 'photo_style' ),
),
'icon' => array(
'sections' => array( 'icon', 'icon_colors', 'icon_structure' ),
),
),
),
),
),
'photo' => array(
'title' => __( 'Photo', 'fl-builder' ),
'fields' => array(
'photo' => array(
'type' => 'photo',
'show_remove' => true,
'label' => __( 'Photo', 'fl-builder' ),
'connections' => array( 'photo' ),
),
'photo_position' => array(
'type' => 'select',
'label' => __( 'Position', 'fl-builder' ),
'default' => 'above-title',
'options' => array(
'above-title' => __( 'Above Heading', 'fl-builder' ),
'below-title' => __( 'Below Heading', 'fl-builder' ),
'left' => __( 'Left of Text and Heading', 'fl-builder' ),
'right' => __( 'Right of Text and Heading', 'fl-builder' ),
),
),
),
),
'photo_style' => array(
'title' => __( 'Photo Style', 'fl-builder' ),
'fields' => array(
'photo_crop' => array(
'type' => 'select',
'label' => __( 'Crop', 'fl-builder' ),
'default' => '',
'options' => array(
'' => _x( 'None', 'Photo Crop.', 'fl-builder' ),
'landscape' => __( 'Landscape', 'fl-builder' ),
'panorama' => __( 'Panorama', 'fl-builder' ),
'portrait' => __( 'Portrait', 'fl-builder' ),
'square' => __( 'Square', 'fl-builder' ),
'circle' => __( 'Circle', 'fl-builder' ),
),
),
'photo_width' => array(
'type' => 'unit',
'label' => __( 'Width', 'fl-builder' ),
'responsive' => true,
'units' => array(
'px',
'vw',
'%',
),
'slider' => array(
'px' => array(
'min' => 0,
'max' => 1000,
'step' => 10,
),
),
'preview' => array(
'type' => 'css',
'selector' => '.fl-photo-img',
'property' => 'width',
'important' => true,
),
),
'photo_align' => array(
'type' => 'align',
'label' => __( 'Align', 'fl-builder' ),
'default' => '',
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-photo',
'property' => 'text-align',
'important' => true,
),
),
'photo_border' => array(
'type' => 'border',
'label' => __( 'Border', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-photo-img',
),
),
),
),
'icon' => array(
'title' => __( 'Icon', 'fl-builder' ),
'fields' => array(
'icon' => array(
'type' => 'icon',
'label' => __( 'Icon', 'fl-builder' ),
'show_remove' => true,
),
'sr_text' => array(
'type' => 'text',
'label' => __( 'Screen Reader Text', 'fl-builder' ),
'default' => '',
),
'icon_position' => array(
'type' => 'select',
'label' => __( 'Position', 'fl-builder' ),
'default' => 'left-title',
'options' => array(
'above-title' => __( 'Above Heading', 'fl-builder' ),
'below-title' => __( 'Below Heading', 'fl-builder' ),
'left-title' => __( 'Left of Heading', 'fl-builder' ),
'right-title' => __( 'Right of Heading', 'fl-builder' ),
'left' => __( 'Left of Text and Heading', 'fl-builder' ),
'right' => __( 'Right of Text and Heading', 'fl-builder' ),
),
),
),
),
'icon_colors' => array(
'title' => __( 'Icon Colors', 'fl-builder' ),
'fields' => array(
'icon_duo_color1' => array(
'label' => __( 'DuoTone Primary Color', 'fl-builder' ),
'type' => 'color',
'connections' => array( 'color' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-icon i.fad:before',
'property' => 'color',
'important' => true,
),
),
'icon_duo_color2' => array(
'label' => __( 'DuoTone Secondary Color', 'fl-builder' ),
'type' => 'color',
'connections' => array( 'color' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-icon i.fad:after',
'property' => 'color',
'important' => true,
),
),
'icon_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-icon i, .fl-icon i:before',
'property' => 'color',
'important' => true,
),
),
'icon_hover_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Hover Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
'icon_bg_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Background Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
),
'icon_bg_hover_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Background Hover Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
'icon_3d' => array(
'type' => 'select',
'label' => __( 'Gradient', 'fl-builder' ),
'default' => '0',
'options' => array(
'0' => __( 'No', 'fl-builder' ),
'1' => __( 'Yes', 'fl-builder' ),
),
),
),
),
'icon_structure' => array(
'title' => __( 'Icon Structure', 'fl-builder' ),
'fields' => array(
'icon_size' => array(
'type' => 'unit',
'label' => __( 'Size', 'fl-builder' ),
'default' => '30',
'responsive' => true,
'units' => array( 'px', 'em', 'rem' ),
'slider' => true,
'preview' => array(
'type' => 'none',
),
),
),
),
),
),
'cta' => array(
'title' => __( 'Link', 'fl-builder' ),
'sections' => array(
'link' => array(
'title' => '',
'fields' => array(
'link' => array(
'type' => 'link',
'label' => __( 'Link', 'fl-builder' ),
'help' => __( 'The link applies to the entire module. If choosing a call to action type below, this link will also be used for the text or button.', 'fl-builder' ),
'show_target' => true,
'show_nofollow' => true,
'show_download' => true,
'preview' => array(
'type' => 'none',
),
'connections' => array( 'url' ),
),
),
),
'cta' => array(
'title' => __( 'Call to Action', 'fl-builder' ),
'fields' => array(
'cta_type' => array(
'type' => 'select',
'label' => __( 'Type', 'fl-builder' ),
'default' => 'none',
'options' => array(
'none' => _x( 'None', 'Call to action.', 'fl-builder' ),
'link' => __( 'Link', 'fl-builder' ),
'button' => __( 'Button', 'fl-builder' ),
),
'toggle' => array(
'none' => array(),
'link' => array(
'fields' => array( 'cta_text' ),
'sections' => array( 'link_text' ),
),
'button' => array(
'fields' => array( 'cta_text' ),
'sections' => array( 'btn_icon', 'btn_style', 'btn_text', 'btn_colors', 'btn_border' ),
),
),
),
'cta_text' => array(
'type' => 'text',
'label' => __( 'Text', 'fl-builder' ),
'default' => __( 'Read More', 'fl-builder' ),
'connections' => array( 'string' ),
'preview' => array(
'type' => 'text',
'selector' => '.fl-callout-cta-link, .fl-button-text',
),
),
),
),
'link_text' => array(
'title' => __( 'Link Text', 'fl-builder' ),
'fields' => array(
'link_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Link Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-callout-cta-link',
'property' => 'color',
'important' => true,
),
),
'link_hover_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Link Hover Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-callout-cta-link:hover, a.fl-callout-cta-link:focus',
'property' => 'color',
'important' => true,
),
),
'link_typography' => array(
'type' => 'typography',
'label' => __( 'Link Typography', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-callout-cta-link',
),
),
),
),
'btn_icon' => array(
'title' => __( 'Button Icon', 'fl-builder' ),
'fields' => array(
'btn_icon' => array(
'type' => 'icon',
'label' => __( 'Button Icon', 'fl-builder' ),
'show_remove' => true,
'show' => array(
'fields' => array( 'btn_icon_position', 'btn_icon_animation' ),
),
),
'btn_duo_color1' => array(
'label' => __( 'DuoTone Primary Color', 'fl-builder' ),
'type' => 'color',
'connections' => array( 'color' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-button i.fad:before',
'property' => 'color',
'important' => true,
),
),
'btn_duo_color2' => array(
'label' => __( 'DuoTone Secondary Color', 'fl-builder' ),
'type' => 'color',
'connections' => array( 'color' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-button i.fad:after',
'property' => 'color',
'important' => true,
),
),
'btn_icon_position' => array(
'type' => 'select',
'label' => __( 'Button Icon Position', 'fl-builder' ),
'default' => 'before',
'options' => array(
'before' => __( 'Before Text', 'fl-builder' ),
'after' => __( 'After Text', 'fl-builder' ),
),
),
'btn_icon_animation' => array(
'type' => 'select',
'label' => __( 'Button Icon Visibility', 'fl-builder' ),
'default' => 'disable',
'options' => array(
'disable' => __( 'Always Visible', 'fl-builder' ),
'enable' => __( 'Fade In On Hover', 'fl-builder' ),
),
),
),
),
'btn_style' => array(
'title' => __( 'Button Style', 'fl-builder' ),
'fields' => array(
'btn_width' => array(
'type' => 'select',
'label' => __( 'Button Width', 'fl-builder' ),
'default' => 'auto',
'options' => array(
'auto' => _x( 'Auto', 'Width.', 'fl-builder' ),
'full' => __( 'Full Width', 'fl-builder' ),
),
'toggle' => array(
'auto' => array(
'fields' => array( 'btn_align' ),
),
),
),
'btn_align' => array(
'type' => 'align',
'label' => __( 'Button Align', 'fl-builder' ),
'default' => '',
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-button-wrap',
'property' => 'text-align',
),
),
'btn_padding' => array(
'type' => 'dimension',
'label' => __( 'Button Padding', 'fl-builder' ),
'responsive' => true,
'slider' => true,
'units' => array( 'px' ),
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-button',
'property' => 'padding',
),
),
),
),
'btn_text' => array(
'title' => __( 'Button Text', 'fl-builder' ),
'fields' => array(
'btn_text_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Button Text Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-button, a.fl-button *',
'property' => 'color',
'important' => true,
),
),
'btn_text_hover_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Button Text Hover Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-button:hover, a.fl-button:hover *, a.fl-button:focus, a.fl-button:focus *',
'property' => 'color',
'important' => true,
),
),
'btn_typography' => array(
'type' => 'typography',
'label' => __( 'Button Typography', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-button',
),
),
),
),
'btn_colors' => array(
'title' => __( 'Button Background', 'fl-builder' ),
'fields' => array(
'btn_style' => array(
'type' => 'select',
'label' => __( 'Button Background Style', 'fl-builder' ),
'default' => 'flat',
'options' => array(
'flat' => __( 'Flat', 'fl-builder' ),
'gradient' => __( 'Auto Gradient', 'fl-builder' ),
'adv-gradient' => __( 'Advanced Gradient', 'fl-builder' ),
),
'toggle' => array(
'flat' => array(
'fields' => array( 'btn_button_transition' ),
),
'adv-gradient' => array(
'fields' => array( 'btn_bg_gradient', 'btn_bg_gradient_hover' ),
),
),
'hide' => array(
'adv-gradient' => array(
'fields' => array( 'btn_bg_color', 'btn_bg_hover_color' ),
),
),
),
'btn_bg_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Button Background Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
'btn_bg_hover_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Button Background Hover Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
'btn_bg_gradient' => array(
'type' => 'gradient',
'label' => __( 'Background Gradient', 'fl-builder' ),
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-button',
'property' => 'background-image',
),
),
'btn_bg_gradient_hover' => array(
'type' => 'gradient',
'label' => __( 'Background Hover Gradient', 'fl-builder' ),
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-button:hover',
'property' => 'background-image',
),
),
'btn_button_transition' => array(
'type' => 'select',
'label' => __( 'Button Background Animation', 'fl-builder' ),
'default' => 'disable',
'options' => array(
'disable' => __( 'Disabled', 'fl-builder' ),
'enable' => __( 'Enabled', 'fl-builder' ),
),
'preview' => array(
'type' => 'none',
),
),
),
),
'btn_border' => array(
'title' => __( 'Button Border', 'fl-builder' ),
'fields' => array(
'btn_border' => array(
'type' => 'border',
'label' => __( 'Button Border', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => 'a.fl-button',
'important' => true,
),
),
'btn_border_hover_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Button Border Hover Color', 'fl-builder' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
),
),
),
),
));