Viewing File: /home/fshjisk/myqueen/wp-content/plugins/fusion-builder/front-end/views/elements/view-button.js
/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Button Element View.
FusionPageBuilder.fusion_button = FusionPageBuilder.ElementView.extend( {
/**
* Migrate params to new format.
*
* @since 3.5
* @return {void}
*/
onInit: function() {
var params = this.model.get( 'params' );
// Check for newer margin params. If unset but regular is, copy from there.
if ( 'object' === typeof params ) {
// Split border width into 4.
if ( 'undefined' === typeof params.border_top && 'undefined' !== typeof params.border_width && '' !== params.border_width ) {
params.border_top = parseInt( params.border_width ) + 'px';
params.border_right = params.border_top;
params.border_bottom = params.border_top;
params.border_left = params.border_top;
delete params.border_width;
}
// Split border radius into 4.
if ( 'undefined' === typeof params.border_radius_top_left && 'undefined' !== typeof params.border_radius && '' !== params.border_radius ) {
params.border_radius_top_left = parseInt( params.border_radius ) + 'px';
params.border_radius_top_right = params.border_radius_top_left;
params.border_radius_bottom_right = params.border_radius_top_left;
params.border_radius_bottom_left = params.border_radius_top_left;
delete params.border_radius;
}
this.model.set( 'params', params );
}
},
/**
* Runs on render.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
this.afterPatch();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var item = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '[rel="iLightbox"]' ) ),
params = this.model.get( 'params' ),
stretch = params.stretch;
if ( 'default' === stretch || '' == stretch ) {
stretch = fusionAllElements.fusion_button.defaults.stretch;
}
this.$el.removeClass( 'fusion-element-alignment-right fusion-element-alignment-left fusion-element-alignment-block fusion-element-alignment-textflow' );
if ( 'yes' !== stretch && ! this.flexDisplay() ) {
if ( 'undefined' !== typeof params.alignment && '' !== params.alignment ) {
this.$el.addClass( 'fusion-element-alignment-' + params.alignment );
} else if ( ! jQuery( 'body.rtl' ).length ) {
this.$el.addClass( 'fusion-element-alignment-left fusion-element-alignment-textflow' );
} else {
this.$el.addClass( 'fusion-element-alignment-right fusion-element-alignment-textflow' );
}
} else {
this.$el.addClass( 'fusion-element-alignment-block' );
}
if ( 'object' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaLightBox ) {
if ( 'undefined' !== typeof this.iLightbox ) {
this.iLightbox.destroy();
}
if ( item.length ) {
this.iLightbox = item.iLightBox( jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaLightBox.prepare_options( 'single' ) );
}
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.isFlex = this.flexDisplay();
this.values = atts.values;
this.extras = atts.extras;
// Validate values.
this.validateArgs();
// Create attribute objects.
attributes.wrapperAttr = this.buildWrapperAttr( atts.values );
attributes.attr = this.buildAttr( atts.values );
attributes.IconAttr = this.buildIconAttr( atts.values );
attributes.buttonStyles = this.getStyles();
attributes.textAttr = this.buildTextAttr( atts.values );
// Any extras that need passed on.
attributes.values = atts.values;
return attributes;
},
/**
* Modify template attributes.
*
* @since 3.5
* @return {void}
*/
validateArgs: function() {
// variables into current scope
var params, border_radius;
params = this.model.get( 'params' );
this.values.default_size = false;
if ( ( 'undefined' !== typeof params.size && '' === params.size ) || 'undefined' === typeof params.size ) {
this.values.default_size = true;
}
this.values.default_stretch = false;
if ( ( 'undefined' !== typeof params.stretch && '' === params.stretch ) || 'undefined' === typeof params.stretch ) {
this.values.default_stretch = true;
}
this.values.default_type = false;
if ( ( 'undefined' !== typeof params.type && ( '' === params.type || 'default' === params.type ) ) || 'undefined' === typeof params.type ) {
this.values.default_type = true;
}
this.values.margin_bottom = _.fusionGetValueWithUnit( this.values.margin_bottom );
this.values.margin_left = _.fusionGetValueWithUnit( this.values.margin_left );
this.values.margin_right = _.fusionGetValueWithUnit( this.values.margin_right );
this.values.margin_top = _.fusionGetValueWithUnit( this.values.margin_top );
if ( 'undefined' === typeof this.values.gradient_colors || '' === this.values.gradient_colors ) {
this.values.gradient_colors = this.values.button_gradient_top_color.toLowerCase() + '|' + this.values.button_gradient_bottom_color.toLowerCase();
}
if ( 'undefined' === typeof this.values.gradient_hover_colors || '' === this.values.gradient_hover_colors ) {
this.values.gradient_hover_colors = this.values.button_gradient_top_color_hover.toLowerCase() + '|' + this.values.button_gradient_bottom_color_hover.toLowerCase();
}
this.values.old_text_color = ( 'undefined' !== typeof this.values.text_color && '' !== this.values.text_color ) ? this.values.text_color : false;
this.values.text_color = this.values.accent_color;
this.values.icon_color = this.values.text_color;
this.values.text_hover_color = this.values.accent_hover_color;
this.values.icon_hover_color = this.values.text_hover_color;
if ( 'undefined' !== typeof this.values.old_text_color && '' !== this.values.old_text_color ) {
this.values.text_color = this.values.old_text_color;
}
if ( this.values.modal ) {
this.values.link = '#';
}
this.values.type = 'string' === typeof this.values.type ? this.values.type.toLowerCase() : 'flat';
// BC compatibility for button shape.
if ( 'undefined' !== typeof params.shape && '' !== params.shape && 'undefined' === typeof params.border_radius && 'undefined' === typeof params.border_radius_top_left ) {
border_radius = '0';
if ( 'square' === this.values.shape ) {
border_radius = '0';
} else if ( 'round' === this.values.shape ) {
border_radius = '2';
if ( '3d' === this.values.type.toLowerCase() ) {
border_radius = '4';
}
} else if ( 'pill' === this.values.shape ) {
border_radius = '25';
}
this.values.border_radius_top_left = _.fusionGetValueWithUnit( border_radius );
this.values.border_radius_top_right = this.values.border_radius_top_left;
this.values.border_radius_bottom_right = this.values.border_radius_top_left;
this.values.border_radius_bottom_left = this.values.border_radius_top_left;
} else if ( 'undefined' !== typeof params.border_radius && 'undefined' === typeof params.border_radius_top_left && '' !== params.border_radius ) {
this.values.border_radius_top_left = params.border_radius;
this.values.border_radius_top_right = this.values.border_radius_top_left;
this.values.border_radius_bottom_right = this.values.border_radius_top_left;
this.values.border_radius_bottom_left = this.values.border_radius_top_left;
}
this.values.border_radius_top_left = _.isEmpty( this.values.border_radius_top_left ) ? '0' : _.fusionGetValueWithUnit( this.values.border_radius_top_left );
this.values.border_radius_top_right = _.isEmpty( this.values.border_radius_top_right ) ? '0' : _.fusionGetValueWithUnit( this.values.border_radius_top_right );
this.values.border_radius_bottom_right = _.isEmpty( this.values.border_radius_bottom_right ) ? '0' : _.fusionGetValueWithUnit( this.values.border_radius_bottom_right );
this.values.border_radius_bottom_left = _.isEmpty( this.values.border_radius_bottom_left ) ? '0' : _.fusionGetValueWithUnit( this.values.border_radius_bottom_left );
this.values.border_radius = this.values.border_radius_top_left + ' ' + this.values.border_radius_top_right + ' ' + this.values.border_radius_bottom_right + ' ' + this.values.border_radius_bottom_left;
// Legacy single border support.
if ( 'undefined' !== params.border_width && '' !== params.border_width && 'undefined' === params.border_top ) {
this.values.border_top = params.border_width;
this.values.border_right = this.values.border_top;
this.values.border_bottom = this.values.border_top;
this.values.border_left = this.values.border_top;
}
this.values.default_border_width = false;
if ( '' === this.values.border_top && '' === this.values.border_right && '' === this.values.border_bottom && '' === this.values.border_left ) {
this.values.default_border_width = true;
} else {
// Not using default, ensure values for each.
this.values.border_top = ( '' === this.values.border_top ) ? this.extras.border_top : this.values.border_top;
this.values.border_right = ( '' === this.values.border_right ) ? this.extras.border_right : this.values.border_right;
this.values.border_bottom = ( '' === this.values.border_bottom ) ? this.extras.border_bottom : this.values.border_bottom;
this.values.border_left = ( '' === this.values.border_left ) ? this.extras.border_left : this.values.border_left;
}
this.values.border_top = _.isEmpty( this.values.border_top ) ? '0' : _.fusionGetValueWithUnit( this.values.border_top );
this.values.border_right = _.isEmpty( this.values.border_right ) ? '0' : _.fusionGetValueWithUnit( this.values.border_right );
this.values.border_bottom = _.isEmpty( this.values.border_bottom ) ? '0' : _.fusionGetValueWithUnit( this.values.border_bottom );
this.values.border_left = _.isEmpty( this.values.border_left ) ? '0' : _.fusionGetValueWithUnit( this.values.border_left );
this.values.border_width = this.values.border_top + ' ' + this.values.border_right + ' ' + this.values.border_bottom + ' ' + this.values.border_left;
if ( 'undefined' === typeof this.values.size ) {
this.values.size = '';
}
},
/**
* Builds the wrapper attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildWrapperAttr: function( values ) {
var attr = {
class: '',
style: ''
},
isDefaultStretch = ( 'undefined' !== typeof values.stretch && ( '' === values.stretch || 'default' === values.stretch ) ) || 'undefined' === typeof values.stretch;
if ( this.isFlex ) {
if ( values.alignment ) {
attr.style += 'text-align:' + values.alignment + ';';
}
if ( values.alignment_medium && values.alignment !== values.alignment_medium ) {
attr[ 'class' ] += ' md-text-align-' + values.alignment_medium;
}
if ( values.alignment_small && values.alignment !== values.alignment_small ) {
attr[ 'class' ] += ' sm-text-align-' + values.alignment_small;
}
} else {
attr[ 'class' ] += 'fusion-button-wrapper';
// Add wrapper to the button for alignment and scoped styling.
if ( ( ( ! isDefaultStretch && 'yes' === values.stretch ) || ( isDefaultStretch && 'yes' === fusionAllElements.fusion_button.defaults.stretch ) ) ) {
attr[ 'class' ] += ' fusion-align-block';
} else if ( values.alignment ) {
attr[ 'class' ] += ' fusion-align' + values.alignment;
}
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var params = this.model.get( 'params' ),
attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-button button-' + values.type + ' button-' + values.color + ' button-cid' + this.model.get( 'cid' ),
style: ''
} ),
sizeClass = 'button-' + values.size,
stretchClass = 'fusion-button-span-' + values.stretch,
typeClass = '',
isDefaultStretch = ( 'undefined' !== typeof values.stretch && ( '' === values.stretch || 'default' === values.stretch ) ) || 'undefined' === typeof values.stretch,
marginRight, marginLeft;
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( ( 'undefined' !== typeof params.size && '' === params.size ) || 'undefined' === typeof params.size ) {
sizeClass = 'fusion-button-default-size';
}
if ( ( 'undefined' !== typeof params.stretch && ( '' === params.stretch || 'default' === params.stretch ) ) || 'undefined' === typeof params.stretch ) {
stretchClass = 'fusion-button-default-span';
}
if ( ( 'undefined' !== typeof params.type && ( '' === params.type || 'default' === params.type ) ) || 'undefined' === typeof params.type ) {
typeClass = 'fusion-button-default-type';
}
attr[ 'class' ] += ' ' + sizeClass + ' ' + stretchClass + ' ' + typeClass;
attr.target = values.target;
if ( '_blank' === values.target ) {
attr.rel = 'noopener noreferrer';
} else if ( 'lightbox' === values.target ) {
attr.rel = 'iLightbox';
}
attr = _.fusionLinkAttributes( attr, values );
attr.title = values.title;
attr.href = values.link;
if ( '' !== values.modal ) {
attr.data_toggle = 'modal';
attr.data_target = '.fusion-modal.' + values.modal;
}
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( ( ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) || ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) ) && ( ( ! isDefaultStretch && 'yes' === values.stretch ) || ( isDefaultStretch && 'yes' === fusionAllElements.fusion_button.defaults.stretch ) ) ) {
marginRight = 'undefined' !== typeof values.margin_right && '' !== values.margin_right ? ' - ' + values.margin_right : '';
marginLeft = 'undefined' !== typeof values.margin_left && '' !== values.margin_left ? ' - ' + values.margin_left : '';
attr.style += 'width:calc(100%' + marginRight + marginLeft + ');';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds icon attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildIconAttr: function( values ) {
var buttonShortcodeIcon = {
class: _.fusionFontAwesome( values.icon ),
'aria-hidden': 'true'
};
if ( 'yes' !== values.icon_divider ) {
buttonShortcodeIcon[ 'class' ] += ' button-icon-' + values.icon_position;
}
if ( values.icon_color && values.icon_color !== values.accent_color ) {
buttonShortcodeIcon.style = 'color:' + values.icon_color + ';';
}
return buttonShortcodeIcon;
},
/**
* Builds text attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildTextAttr: function( values ) {
var buttonTextAttr = {
class: 'fusion-button-text'
};
if ( '' !== values.icon && 'yes' === values.icon_divider ) {
buttonTextAttr[ 'class' ] += ' fusion-button-text-' + values.icon_position;
}
buttonTextAttr = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
'disable-return': true,
'disable-extra-spaces': true,
toolbar: 'simple'
}, buttonTextAttr );
return buttonTextAttr;
},
/**
* Builds the styles.
*
* @since 3.5
* @return {void}
*/
getStyles: function() {
// variables into current scope
var self = this,
hover_selectors,
box_shadow_3d,
selectors,
grad_colors,
grad_hover_colors,
text_styles,
side_padding,
font_size,
css;
this.baseSelector = '.fusion-body .fusion-button.button-cid' + this.model.get( 'cid' );
this.dynamic_css = {};
hover_selectors = [ this.baseSelector + ':hover', this.baseSelector + '.hover', this.baseSelector + ':active', this.baseSelector + ':focus' ];
// If its custom, default or a custom color scheme.
if ( 'custom' === this.values.color || 'default' === this.values.color || false !== this.values.color.includes( 'scheme-' ) ) {
// 3D type with custom bevel color, change box shadow color.
if ( '3d' === this.values.type ) {
box_shadow_3d = 'inset 0 1px 0 #fff, 0 0.15em 0 ' + this.values.bevel_color + ', 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3)';
this.addCssProperty( this.baseSelector + '.button-3d', 'box-shadow', box_shadow_3d );
box_shadow_3d = 'inset 0 1px 0 #fff, 0 1px 0 ' + this.values.bevel_color + ', 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3)';
this.addCssProperty( this.baseSelector + '.button-3d:active', 'box-shadow', box_shadow_3d );
box_shadow_3d = 'inset 0 1px 0 #fff, 0 0.15em 0 ' + this.values.bevel_color_hover + ', 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3)';
this.addCssProperty( this.baseSelector + '.button-3d:hover', 'box-shadow', box_shadow_3d );
box_shadow_3d = 'inset 0 1px 0 #fff, 0 1px 0 ' + this.values.bevel_color_hover + ', 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3)';
this.addCssProperty( this.baseSelector + '.button-3d:hover:active', 'box-shadow', box_shadow_3d );
}
if ( 'default' !== this.values.color ) {
selectors = [ this.baseSelector + ' .fusion-button-text', this.baseSelector + ' i' ];
if ( 'string' === typeof this.values.old_text_color && '' !== this.values.old_text_color ) {
this.addCssProperty( selectors, 'color', this.values.old_text_color );
} else if ( '' !== this.values.accent_color ) {
this.addCssProperty( selectors, 'color', this.values.accent_color );
}
if ( '' !== this.values.border_color ) {
this.addCssProperty( this.baseSelector, 'border-color', this.values.border_color );
}
selectors = [ this.baseSelector + ':hover .fusion-button-text', this.baseSelector + ':hover i', this.baseSelector + ':focus .fusion-button-text', this.baseSelector + ':focus i', this.baseSelector + ':active .fusion-button-text', this.baseSelector + ':active i' ];
if ( 'string' === typeof this.values.old_text_color && '' !== this.values.old_text_color ) {
this.addCssProperty( selectors, 'color', this.values.old_text_color );
} else if ( '' !== this.values.accent_hover_color ) {
this.addCssProperty( selectors, 'color', this.values.accent_hover_color );
} else if ( '' !== this.values.accent_color ) {
this.addCssProperty( selectors, 'color', this.values.accent_color );
}
if ( '' !== this.values.border_hover_color ) {
this.addCssProperty( hover_selectors, 'border-color', this.values.border_hover_color );
} else if ( '' !== this.values.accent_color ) {
this.addCssProperty( hover_selectors, 'border-color', this.values.accent_color );
}
if ( '' !== this.values.accent_color && 'yes' === this.values.icon_divider ) {
this.addCssProperty( this.baseSelector + ' .fusion-button-icon-divider', 'border-color', this.values.accent_color );
}
if ( '' !== this.values.accent_hover_color && 'yes' === this.values.icon_divider ) {
selectors = [ this.baseSelector + ':hover .fusion-button-icon-divider', this.baseSelector + ':active .fusion-button-icon-divider', this.baseSelector + ':focus .fusion-button-icon-divider' ];
this.addCssProperty( selectors, 'border-color', this.values.accent_hover_color );
}
}
if ( '' !== this.values.border_width && 'custom' === this.values.color && ! this.values.default_border_width ) {
this.addCssProperty( this.baseSelector, 'border-width', this.values.border_width );
this.addCssProperty( hover_selectors, 'border-width', this.values.border_width );
}
this.addCssProperty( this.baseSelector, 'border-radius', this.values.border_radius );
if ( 'default' !== this.values.color ) {
if ( 'string' === typeof this.values.gradient_colors && '' !== this.values.gradient_colors ) {
// Checking for deprecated separators.
if ( this.values.gradient_colors.includes( ';' ) ) {
grad_colors = this.values.gradient_colors.split( ';' );
} else {
grad_colors = this.values.gradient_colors.split( '|' );
}
// Only one, just use that as background color, no gradient.
if ( 1 === grad_colors.length || '' === grad_colors[ 1 ] || grad_colors[ 0 ] === grad_colors[ 1 ] ) {
this.addCssProperty( this.baseSelector, 'background', grad_colors[ 0 ] );
} else {
this.addCssProperty( this.baseSelector, 'background', grad_colors[ 0 ] );
if ( 'linear' === this.values.gradient_type ) {
this.addCssProperty( this.baseSelector, 'background-image', 'linear-gradient(' + this.values.linear_angle + 'deg,' + grad_colors[ 0 ] + ' ' + this.values.gradient_start_position + '%,' + grad_colors[ 1 ] + ' ' + this.values.gradient_end_position + '%)' );
} else {
this.addCssProperty( this.baseSelector, 'background-image', 'radial-gradient(circle at ' + this.values.radial_direction + ',' + grad_colors[ 0 ] + ' ' + this.values.gradient_start_position + '%,' + grad_colors[ 1 ] + ' ' + this.values.gradient_end_position + '%)' );
}
}
}
if ( 'string' === typeof this.values.gradient_hover_colors && '' !== this.values.gradient_hover_colors ) {
// Checking for deprecated separators.
if ( this.values.gradient_hover_colors.includes( ';' ) ) {
grad_hover_colors = this.values.gradient_hover_colors.split( ';' );
} else {
grad_hover_colors = this.values.gradient_hover_colors.split( '|' );
}
if ( 1 === grad_hover_colors.length || '' === grad_hover_colors[ 1 ] || grad_hover_colors[ 0 ] === grad_hover_colors[ 1 ] ) {
this.addCssProperty( hover_selectors, 'background', grad_hover_colors[ 0 ] );
} else {
this.addCssProperty( hover_selectors, 'background', grad_hover_colors[ 0 ] );
if ( 'linear' === this.values.gradient_type ) {
this.addCssProperty( hover_selectors, 'background-image', 'linear-gradient(' + this.values.linear_angle + 'deg,' + grad_hover_colors[ 0 ] + ' ' + this.values.gradient_start_position + '%,' + grad_hover_colors[ 1 ] + ' ' + this.values.gradient_end_position + '%)' );
} else {
this.addCssProperty( hover_selectors, 'background-image', 'radial-gradient(circle at ' + this.values.radial_direction + ',' + grad_hover_colors[ 0 ] + ' ' + this.values.gradient_start_position + '%,' + grad_hover_colors[ 1 ] + ' ' + this.values.gradient_end_position + '%)' );
}
}
}
}
}
if ( !this.isDefault( 'text_transform' ) && '' !== this.values.text_transform ) {
this.addCssProperty( this.baseSelector + ' .fusion-button-text', 'text-transform', this.values.text_transform );
}
if ( '' === this.values.size ) {
if ( ! this.isDefault( 'font_size' ) ) {
this.addCssProperty( this.baseSelector, 'font-size', _.fusionGetValueWithUnit( this.values.font_size ) );
}
if ( ! this.isDefault( 'line_height' ) ) {
this.addCssProperty( this.baseSelector, 'line-height', this.values.line_height );
}
if ( ! this.isDefault( 'padding_top' ) ) {
this.addCssProperty( this.baseSelector, 'padding-top', _.fusionGetValueWithUnit( this.values.padding_top ) );
}
if ( ! this.isDefault( 'padding_right' ) ) {
this.addCssProperty( this.baseSelector, 'padding-right', _.fusionGetValueWithUnit( this.values.padding_right ) );
}
if ( ! this.isDefault( 'padding_bottom' ) ) {
this.addCssProperty( this.baseSelector, 'padding-bottom', _.fusionGetValueWithUnit( this.values.padding_bottom ) );
}
if ( ! this.isDefault( 'padding_left' ) ) {
this.addCssProperty( this.baseSelector, 'padding-left', _.fusionGetValueWithUnit( this.values.padding_left ) );
}
// If we have an icon and divider and changed either font or padding we need to calculate new spacing.
if ( '' !== this.values.icon && 'yes' === this.values.icon_divider && ( ! this.isDefault( 'padding_' + this.values.icon_position ) || ! this.isDefault( 'font_size' ) ) ) {
side_padding = ! this.isDefault( 'padding_' + this.values.icon_position ) ? this.values[ 'padding_' + this.values.icon_position ] : this.extras[ 'padding_' + this.values.icon_position ];
font_size = ! this.isDefault( 'font_size' ) ? this.values.font_size : this.extras.button_font_size;
this.addCssProperty( this.baseSelector + ' .fusion-button-text-' + this.values.icon_position, 'padding-' + this.values.icon_position, 'calc( ' + side_padding + ' / 2 + ' + font_size + ' + 1px )' );
this.addCssProperty( this.baseSelector + ' .button-icon-divider-' + this.values.icon_position, 'width', 'calc( ' + side_padding + ' + ' + font_size + ' )' );
}
}
if ( ! this.isDefault( 'letter_spacing' ) ) {
this.addCssProperty( this.baseSelector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.letter_spacing ) );
}
text_styles = _.fusionGetFontStyle( 'button_font', this.values, 'object' );
jQuery.each( text_styles, function( rule, value ) {
self.addCssProperty( self.baseSelector, rule, value );
} );
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
Back to Directory
File Manager