Viewing File: /home/fshjisk/mimikoparis/wp-content/plugins/fusion-builder/front-end/fusion-frontend-combined.js
/* global FusionPageBuilderApp, FusionPageBuilder, FusionPageBuilderElements */
/* eslint no-unused-vars: 0 */
( function() {
// Insert shortcode into post editor
window.fusionBuilderInsertIntoEditor = function( shortcode, editorID ) { // jshint ignore:line
var editorArea,
editor;
if ( 'tinymce' === window.SCmoduleContentEditorMode && ( '' === editorID || 'undefined' === typeof editorID ) ) {
if ( 'undefined' !== typeof window.tinyMCE ) {
// Set active editor
editor = FusionPageBuilderApp.shortcodeGeneratorActiveEditor;
editor.focus();
if ( 'excerpt' === editor.id ) {
FusionPageBuilderApp.fromExcerpt = true;
}
// Insert shortcode
window.tinyMCE.activeEditor.execCommand( 'mceInsertContent', false, shortcode );
window.tinyMCE.activeEditor.execCommand( 'mceCleanup', false );
}
} else {
if ( null === editorID || '' === editorID || 'undefined' === typeof editorID ) {
editorArea = jQuery( window.editorArea );
} else {
editorArea = jQuery( '#' + editorID );
}
if ( 'excerpt' === editorArea.attr( 'id' ) ) {
FusionPageBuilderApp.fromExcerpt = true;
}
if ( 'undefined' === typeof window.cursorPosition ) {
if ( 0 === editorArea.getCursorPosition() ) {
editorArea.val( shortcode + editorArea.val() );
} else if ( editorArea.val().length === editorArea.getCursorPosition() ) {
editorArea.val( editorArea.val() + shortcode );
} else {
editorArea.val( editorArea.val().slice( 0, editorArea.getCursorPosition() ) + shortcode + editorArea.val().slice( editorArea.getCursorPosition() ) );
}
} else {
editorArea.val( [ editorArea.val().slice( 0, window.cursorPosition ), shortcode, editorArea.val().slice( window.cursorPosition ) ].join( '' ) );
}
editorArea.trigger( 'change' );
}
if ( false === FusionPageBuilderApp.manuallyAdded ) {
FusionPageBuilderApp.shortcodeGeneratorActiveEditor = '';
}
};
}( jQuery ) );
function openShortcodeGenerator( trigger ) { // jshint ignore:line
// Get editor id from event.trigger. parent.parent
var view,
viewSettings,
editorArea,
editorCid;
if ( 'object' === typeof trigger && 'undefined' !== typeof trigger[ 0 ].$el ) {
trigger = trigger[ 0 ].$el;
}
editorArea = '#' + trigger.parent().parent().find( '.wp-editor-area' ).attr( 'id' );
editorCid = trigger.closest( '.fusion-builder-module-settings' ).attr( 'data-element-cid' );
window.cursorPosition = 0;
window.editorArea = editorArea;
// Set shortcode generator flag
FusionPageBuilderApp.shortcodeGenerator = true;
// Get active editor mode
if ( FusionPageBuilderApp.isTinyMceActive() ) {
window.SCmoduleContentEditorMode = 'tinymce';
} else {
window.SCmoduleContentEditorMode = 'html';
}
// Get current cursor position ( for html editor )
if ( 'tinymce' !== window.SCmoduleContentEditorMode ) {
window.cursorPosition = jQuery( editorArea ).getCursorPosition();
}
viewSettings = {
collection: FusionPageBuilderElements,
view: this,
targetCid: editorCid
},
view = new FusionPageBuilder.GeneratorElementsView( viewSettings );
jQuery( view.render().el ).dialog( {
title: 'Select Element',
draggable: false,
modal: true,
resizable: false,
dialogClass: 'fusion-builder-dialog fusion-builder-large-library-dialog fusion-builder-element-library-dialog',
open: function( event, ui ) { // jshint ignore: line
window.FusionApp.dialog.resizeDialog();
},
close: function( event, ui ) { // jshint ignore: line
view.remove();
}
} );
}
// Helper function to check the cursor position of text editor content field before the shortcode generator is opened
( function() {
jQuery.fn.getCursorPosition = function() {
var el = jQuery( this ).get( 0 ),
pos = 0,
Sel,
SelLength;
if ( 'selectionStart' in el ) {
pos = el.selectionStart;
} else if ( 'selection' in document ) {
el.focus();
Sel = document.selection.createRange();
SelLength = document.selection.createRange().text.length;
Sel.moveStart( 'character', -el.value.length );
pos = Sel.text.length - SelLength;
}
return pos;
};
}( jQuery ) );
;/* global FusionPageBuilderApp, FusionApp, fusionBuilderText, FusionEvents */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
// Builder Builder History
FusionPageBuilder.BuilderHistory = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-front-end-history' ).html() ),
className: 'fusion-builder-history-list submenu-trigger-target',
tagName: 'ul',
/**
* Init.
*
* @since 2.0.0
* @param {Object} data - The data.
* @return {void}
*/
initialize: function() {
var data = FusionApp.data;
this.fusionCommands = new Array( '[]' );
this.fusionCommandsStates = new Array( '[]' ); // History states
this.maxSteps = 25; // Maximum steps allowed/saved
this.currStep = 1; // Current Index of step
this.allElements = data.postDetails.post_content;
this.fusionHistoryState = '';
this.tracking = 'on';
this.trackingPaused = 'off';
this.unsavedStep = 1; // Unsaved steps.
// Set initial history step
this.fusionCommands[ this.currStep ] = { allElements: data.postDetails.post_content };
this.fusionCommandsStates[ this.currStep ] = fusionBuilderText.empty;
this.listenTo( FusionEvents, 'fusion-history-pause-tracking', this.pauseTracking );
this.listenTo( FusionEvents, 'fusion-history-resume-tracking', this.resumeTracking );
this.listenTo( FusionEvents, 'fusion-history-save-step', this.saveHistoryStep );
this.listenTo( FusionEvents, 'fusion-history-turn-on-tracking', this.turnOnTracking );
this.listenTo( FusionEvents, 'fusion-history-turn-off-tracking', this.turnOffTracking );
this.listenTo( FusionEvents, 'fusion-history-go-to-step', this.historyStep );
this.listenTo( FusionEvents, 'fusion-history-clear', this.clearEditor );
this.listenTo( FusionEvents, 'fusion-history-capture-editor', this.captureEditor );
this.listenTo( FusionEvents, 'fusion-history-undo', this.doUndo );
this.listenTo( FusionEvents, 'fusion-history-redo', this.doRedo );
this.listenTo( FusionEvents, 'fusion-app-saved', this.clearEditor );
this.listenTo( FusionEvents, 'fusion-builder-reset', this.resetStates );
this.listenTo( FusionEvents, 'fusion-element-removed', this.resetStates );
},
resetStates: function( cid ) {
var self = this;
if ( 'object' === typeof this.fusionCommands ) {
_.each( this.fusionCommands, function( state, index ) {
if ( 'undefined' === typeof cid || ! cid || ( 'param' === state.type && 'undefined' !== typeof state.cid && cid === state.cid ) ) {
self.fusionCommands[ index ] = { allElements: state.allElements };
}
} );
}
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this;
this.$el.html( this.template( { steps: this.fusionCommandsStates, currentStep: this.currStep } ) );
this.$el.attr( 'aria-expanded', false );
this.$el.find( 'li' ).on( 'click', function( event ) {
if ( event ) {
event.preventDefault();
}
self.historyStep( event );
} );
this.updateUI();
return this;
},
/**
* Saves a step in the history.
*
* @since 2.0.0
* @param {string} text - The text to be displayed in the history log.
* @return {void}
*/
saveHistoryStep: function( text, state ) {
this.fusionHistoryState = text;
this.turnOnTracking();
this.captureEditor( state );
this.turnOffTracking();
},
/**
* Captures the editor (used in front-end.js)
*
* @since 2.0.0
* @return {void}
*/
captureEditor: function( state ) {
if ( 'object' !== typeof state ) {
state = {};
}
if ( 'undefined' === typeof FusionPageBuilderApp ) {
return;
}
FusionPageBuilderApp.builderToShortcodes();
if ( this.isTrackingOn() && ! this.isTrackingPaused() ) {
// If reached limit
if ( this.currStep == this.maxSteps ) {
// Remove first index
this.fusionCommands.shift();
this.fusionCommandsStates.shift();
} else {
// Else increment index
this.currStep += 1;
this.unsavedStep += 1;
}
// If we are not at the end of the states, we need to wipe those ahead.
if ( this.currStep !== this.fusionCommands.length ) {
this.fusionCommandsStates.length = this.currStep;
this.fusionCommands.length = this.currStep;
}
// Get content
this.allElements = FusionApp.data.postDetails.post_content;
// Add all elements as fallback method.
state.allElements = this.allElements;
// Add editor data to Array
this.fusionCommands[ this.currStep ] = state;
// Add history state
this.fusionCommandsStates[ this.currStep ] = this.fusionHistoryState;
FusionApp.contentChange( 'page', 'builder-content' );
// Update buttons
this.fusionHistoryState = '';
this.render();
}
},
/**
* Turn history tracking ON.
*
* @since 2.0.0
* @return {void}
*/
turnOnTracking: function() {
this.tracking = 'on';
},
/**
* Turn history tracking OFF.
*
* @since 2.0.0
* @return {void}
*/
turnOffTracking: function() {
this.tracking = 'off';
},
/**
* Turn history tracking ON.
*
* @since 2.0.0
* @return {void}
*/
pauseTracking: function() {
this.trackingPaused = 'on';
},
/**
* Turn history tracking OFF.
*
* @since 2.0.0
* @return {void}
*/
resumeTracking: function() {
this.trackingPaused = 'off';
},
canApplyStep: function( historyStep ) {
if ( 'object' !== typeof historyStep || 'undefined' === typeof historyStep.type ) {
return false;
}
if ( 'param' === historyStep.type || 'price-param' === historyStep.type || 'pricefooter-param' === historyStep.type || 'pricefeatures-param' === historyStep.type ) {
return true;
}
return false;
},
canApplySteps: function( stepIndex ) {
var self = this,
redo = stepIndex < this.currStep ? false : true,
steps = [],
canApply = true;
if ( ! redo ) {
steps = this.fusionCommands.slice( stepIndex + 1, this.currStep + 1 );
} else {
steps = this.fusionCommands.slice( this.currStep + 1, stepIndex + 1 );
}
_.each( steps, function( step ) {
if ( ! self.canApplyStep( step ) ) {
canApply = false;
}
} );
return canApply;
},
applySteps: function( stepIndex ) {
var self = this,
redo = stepIndex < this.currStep ? false : true,
steps = [];
if ( ! redo ) {
steps = this.fusionCommands.slice( stepIndex + 1, this.currStep + 1 ).reverse();
} else {
steps = this.fusionCommands.slice( this.currStep + 1, stepIndex + 1 );
}
_.each( steps, function( step ) {
self.applyStep( step, redo );
} );
},
applyStep: function( historyStep, redo ) {
var elementView,
params, // eslint-disable-line no-unused-vars
columnView;
redo = 'undefined' === typeof redo ? false : redo;
switch ( historyStep.type ) {
case 'param':
elementView = window.FusionPageBuilderViewManager.getView( historyStep.cid );
if ( elementView ) {
params = elementView.model.get( 'params' ); // eslint-disable-line no-unused-vars
// If undo, set new value to step so redo can use it.
if ( ! redo ) {
elementView.historyUpdateParam( historyStep.param, historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed', historyStep.param, historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, historyStep.param, historyStep.oldValue );
} else {
elementView.historyUpdateParam( historyStep.param, historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed', historyStep.param, historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, historyStep.param, historyStep.newValue );
}
}
break;
case 'price-param':
elementView = window.FusionPageBuilderViewManager.getView( historyStep.cid );
if ( elementView ) {
// If undo, set new value to step so redo can use it.
if ( ! redo ) {
elementView.updatePricingTablePrice( historyStep.param, historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed', historyStep.param, historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, historyStep.param, historyStep.oldValue );
} else {
elementView.updatePricingTablePrice( historyStep.param, historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed', historyStep.param, historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, historyStep.param, historyStep.newValue );
}
}
break;
case 'pricefooter-param':
elementView = window.FusionPageBuilderViewManager.getView( historyStep.cid );
if ( elementView ) {
// If undo, set new value to step so redo can use it.
if ( ! redo ) {
elementView.updatePricingTableFooter( historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed', 'footer_content', historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, 'footer_content', historyStep.oldValue );
} else {
elementView.updatePricingTableFooter( historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed', 'footer_content', historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, 'footer_content', historyStep.newValue );
}
}
break;
case 'pricefeatures-param':
elementView = window.FusionPageBuilderViewManager.getView( historyStep.cid );
if ( elementView ) {
// If undo, set new value to step so redo can use it.
if ( ! redo ) {
elementView.updatePricingTableFeatures( historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed', 'footer_content', historyStep.oldValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, 'feature_rows', historyStep.oldValue );
} else {
elementView.updatePricingTableFeatures( historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed', 'footer_content', historyStep.newValue );
FusionEvents.trigger( 'fusion-param-changed-' + historyStep.cid, 'feature_rows', historyStep.newValue );
}
}
break;
case 'add-element':
if ( redo ) {
FusionPageBuilderApp.collection.add( historyStep.model );
} else {
elementView = window.FusionPageBuilderViewManager.getView( historyStep.model.cid );
if ( elementView ) {
elementView.removeElement();
}
}
break;
case 'remove-element':
if ( redo ) {
elementView = window.FusionPageBuilderViewManager.getView( historyStep.model.cid );
if ( elementView ) {
elementView.removeElement();
}
} else {
FusionPageBuilderApp.collection.add( historyStep.model );
}
break;
case 'move-element':
elementView = window.FusionPageBuilderViewManager.getView( historyStep.cid );
// Need to ignore itself.
elementView.$el.addClass( 'ignore-me' );
if ( redo ) {
columnView = window.FusionPageBuilderViewManager.getView( historyStep.newParent );
if ( elementView && columnView ) {
columnView.$el.find( '.fusion-builder-column-content' ).first().find( '> span, > div' ).not( '.ignore-me' ).eq( ( historyStep.newIndex - 1 ) ).after( elementView.$el );
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, historyStep.newIndex, historyStep.newParent );
}
} else {
columnView = window.FusionPageBuilderViewManager.getView( historyStep.oldParent );
if ( elementView && columnView ) {
columnView.$el.find( '.fusion-builder-column-content' ).first().find( '> span, > div' ).not( '.ignore-me' ).eq( ( historyStep.oldIndex - 1 ) ).after( elementView.$el );
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, historyStep.oldIndex, historyStep.oldParent );
}
}
elementView.$el.removeClass( 'ignore-me' );
break;
}
},
updateActiveStyling: function() {
FusionApp.builderToolbarView.$el.find( '.fusion-builder-history-list li' ).removeClass( 'fusion-history-active-state' );
FusionApp.builderToolbarView.$el.find( '.fusion-builder-history-list' ).find( '[data-state-id="' + this.currStep + '"]' ).addClass( 'fusion-history-active-state' );
},
fullContentReplace: function( data ) {
this.resetStates();
FusionPageBuilderApp.clearBuilderLayout();
FusionPageBuilderApp.$el.find( '.fusion_builder_container' ).remove();
// Try to make the shortcode if the content does not contain them.
data = FusionPageBuilderApp.validateContent( data );
// Reset models with new elements
FusionPageBuilderApp.createBuilderLayout( data );
},
/**
* Undo last step in history.
* Saves the undone step so that we may redo later if needed.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
doUndo: function( event ) {
var undoData,
historyStep = {};
if ( event ) {
event.preventDefault();
}
// Turn off tracking first, so these actions are not captured
if ( this.hasUndo() ) { // If no data or end of stack and nothing to undo
// Close opened nested cols to make sure UI works after history change.
this.closeNestedCols();
this.turnOffTracking();
// Data to undo
historyStep = this.fusionCommands[ this.currStep ];
if ( this.canApplyStep( historyStep ) ) {
this.applyStep( historyStep, false );
this.currStep -= 1;
} else {
this.currStep -= 1;
historyStep = this.fusionCommands[ this.currStep ];
undoData = 'object' === typeof historyStep ? historyStep.allElements : false;
if ( undoData && '[]' !== undoData ) {
this.fullContentReplace( undoData );
}
}
this.updateActiveStyling();
}
},
/**
* Redo last step.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
doRedo: function( event ) {
var redoData;
if ( event ) {
event.preventDefault();
}
if ( this.hasRedo() ) { // If not at end and nothing to redo
// Close opened nested cols to make sure UI works after history change.
this.closeNestedCols();
// Turn off tracking, so these actions are not tracked
this.turnOffTracking();
// Move index
this.currStep += 1;
window.historyStep = this.fusionCommands[ this.currStep ];
redoData = 'object' === typeof window.historyStep ? window.historyStep.allElements : false;
if ( this.canApplyStep( window.historyStep ) ) {
this.applyStep( window.historyStep, true );
} else if ( redoData && '[]' !== redoData ) {
this.fullContentReplace( redoData );
}
this.updateActiveStyling();
}
},
/**
* Go to a step.
*
* @since 2.0.0
* @param {string|number} step - The step.
* @param {Object} event - The event.
* @return {void}
*/
historyStep: function( event ) {
var step,
stepData;
if ( event ) {
event.preventDefault();
}
// Close opened nested cols to make sure UI works after history change.
this.closeNestedCols();
step = jQuery( event.currentTarget ).data( 'state-id' );
// Turn off tracking, so these actions are not tracked
this.turnOffTracking();
if ( this.canApplySteps( step ) ) {
this.applySteps( step );
this.currStep = step;
} else {
this.currStep = step;
stepData = 'object' === typeof this.fusionCommands[ this.currStep ] ? this.fusionCommands[ this.currStep ].allElements : false;
if ( stepData && '[]' !== stepData ) {
this.fullContentReplace( stepData );
}
}
this.updateActiveStyling();
},
/**
* Are we currently tracking history?
*
* @since 2.0.0
* @return {boolean}
*/
isTrackingOn: function() {
return 'on' === this.tracking;
},
/**
* Is tracking paused currently?
*
* @since 2.0.0
* @return {boolean}
*/
isTrackingPaused: function() {
return 'on' === this.trackingPaused;
},
/**
* Log commands in the console as JSON.
*
* @since 2.0.0
* @return {void}
*/
logStacks: function() {
console.log( JSON.parse( this.fusionCommands ) );
},
/**
* Clear the editor.
*
* @since 2.0.0
* @return {void}
*/
clearEditor: function() {
this.fusionCommands = new Array( '[]' );
this.fusionCommandsStates = new Array( '[]' );
this.currStep = 1;
this.unsavedStep = 1;
this.fusionHistoryState = '';
this.fusionCommands[ this.currStep ] = { allElements: FusionApp.data.postDetails.post_content };
this.fusionCommandsStates[ this.currStep ] = fusionBuilderText.empty;
this.render();
},
/**
* Do we have an undo? Checks if the current step is the 1st one.
*
* @since 2.0.0
* @return {boolean}
*/
hasUndo: function() {
return 1 !== this.currStep;
},
/**
* Do we have a redo? Checks if a step greater than current one exists.
*
* @since 2.0.0
* @return {boolean}
*/
hasRedo: function() {
return this.currStep < ( this.fusionCommands.length - 1 );
},
/**
* Get the array of steps/fusionCommands.
*
* @since 2.0.0
* @return {Array}
*/
getCommands: function() {
return this.fusionCommands;
},
/**
* Update the undo/redo/history buttons.
*
* @since 2.0.0
* @return {void}
*/
updateUI: function() {
if ( 1 < this.unsavedStep ) {
FusionApp.builderToolbarView.$el.find( '#fusion-builder-toolbar-history-menu' ).attr( 'data-has-unsaved', true );
} else {
FusionApp.builderToolbarView.$el.find( '#fusion-builder-toolbar-history-menu' ).attr( 'data-has-unsaved', false );
}
this.updateActiveStyling();
},
/**
* Close nested cols.
*
* @since 2.2
* @return {void}
*/
closeNestedCols: function() {
var activeNestedCols = FusionPageBuilderApp.$el.find( '.fusion-nested-columns.editing' );
if ( activeNestedCols.length ) {
activeNestedCols.find( '.fusion-builder-cancel-row' ).trigger( 'click' );
}
}
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, fusionAppConfig, FusionApp, FusionEvents, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
// Builder Toolbar
FusionPageBuilder.BuilderToolbar = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-front-end-toolbar' ).html() ),
className: 'fusion-toolbar-nav fb',
tagName: 'ul',
events: {
'click .fusion-builder-clear-layout': 'clearLayout',
'click .fusion-builder-open-library': 'openLibrary',
'click .fusion-builder-save-template': 'openLibrary',
'click #fusion-builder-toolbar-new-post .add-new': 'newPost',
'click .fusion-builder-preferences': 'openPreferences',
'click #fusion-builder-toolbar-history-menu': 'preventDefault',
'click .fusion-preview-only-link': 'generatePreview'
},
initialize: function() {
this.builderHistory = new FusionPageBuilder.BuilderHistory();
this.listenTo( FusionEvents, 'fusion-post_title-changed', this.updatePreviewTitle );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
this.$el.html( this.template() );
this.$el.find( '.fusion-builder-history-container' ).append( this.builderHistory.render().el );
this.delegateEvents();
return this;
},
/**
* Make sure all the unsaved content is set like on frame refresh, then open page.
*
* @since 2.0.0
* @param {Object} event - The JS event.
* @return {Object} this
*/
generatePreview: function( event ) {
var $element = jQuery( event.currentTarget );
if ( 'undefined' !== typeof event ) {
event.preventDefault();
event.stopPropagation();
}
if ( $element.attr( 'data-disabled' ) ) {
return;
}
$element.attr( 'data-disabled', true );
// Avada Builder
if ( 'undefined' !== typeof FusionPageBuilderApp ) {
FusionPageBuilderApp.builderToShortcodes();
}
// Fusion Panel
if ( this.sidebarView ) {
this.setGoogleFonts();
}
FusionApp.formPost( FusionApp.getAjaxData( 'fusion_app_preview_only' ), false, '_blank' );
$element.removeAttr( 'data-disabled' );
},
/**
* Opens the library.
* Calls the LibraryView and then renders it.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
openLibrary: function( event ) {
var view,
libraryModel = {
target: jQuery( event.currentTarget ).data( 'target' ),
focus: jQuery( event.currentTarget ).data( 'focus' )
},
viewSettings = {
model: libraryModel
};
if ( 'undefined' !== typeof event ) {
event.preventDefault();
event.stopPropagation();
}
if ( jQuery( '.fusion-builder-dialog' ).length && jQuery( '.fusion-builder-dialog' ).is( ':visible' ) ) {
FusionApp.multipleDialogsNotice();
return;
}
view = new FusionPageBuilder.LibraryView( viewSettings );
view.render();
},
/**
* Clears the layout.
* Calls FusionPageBuilderApp.clearLayout
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
clearLayout: function( event ) {
if ( event ) {
event.preventDefault();
}
FusionApp.confirmationPopup( {
title: fusionBuilderText.are_you_sure,
content: fusionBuilderText.are_you_sure_you_want_to_delete_this_layout,
actions: [
{
label: fusionBuilderText.cancel,
classes: 'cancel',
callback: function() {
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
},
{
label: fusionBuilderText.remove,
classes: 'delete-layout',
callback: function() {
// Close dialogs.
if ( jQuery( '.ui-dialog-content' ).length ) {
jQuery( '.ui-dialog-content' ).dialog( 'close' );
}
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.layout_cleared );
FusionPageBuilderApp.clearLayout( event );
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
}
]
} );
},
/**
* Create a new draft of specific post type.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
newPost: function( event ) {
var postType = jQuery( event.currentTarget ).data( 'post-type' );
if ( event ) {
event.preventDefault();
}
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_create_post',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_type: postType
}
} )
.done( function( response ) {
FusionApp.checkLink( event, response.permalink );
} );
},
/**
* Renders the FusionPageBuilder.PreferencesView view.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
openPreferences: function( event ) {
var view;
if ( 'undefined' !== typeof event ) {
event.preventDefault();
event.stopPropagation();
}
if ( jQuery( '.fusion-builder-dialog' ).length && jQuery( '.fusion-builder-dialog' ).is( ':visible' ) ) {
FusionApp.multipleDialogsNotice();
return;
}
view = new FusionPageBuilder.PreferencesView();
view.render();
},
/**
* Prevents default action.
*
* @param {Object} event - The event.
* @return {void}
*/
preventDefault: function( event ) {
event.preventDefault();
},
/**
* Updates the text for the title of the page.
*
* @return {void}
*/
updatePreviewTitle: function() {
this.$el.find( '.fusion-preview-only-link strong' ).html( FusionApp.getPost( 'post_title' ) );
}
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
// Builder element model
FusionPageBuilder.Element = Backbone.Model.extend( {
defaults: {
type: 'element'
}
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.ExtraShortcodes = Backbone.Model.extend( {
defaults: {
elementCount: 0,
shortcodes: {}
},
addData: function( content ) {
var self = this,
shortcodes = self.get( 'shortcodes' ),
elementCount = self.get( 'elementCount' );
_.each( content, function( shortcode ) {
shortcode.id = elementCount;
shortcode.matcher = self.convert( shortcode.shortcode );
shortcodes[ elementCount ] = shortcode;
elementCount++;
} );
this.set( { elementCount: elementCount } );
this.set( { shortcodes: shortcodes } );
},
addShortcode: function( shortcode, output, tag ) {
var self = this,
shortcodes = self.get( 'shortcodes' ),
elementCount = self.get( 'elementCount' ),
originalCount = self.get( 'elementCount' );
shortcodes[ elementCount ] = {
shortcode: shortcode,
output: output,
matcher: self.convert( shortcode ),
id: elementCount,
tag: tag
};
elementCount++;
this.set( { elementCount: elementCount } );
this.set( { shortcodes: shortcodes } );
return originalCount;
},
byId: function( id ) {
var shortcodes = this.get( 'shortcodes' );
return shortcodes[ id ];
},
byShortcode: function( content ) {
var shortcodes = this.get( 'shortcodes' ),
$matches = _.findWhere( shortcodes, { shortcode: content } );
if ( 'undefined' === typeof $matches ) {
content = this.convert( content );
$matches = _.findWhere( shortcodes, { matcher: content } );
}
return $matches;
},
byOutput: function( content ) {
var shortcodes = this.get( 'shortcodes' );
return _.findWhere( shortcodes, { ouput: content } );
},
getAll: function() {
return this.get( 'shortcodes' );
},
convert: function( content ) {
// Clean up any parts which can be ignored for sake of matching.
content = content.replace( / /g, '' );
content = content.replace( /\r?\n|\r/g, '' );
content = content.replace( /(<p[^>]+?>|<p>|<\/p>)/g, '' );
content = content.replace( /(<br[^>]+?>|<br>|<\/br>)/g, '' );
content = content.replace( /\[fusion_text\]\[\/fusion_text\]/g, '' );
return content.trim();
}
} );
}( jQuery ) );
;/* global FusionEvents, FusionApp, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.DynamicValues = Backbone.Model.extend( {
defaults: {
values: {},
options: {},
orderedParams: false
},
getOrderedParams: function() {
var params = this.get( 'orderedParams' ),
options = this.getOptions();
if ( ! params ) {
params = {};
_.each( options, function( object, id ) {
var group,
groupText;
if ( 'object' !== typeof object ) {
return;
}
group = object.group;
groupText = group;
if ( 'string' !== typeof object.group ) {
group = 'other';
groupText = fusionBuilderText.other;
}
group = group.replace( /\s+/g, '_' ).toLowerCase();
if ( 'object' !== typeof params[ group ] ) {
params[ group ] = {
label: '',
params: {}
};
}
params[ group ].label = groupText;
params[ group ].params[ id ] = object;
} );
}
return params;
},
addData: function( data, options ) {
this.set( 'values', data );
this.set( 'options', options );
},
getOptions: function() {
var options = this.get( 'options' );
return jQuery.extend( true, {}, options );
},
getOption: function( param ) {
var options = this.getOptions();
return 'undefined' !== typeof options[ param ] ? options[ param ] : false;
},
getAll: function() {
var values = this.get( 'values' );
return jQuery.extend( true, {}, values );
},
getValue: function( args ) {
var values = this.getAll(),
id = args.data,
postId = FusionApp.getDynamicPost( 'post_id' ),
idValues = false,
match = false;
if ( 'undefined' !== typeof values[ postId ] ) {
idValues = 'object' === typeof values[ postId ][ id ] ? values[ postId ][ id ] : false;
}
// No initial match, fetch it.
if ( ! idValues ) {
return this.fetchValue( id, args );
}
// Check each value object with same ID.
match = this.findMatch( idValues, args );
// We found a matching object, then return its value.
if ( match ) {
return match.value;
}
// No match, fetch.
return this.fetchValue( id, args );
},
findMatch: function( idValues, args, idWanted ) {
var match = false;
idWanted = 'undefined' === typeof idWanted ? false : idWanted;
_.each( idValues, function( idValue, idCount ) {
var argsMatch = true;
// Already found a match, just return early.
if ( match ) {
return true;
}
// Value object has no args, then set match and return.
if ( 'undefined' === typeof idValue.args ) {
match = idWanted ? idCount : idValue;
return true;
}
// We do have args, check that each value matches.
if ( 'object' === typeof idValue.args ) {
_.each( idValue.args, function( argValue, argId ) {
if ( 'undefined' === typeof args[ argId ] || 'before' === argId || 'after' === argId || 'fallback' === argId ) {
return true;
}
if ( args[ argId ] !== argValue ) {
argsMatch = false;
}
} );
if ( argsMatch ) {
match = idWanted ? idCount : idValue;
}
}
} );
return match;
},
fetchValue: function( id, args ) {
var options = this.getOptions(),
param = 'object' === typeof options && 'object' === typeof options[ id ] ? options[ id ] : false,
callback = param && 'undefined' !== typeof param.callback ? param.callback : false,
callbackFunction = callback && 'string' === typeof callback[ 'function' ] ? callback[ 'function' ] : false,
callbackExists = callbackFunction && 'function' === typeof FusionApp.callback[ callbackFunction ] ? true : false,
callbackAjax = callbackExists && 'undefined' !== typeof callback.ajax ? callback.ajax : false,
dynamicPost,
value;
// If no callback found, use default ajax one.
if ( ! callbackExists ) {
callbackFunction = 'defaultDynamicCallback';
callbackAjax = true;
}
if ( ! param ) {
this.setValue( args, false );
return false;
}
// Return default (dummy) value if template post is set as target post.
dynamicPost = 'fusion_tb_section' === FusionApp.data.postDetails.post_type || 'post_cards' === FusionApp.data.template_category;
if ( true === FusionApp.data.is_singular && dynamicPost && -99 === FusionApp.getDynamicPost( 'post_id' ) && 'undefined' !== typeof param[ 'default' ] ) {
return param[ 'default' ];
}
// If ajax callback should be run when template is edited.
if ( true === FusionApp.data.is_singular && dynamicPost && 'undefined' !== typeof param.ajax_on_template && true === param.ajax_on_template ) {
return FusionApp.callback.defaultDynamicCallback( args );
}
if ( callbackAjax ) {
return FusionApp.callback[ callbackFunction ]( args );
}
value = FusionApp.callback[ callbackFunction ]( args );
this.setValue( args, value );
return value;
},
setValue: function( args, value ) {
var values = this.getAll(),
id = args.data,
postId = FusionApp.getDynamicPost( 'post_id' ),
existing = {},
matchId = false,
newData = {
args: jQuery.extend( true, {}, args ),
value: value
};
if ( 'object' !== typeof values[ postId ] ) {
values[ postId ] = [];
}
existing = jQuery.extend( true, {}, values[ postId ][ id ] );
if ( 'object' !== typeof values[ postId ][ id ] ) {
values[ postId ][ id ] = [];
} else if ( 'function' !== typeof values[ postId ][ id ].push ) {
values[ postId ][ id ] = [ existing[ 0 ] ];
}
matchId = this.findMatch( values[ postId ][ id ], args, true );
if ( ! matchId ) {
values[ postId ][ id ].push( newData );
} else {
values[ postId ][ id ][ matchId ] = newData;
}
this.set( 'values', values );
// ReRender the element. Perhaps via event using id.
FusionEvents.trigger( 'fusion-dynamic-data-value', id );
},
removeValue: function( id ) {
var values = this.getAll(),
postId = FusionApp.getDynamicPost( 'post_id' );
if ( 'object' === typeof values[ postId ][ id ] ) {
delete values[ postId ][ id ];
}
this.set( 'values', values );
}
} );
}( jQuery ) );
;/* global FusionEvents, FusionPageBuilderApp, fusionAllElements, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.DynamicParams = Backbone.Model.extend( {
defaults: {
params: {},
elementView: false,
listeners: []
},
initialize: function() {
this._historyPush = _.debounce( _.bind( this.historyPush, this ), 300 );
},
setData: function( data ) {
if ( 'object' === typeof data ) {
this.set( 'params', data );
this.setListeners();
}
},
getAll: function() {
var params = this.get( 'params' );
return jQuery.extend( true, {}, params );
},
setListeners: function() {
var params = this.getAll(),
self = this;
_.each( params, function( param ) {
var option = FusionPageBuilderApp.dynamicValues.getOption( param.data );
if ( option && 'object' === typeof option.listeners ) {
_.each( option.listeners, function( listenerData, listenerId ) {
self.setListener( listenerId, listenerData, param );
} );
}
} );
},
setListener: function( id, data, args ) {
var location = 'undefined' !== typeof data.location ? data.location : false,
self = this,
cid = this.cid,
listeners = this.get( 'listeners' );
if ( ! location ) {
return;
}
switch ( location ) {
case 'postDetails':
FusionEvents.on( 'fusion-' + id + '-changed', function() {
FusionPageBuilderApp.dynamicValues.removeValue( args.data );
self.getValueAndUpdate( args );
}, cid );
listeners.push( 'fusion-' + id + '-changed' );
self.set( 'listeners', listeners );
break;
case 'postMeta':
FusionEvents.on( 'fusion-po-' + id + '-changed', function() {
FusionPageBuilderApp.dynamicValues.removeValue( args.data );
self.getValueAndUpdate( args );
}, cid );
listeners.push( 'fusion-po-' + id + '-changed' );
self.set( 'listeners', listeners );
break;
}
},
hasDynamicParam: function( param ) {
var params = this.getAll();
if ( 'undefined' !== typeof params[ param ] ) {
return true;
}
return false;
},
getParamValue: function( data ) {
var value = FusionPageBuilderApp.dynamicValues.getValue( data ),
beforeString = 'string' === typeof data.before ? data.before : '',
afterString = 'string' === typeof data.after ? data.after : '',
fallback = 'undefined' !== typeof data.fallback ? data.fallback : false,
hasValue = 'undefined' !== typeof value && null !== value && false !== value && '' !== value,
elementView = this.get( 'elementView' );
if ( ! hasValue && fallback ) {
return fallback;
}
if ( ! hasValue ) {
return undefined;
}
if ( 'object' === typeof value && 'function' === typeof value.then ) {
value.then( function() {
elementView.reRender();
} );
return false;
} else if ( 'string' !== typeof value ) {
return value;
}
return beforeString + value + afterString;
},
addParam: function( param, data ) {
var self = this,
params = this.getAll(),
options = FusionPageBuilderApp.dynamicValues.getOptions(),
option = false;
if ( 'object' !== typeof data ) {
data = {
data: data
};
}
// // Set default values.
_.each( options[ data.data ].fields, function( field, key ) {
if ( 'undefined' === typeof data[ key ] ) {
if ( 'undefined' !== typeof field[ 'default' ] ) {
data[ key ] = field[ 'default' ];
} else if ( 'undefined' !== typeof field.value ) {
data[ key ] = field.value;
}
}
} );
params[ param ] = data;
option = FusionPageBuilderApp.dynamicValues.getOption( data.data );
if ( option && 'object' === typeof option.listeners ) {
_.each( option.listeners, function( listenerData, listenerId ) {
self.setListener( listenerId, listenerData, param );
} );
}
this.set( 'params', params );
this.saveData();
FusionEvents.trigger( 'fusion-dynamic-data-added', param );
this.getValueAndUpdate( params[ param ] );
},
updateParam: function( param, subParam, value ) {
var params = this.getAll();
if ( 'object' === typeof params[ param ] ) {
params[ param ][ subParam ] = value;
this.set( 'params', params );
FusionEvents.trigger( 'fusion-dynamic-data-updated', param );
this.saveData();
this.getValueAndUpdate( params[ param ] );
}
},
getValueAndUpdate: function( args ) {
var elementView = this.get( 'elementView' ),
valueReturn = FusionPageBuilderApp.dynamicValues.getValue( args, elementView );
if ( 'object' === typeof valueReturn && 'function' === typeof valueReturn.then ) {
elementView.addLoadingOverlay();
valueReturn.then(
function() {
elementView.reRender();
},
function() {
elementView.removeLoadingOverlay();
}
);
} else {
elementView.reRender();
}
},
updateListeners: function() {
var cid = this.cid;
_.each( this.get( 'listeners' ), function( listener ) {
FusionEvents.off( listener, null, cid );
} );
this.setListeners();
},
removeParam: function( param ) {
var params = this.getAll(),
elementView = this.get( 'elementView' );
delete params[ param ];
this.set( 'params', params );
this.updateListeners();
this.saveData();
elementView.reRender();
FusionEvents.trigger( 'fusion-dynamic-data-removed', param );
},
historyPush: function() {
var elementView = this.get( 'elementView' ),
elementMap = fusionAllElements[ elementView.model.get( 'element_type' ) ];
// TODO: refactor history.
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.edited + ' ' + elementMap.name + ' - ' + fusionBuilderText.dynamic_data );
},
saveData: function() {
var elementView = this.get( 'elementView' ),
elementParams = elementView.model.get( 'params' ),
originalValue = elementParams.dynamic_params;
elementParams.dynamic_params = FusionPageBuilderApp.base64Encode( JSON.stringify( this.getAll() ) );
elementView.model.set( 'params', elementParams );
// Make sure that parent is updated, usually done in base view changeParam.
if ( 'function' === typeof elementView.forceUpdateParent ) {
elementView.forceUpdateParent();
}
if ( originalValue !== elementParams.dynamic_params ) {
this._historyPush();
}
}
} );
}( jQuery ) );
;/* global FusionApp, FusionEvents */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.FormStyles = Backbone.Model.extend( {
initialize: function() {
this.baseSelector = '.fusion-form.fusion-form-form-wrapper';
this.dynamic_css = {};
this.formData = FusionApp.data.postMeta._fusion;
this.buildStyles();
this.listenTo( FusionEvents, 'fusion-form-styles', this.buildStyles );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.buildStyles );
this.listenTo( FusionEvents, 'fusion-preview-refreshed', this.updateFormData );
},
updateFormData: function() {
this.formData = FusionApp.data.postMeta._fusion;
},
addCssProperty: function ( selectors, property, value, important ) {
if ( 'object' === typeof selectors ) {
selectors = Object.values( selectors );
}
if ( 'object' === typeof selectors ) {
selectors = selectors.join( ',' );
}
if ( 'object' !== typeof this.dynamic_css[ selectors ] ) {
this.dynamic_css[ selectors ] = {};
}
if ( 'undefined' !== typeof important && important ) {
value += ' !important';
}
if ( 'undefined' === typeof this.dynamic_css[ selectors ][ property ] || ( 'undefined' !== typeof important && important ) || ! this.dynamic_css[ selectors ][ property ].includes( 'important' ) ) {
this.dynamic_css[ selectors ][ property ] = value;
}
},
isDefault: function( param, subset ) {
if ( 'string' === typeof subset ) {
return 'undefined' === typeof this.formData[ param ] || 'undefined' === typeof this.formData[ param ][ subset ] || '' === this.formData[ param ][ subset ];
}
return 'undefined' === typeof this.formData[ param ] || '' === this.formData[ param ];
},
parseCSS: function () {
var css = '';
if ( 'object' !== typeof this.dynamic_css ) {
return '';
}
_.each( this.dynamic_css, function ( properties, selector ) {
if ( 'object' === typeof properties ) {
css += selector + '{';
_.each( properties, function ( value, property ) {
css += property + ':' + value + ';';
} );
css += '}';
}
} );
return css;
},
buildStyles: function() {
var selectors,
css = '',
placeholderColor = '',
hoverColor = '',
borderTop,
borderBottom;
var textInputs = [
this.baseSelector + ' input[type="date"]',
this.baseSelector + ' input[type="datetime-local"]',
this.baseSelector + ' input[type="email"]',
this.baseSelector + ' input[type="month"]',
this.baseSelector + ' input[type="number"]',
this.baseSelector + ' input[type="password"]',
this.baseSelector + ' input[type="search"]',
this.baseSelector + ' input[type="tel"]',
this.baseSelector + ' input[type="text"]',
this.baseSelector + ' input[type="time"]',
this.baseSelector + ' input[type="url"]',
this.baseSelector + ' input[type="week"]',
this.baseSelector + ' input[type="datetime"]',
];
var uploadInput = this.baseSelector + ' input[type="upload"]';
var rangeInput = this.baseSelector + ' input[type="range"]';
var selectInput = this.baseSelector + ' select';
var textareaInput = this.baseSelector + ' textarea';
var customizableInputs = textInputs.concat( [ selectInput ], [ textareaInput ], [ uploadInput ] );
this.dynamic_css = {};
if ( 'fusion_form' !== FusionApp.getPost( 'post_type' ) ) {
return;
}
// Help tooltips.
this.addCssProperty( this.baseSelector + ' .fusion-form-tooltip .fusion-form-tooltip-content', 'color', this.formData['tooltip_text_color'], true);
this.addCssProperty( this.baseSelector + ' .fusion-form-tooltip .fusion-form-tooltip-content', 'background-color', this.formData['tooltip_background_color'], true);
this.addCssProperty( this.baseSelector + ' .fusion-form-tooltip .fusion-form-tooltip-content', 'border-color', this.formData['tooltip_background_color'], true);
// Field margin.
if (!this.isDefault('field_margin', 'top')) {
this.addCssProperty( this.baseSelector + ' .fusion-form-field', 'margin-top', this.formData['field_margin']['top']);
}
if (!this.isDefault('field_margin', 'bottom')) {
this.addCssProperty( this.baseSelector + ' .fusion-form-field', 'margin-bottom', this.formData['field_margin']['bottom']);
}
if (!this.isDefault('form_input_height')) {
heightInputs = textInputs.concat( [selectInput], [rangeInput] );
this.addCssProperty(heightInputs, 'height', this.formData['form_input_height']);
this.addCssProperty( this.baseSelector + ' .fusion-form-input-with-icon > i', 'line-height', this.formData['form_input_height']);
}
if (!this.isDefault('form_bg_color')) {
this.addCssProperty(customizableInputs, 'background-color', this.formData['form_bg_color']);
}
if ( !this.isDefault( 'form_font_size' ) ) {
this.addCssProperty( customizableInputs, 'font-size', this.formData.form_font_size );
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-input-with-icon>i', 'font-size', this.formData.form_font_size );
}
if ( '' !== this.formData.form_placeholder_color ) {
placeholderColor = this.formData.form_placeholder_color;
} else if ( ! this.isDefault( 'form_text_color' ) ) {
placeholderColor = jQuery.AWB_Color( this.formData.form_text_color ).alpha( 0.5 ).toRgbaString();
}
if ( placeholderColor ) {
// Regular browser placeholders.
selectors = [ this.baseSelector + ' input::placeholder', this.baseSelector + ' textarea::placeholder', this.baseSelector + ' textarea::placeholder', this.baseSelector + ' select:invalid' ];
this.addCssProperty(selectors, 'color', placeholderColor);
}
if (!this.isDefault('form_text_color')) {
// Select field.
this.addCssProperty( this.baseSelector + ' option', 'color', this.formData['form_text_color']);
// Upload field.
this.addCssProperty( this.baseSelector + ' input.fusion-form-upload-field::placeholder', 'color', this.formData['form_text_color']);
// Icon color.
this.addCssProperty( this.baseSelector + ' .fusion-form-input-with-icon > i', 'color', this.formData['form_text_color'], true);
// Input text color.
this.addCssProperty(customizableInputs, 'color', this.formData['form_text_color']);
// Select stroke color.
this.addCssProperty( this.baseSelector + ' .fusion-select-wrapper .select-arrow path', 'stroke', this.formData['form_text_color'], true );
}
if ( !this.isDefault( 'form_label_color' ) ) {
this.addCssProperty( this.baseSelector + ' label, ' + this.baseSelector + ' .label, ' + this.baseSelector + ' .fusion-form-tooltip > i', 'color', this.formData.form_label_color );
}
if (!this.isDefault('form_border_width', 'top')) {
this.addCssProperty(customizableInputs, 'border-top-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['top'], 'px'));
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-image-select label', 'border-top-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['top'], 'px'));
}
if (!this.isDefault('form_border_width', 'bottom')) {
this.addCssProperty(customizableInputs, 'border-bottom-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['bottom'], 'px'));
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-image-select label', 'border-bottom-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['bottom'], 'px'));
}
if (!this.isDefault('form_border_width', 'right')) {
this.addCssProperty(customizableInputs, 'border-right-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['right'], 'px'));
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-image-select label', 'border-right-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['right'], 'px'));
if (jQuery( 'body' ).hasClass( 'rtl' )) {
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-input-with-icon > i', 'right', 'calc( 1em + ' + _.fusionGetValueWithUnit( this.formData['form_border_width']['right'], 'px') + ')', true);
}
else {
this.addCssProperty( this.baseSelector + ' .fusion-select-wrapper .select-arrow', 'right', 'calc( 1em + ' + _.fusionGetValueWithUnit( this.formData['form_border_width']['right'], 'px') + ')', true);
}
}
if (!this.isDefault('form_border_width', 'left')) {
this.addCssProperty(customizableInputs, 'border-left-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['left'], 'px'));
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-image-select label', 'border-left-width', _.fusionGetValueWithUnit( this.formData['form_border_width']['left'], 'px'));
if (jQuery( 'body' ).hasClass( 'rtl' )) {
this.addCssProperty( this.baseSelector + ' .fusion-select-wrapper .select-arrow', 'left', 'calc( 1em + ' + _.fusionGetValueWithUnit( this.formData['form_border_width']['left'], 'px') + ')', true);
}
else {
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-input-with-icon > i', 'left', 'calc( 1em + ' + _.fusionGetValueWithUnit( this.formData['form_border_width']['left'], 'px') + ')', true);
}
}
if (!this.isDefault('form_border_width', 'bottom') || !this.isDefault('form_border_width', 'top')) {
borderTop = this.isDefault('form_border_width', 'top') ? 'var(--form_border_width-top)' : _.fusionGetValueWithUnit( this.formData['form_border_width']['top'], 'px');
borderBottom = this.isDefault('form_border_width', 'bottom') ? 'var(--form_border_width-bottom)' : _.fusionGetValueWithUnit( this.formData['form_border_width']['bottom'], 'px');
formFontSize = this.isDefault( 'form_font_size' ) ? '1em' : this.formData.form_font_size;
this.addCssProperty( this.baseSelector + ' .fusion-form-field:not( .fusion-form-upload-field ) .fusion-form-input-with-icon > i', 'top', 'calc( 50% + (' + borderTop + ' - ' + borderBottom + ' ) / 2 )', true );
this.addCssProperty( this.baseSelector + ' .fusion-form-field.fusion-form-textarea-field .fusion-form-input-with-icon > i', 'top', 'calc( ' + borderTop + ' + ' + formFontSize + ' )', true );
}
if (!this.isDefault('form_border_color')) {
selectors = [ this.baseSelector + ' .fusion-form-field .fusion-form-checkbox label:before', this.baseSelector + ' .fusion-form-field .fusion-form-radio label:before', this.baseSelector + ' .fusion-form-field .fusion-form-image-select label' ];
this.addCssProperty(customizableInputs, 'border-color', this.formData['form_border_color']);
this.addCssProperty(selectors, 'border-color', this.formData['form_border_color']);
selectors = [ this.baseSelector + ' .fusion-form-field .fusion-form-rating-area .fusion-form-rating-icon' ];
this.addCssProperty(selectors, 'color', this.formData['form_border_color']);
// Range input type.
this.addCssProperty( this.baseSelector + ' .fusion-form-field input[type=range]::-webkit-slider-runnable-track', 'background', this.formData['form_border_color']);
this.addCssProperty( this.baseSelector + ' .fusion-form-field input[type=range]::-moz-range-track', 'background', this.formData['form_border_color']);
}
if (!this.isDefault('form_focus_border_color')) {
hoverColor = jQuery.AWB_Color( this.formData.form_focus_border_color ).alpha( 0.5 ).toRgbaString();
selectors = [
this.baseSelector + ' input:not([type="submit"]):focus',
this.baseSelector + ' select:focus',
this.baseSelector + ' textarea:focus',
this.baseSelector + ' .fusion-form-field.focused.fusion-form-upload-field .fusion-form-upload-field',
this.baseSelector + ' .fusion-form-field .fusion-form-radio input:checked + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-radio input:hover + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-checkbox input:checked + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-checkbox input:hover + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-image-select .fusion-form-input:checked + label',
this.baseSelector + ' .fusion-form-field .fusion-form-image-select .fusion-form-input:hover + label',
this.baseSelector + ' .fusion-form-field .fusion-form-checkbox input:focus + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-radio input:focus + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-image-select .fusion-form-input:focus + label',
];
this.addCssProperty(selectors, 'border-color', this.formData['form_focus_border_color']);
selectors = [
this.baseSelector + ' .fusion-form-field .fusion-form-radio input:hover:not(:checked) + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-checkbox input:hover:not(:checked) + label:before',
this.baseSelector + ' .fusion-form-field .fusion-form-image-select .fusion-form-input:hover:not(:checked) + label',
this.baseSelector + ' .fusion-form-field .fusion-form-upload-field-container:hover .fusion-form-upload-field',
this.baseSelector + ' .fusion-form-field .fusion-form-range-field-container .fusion-form-range-value:hover:not(:focus)',
this.baseSelector + ' .fusion-form-field .fusion-form-input:hover:not(:focus)'
];
this.addCssProperty(selectors, 'border-color', hoverColor);
selectors = [
this.baseSelector + ' .fusion-form-field .fusion-form-rating-area .fusion-form-input:checked ~ label i',
];
this.addCssProperty(selectors, 'color', this.formData['form_focus_border_color']);
selectors = [
this.baseSelector + ' .fusion-form-field .fusion-form-rating-area .fusion-form-input:checked:hover ~ label i',
this.baseSelector + ' .fusion-form-field .fusion-form-rating-area .fusion-form-rating-icon:hover i',
this.baseSelector + ' .fusion-form-field .fusion-form-rating-area .fusion-form-rating-icon:hover ~ label i',
this.baseSelector + ' .fusion-form-field .fusion-form-rating-area .fusion-form-input:hover ~ label i',
];
this.addCssProperty(selectors, 'color', hoverColor);
selectors = [
this.baseSelector + ' .fusion-form-field .fusion-form-checkbox input:checked + label:after',
this.baseSelector + ' .fusion-form-field .fusion-form-radio input:checked + label:after',
];
this.addCssProperty(selectors, 'background', this.formData['form_focus_border_color']);
// Range input type.
this.addCssProperty( this.baseSelector + ' .fusion-form-field input[type=range]::-webkit-slider-thumb', 'background', this.formData['form_focus_border_color']);
this.addCssProperty( this.baseSelector + ' .fusion-form-field input[type=range]::-moz-range-thumb', 'background', this.formData['form_focus_border_color']);
}
if (!this.isDefault('form_border_radius')) {
this.addCssProperty(customizableInputs, 'border-radius', _.fusionGetValueWithUnit( this.formData['form_border_radius'], 'px'));
this.addCssProperty( this.baseSelector + ' .fusion-form-field .fusion-form-image-select label', 'border-radius', _.fusionGetValueWithUnit( this.formData['form_border_radius'], 'px'));
}
css = this.parseCSS();
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'head' ).find( '#fusion-form-style-block' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'head' ).find( '#fusion-form-style-block' ).html( css );
return;
}
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'head' ).append( '<style id="fusion-form-style-block">' + css + '</style>' );
}
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, FusionEvents */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.offCanvasStyles = Backbone.Model.extend( {
/**
* Off Canvas Live editor preview initialization.
*
* @since 3.6
* @return {void}
*/
initialize: function() {
const body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ),
ocID = body.find( '.awb-off-canvas-wrap' ).attr( 'data-id' );
this.baseSelector = '.awb-off-canvas-wrap#awb-oc-' + ocID;
this.dynamic_css = {};
this.options = this.filterOptions();
this.buildStyles();
// Remove saved styles.
body.find( '#awb-off-canvas-style-block-' + ocID ).remove();
this.listenTo( FusionEvents, 'awb-off-canvas-styles', this.buildStyles );
this.listenTo( FusionEvents, 'awb-off-canvas-attr', this.buildAttr );
this.listenTo( FusionEvents, 'awb-off-canvas-custom-close-button', this.customCloseButton );
this.listenTo( FusionEvents, 'awb-off-canvas-enter-animation', this.enterAnimation );
this.listenTo( FusionEvents, 'awb-off-canvas-exit-animation', this.exitAnimation );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.buildStyles );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.buildAttr );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.customCloseButton );
},
/**
* Array with animations without directions.
*
* @since 3.6
* @return {void}
*/
animationsWithoutDirection: [ 'flash', 'rubberBand', 'shake', 'flipinx', 'flipiny', 'lightspeedin', 'flipOutX', 'flipOutY', 'lightSpeedOut' ],
/**
* Modify options mostly for sliding bar type.
*
* @since 3.6
* @return {Object} Modified options object.
*/
filterOptions: function() {
const options = FusionApp.data.postMeta._fusion;
const filteredOptions = Object.assign( {}, options );
if ( 'sliding-bar' === options.type ) {
filteredOptions.type = 'sliding-bar';
filteredOptions.enter_animation = filteredOptions.sb_enter_animation;
filteredOptions.enter_animation_speed = filteredOptions.sb_enter_animation_speed;
filteredOptions.exit_animation = filteredOptions.sb_exit_animation;
filteredOptions.exit_animation_speed = filteredOptions.sb_exit_animation_speed;
if ( 'left' === filteredOptions.position || !filteredOptions.position ) {
filteredOptions.height = 'full';
filteredOptions.width = options.width || 400;
filteredOptions.enter_animation_direction = 'left';
filteredOptions.exit_animation_direction = 'left';
filteredOptions.vertical_position = 'flex-start';
if ( this.isRTL() ) {
filteredOptions.horizontal_position = 'flex-end';
} else {
filteredOptions.horizontal_position = 'flex-start';
}
}
if ( 'right' === filteredOptions.position ) {
filteredOptions.height = 'full';
filteredOptions.width = options.width || 400;
filteredOptions.enter_animation_direction = 'right';
filteredOptions.exit_animation_direction = 'right';
filteredOptions.vertical_position = 'flex-start';
if ( this.isRTL() ) {
filteredOptions.horizontal_position = 'flex-start';
} else {
filteredOptions.horizontal_position = 'flex-end';
}
}
if ( 'top' === filteredOptions.position ) {
const height = filteredOptions.sb_height || 'auto';
filteredOptions.width = '100vw';
filteredOptions.height = 'custom';
filteredOptions.custom_height = height;
filteredOptions.enter_animation_direction = 'down';
filteredOptions.exit_animation_direction = 'up';
filteredOptions.vertical_position = 'flex-start';
filteredOptions.horizontal_position = 'flex-start';
}
if ( 'bottom' === filteredOptions.position ) {
const height = filteredOptions.sb_height || 'auto';
filteredOptions.width = '100vw';
filteredOptions.height = 'custom';
filteredOptions.custom_height = height;
filteredOptions.enter_animation_direction = 'up';
filteredOptions.exit_animation_direction = 'down';
filteredOptions.vertical_position = 'flex-end';
filteredOptions.horizontal_position = 'flex-start';
}
return this.parseOptions( filteredOptions );
}
return this.parseOptions( options );
},
/**
* Merge default options with current options.
* To ensure the preview works as same as the front-end.
* @since 3.6
* @param {Object} options - The options object.
* @return {Object} New options object with default values.
*/
parseOptions( options ) {
const defaults = {
// General.
'type': 'popup',
'width': '800',
'width_medium': '',
'width_small': '',
'height': 'fit',
'custom_height': '',
'custom_height_medium': '',
'custom_height_small': '',
'horizontal_position': 'center',
'horizontal_position_medium': '',
'horizontal_position_small': '',
'vertical_position': 'center',
'vertical_position_medium': '',
'vertical_position_small': '',
'content_layout': 'column',
'align_content': 'flex-start',
'valign_content': 'flex-start',
'content_wrap': 'wrap',
'enter_animation': '',
'enter_animation_direction': 'static',
'enter_animation_speed': 0.5,
'exit_animation': '',
'exit_animation_direction': 'static',
'exit_animation_speed': 0.5,
'off_canvas_state': 'closed',
'sb_height': '',
'position': 'left',
'transition': 'overlap',
'sb_enter_animation': 'slideShort',
'sb_enter_animation_speed': 0.5,
'sb_exit_animation': 'slideShort',
'sb_exit_animation_speed': 0.5,
// Design.
'background_color': '#ffffff',
'background_image': '',
'background_position': 'left top',
'background_repeat': 'repeat',
'background_size': '',
'background_custom_size': '',
'background_blend_mode': 'none',
'oc_scrollbar': 'default',
'oc_scrollbar_background': '#f2f3f5',
'oc_scrollbar_handle_color': '#65bc7b',
'margin': '',
'padding': '',
'box_shadow': 'no',
'box_shadow_position': '',
'box_shadow_blur': '0',
'box_shadow_spread': '0',
'box_shadow_color': '',
'border_radius': '',
'border_width': '',
'border_color': '',
// Overlay.
'overlay': 'yes',
'overlay_z_index': '',
'overlay_close_on_click': 'yes',
'overlay_page_scrollbar': 'yes',
'overlay_background_color': 'rgba(0,0,0,0.8)',
'overlay_background_image': '',
'overlay_background_position': 'left top',
'overlay_background_repeat': 'repeat',
'overlay_background_size': '',
'overlay_background_custom_size': '',
'overlay_background_blend_mode': 'none',
// close button.
'close_button': 'yes',
'close_on_esc': 'yes',
'close_button_position': 'right',
'close_button_margin': {},
'close_button_color': '',
'close_button_color_hover': '',
'close_icon_size': '16',
'close_button_custom_icon': ''
};
return Object.assign( defaults, options );
},
/**
* Adds CSS property to object.
*
* @since 3.2
* @param {String} selectors - The CSS selectors.
* @param {String} property - The CSS property.
* @param {String} value - The CSS property value.
* @param {Bool} important - Should have important tag.
* @return {void}
*/
addCssProperty: function ( selectors, property, value, important ) {
if ( 'object' === typeof selectors ) {
selectors = Object.values( selectors );
}
if ( 'object' === typeof selectors ) {
selectors = selectors.join( ',' );
}
if ( 'object' !== typeof this.dynamic_css[ selectors ] ) {
this.dynamic_css[ selectors ] = {};
}
if ( 'undefined' !== typeof important && important ) {
value += ' !important';
}
if ( 'undefined' === typeof this.dynamic_css[ selectors ][ property ] || ( 'undefined' !== typeof important && important ) || ! this.dynamic_css[ selectors ][ property ].includes( 'important' ) ) {
this.dynamic_css[ selectors ][ property ] = value;
}
},
/**
* Parses CSS.
*
* @since 3.2
* @return {String}
*/
parseCSS: function () {
var css = '';
if ( 'object' !== typeof this.dynamic_css ) {
return '';
}
_.each( this.dynamic_css, function ( properties, selector ) {
if ( 'object' === typeof properties ) {
css += selector + '{';
_.each( properties, function ( value, property ) {
css += property + ':' + value + ';';
} );
css += '}';
}
} );
return css;
},
/**
* Checks if param has got default value or not.
*
* @since 3.2
* @param {String} param - The param.
* @return {Bool}
*/
isDefault: function( param, subset ) {
if ( 'string' === typeof subset ) {
return 'undefined' === typeof this.options[ param ] || 'undefined' === typeof this.options[ param ][ subset ] || '' === this.options[ param ][ subset ];
}
return 'undefined' === typeof this.options[ param ] || '' === this.options[ param ];
},
/**
* Checks if website using RTL language.
*
* @since 3.6
* @return {Bool}
*/
isRTL: function () {
return jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'rtl' );
},
/**
* Get CSS from spacing fields.
* used for margin, padding, position, etc.
* @since 3.6
* @param {Object} options - The options object.
* @param {String} key - options key.
* @param {String} prop - CSS property, if empty key will used instead.
* @return {String} CSS code.
*/
getSpacing: function( options, key, prop = '', empty ) {
if ( !options[ key ] && 'object' !== typeof options[ key ] ) {
return '';
}
prop = prop || key;
let prefix = '';
if ( 'margin' === prop || 'padding' === prop ) {
prefix = prop + '-';
}
let css = '';
const keys = [ 'top', 'right', 'bottom', 'left' ];
empty = empty ? '' : 0;
keys.forEach( ( k ) => {
const v = options[ key ][ k ] || empty;
if ( '' !== v ) {
css += `${prefix}${k}: ${_.fusionGetValueWithUnit( v )};`;
}
} );
return css;
},
/**
* Get CSS code for box shadow.
*
* @since 3.6
* @param {Object} options - The options object.
* @return {String} CSS code.
*/
getShadow( options ) {
if ( 'yes' !== options.box_shadow ) {
return '';
}
let h = '0',
v = '0';
const blur = options.box_shadow_blur || '0',
spread = options.box_shadow_spread || '0',
color = options.box_shadow_color || '';
if ( options.box_shadow_position && 'object' === typeof options.box_shadow_position ) {
h = options.box_shadow_position.horizontal || h;
v = options.box_shadow_position.vertical || v;
}
return `box-shadow:${_.fusionGetValueWithUnit( h )} ${_.fusionGetValueWithUnit( v )} ${_.fusionGetValueWithUnit( blur )} ${_.fusionGetValueWithUnit( spread )} ${color};`;
},
/**
* Get CSS code for borders including border radius.
*
* @since 3.6
* @param {Object} options - The options object.
* @return {String} CSS code.
*/
getBorder( options ) {
let css = '';
// Border radius.
if ( options.border_radius && 'object' === typeof options.border_radius ) {
const br = options.border_radius;
// ensure preview works when delete value.
if ( !br.top_left ) {
br.top_left = '';
}
if ( !br.top_right ) {
br.top_right = '';
}
if ( !br.bottom_right ) {
br.bottom_right = '';
}
if ( !br.bottom_left ) {
br.bottom_left = '';
}
// loop through border radius.
Object.keys( br ).forEach( ( r ) => {
const v = br[ r ] || 0;
css += `border-${r.replace( '_', '-' )}-radius:${_.fusionGetValueWithUnit( v )};`;
} );
}
// Border width.
if ( options.border_width && 'object' === typeof options.border_width ) {
const bw = options.border_width;
// ensure preview works when delete value.
if ( !bw.top ) {
bw.top = '';
}
if ( !bw.right ) {
bw.right = '';
}
if ( !bw.bottom ) {
bw.bottom = '';
}
if ( !bw.left ) {
bw.left = '';
}
Object.keys( bw ).forEach( ( b ) => {
const v = bw[ b ] || 0;
css += `border-${b}-width:${_.fusionGetValueWithUnit( v )};`;
} );
}
// Border color.
if ( options.border_color ) {
css += `border-color: ${options.border_color};`;
}
return css;
},
/**
* Build CSS style block and add it to the head.
*
* @since 3.6
* @return {void} CSS code.
*/
buildStyles: function() {
var selectors,
media,
css = '';
this.dynamic_css = {};
const options = this.filterOptions();
selectors = [ this.baseSelector ];
// remove opacity.
this.addCssProperty( selectors, 'opacity', 1, true );
// remove wrapper margin for push transition.
this.addCssProperty( [ '#wrapper' ], 'margin-left', '0', true );
this.addCssProperty( [ '#wrapper' ], 'margin-right', '0', true );
// Wrap styles.
if ( options.horizontal_position ) {
this.addCssProperty( selectors, 'justify-content', options.horizontal_position );
}
if ( options.vertical_position ) {
this.addCssProperty( selectors, 'align-items', options.vertical_position );
}
if ( options.overlay_background_color ) {
this.addCssProperty( selectors, 'background-color', options.overlay_background_color );
}
if ( options.overlay_background_image && 'yes' === options.overlay ) {
let overlayBgImg = options.overlay_background_image;
if ( _.isObject( overlayBgImg ) ) {
overlayBgImg = overlayBgImg.url;
}
this.addCssProperty( selectors, 'background-image', `url(${overlayBgImg})` );
if ( options.overlay_background_position ) {
this.addCssProperty( selectors, 'background-position', options.overlay_background_position );
}
if ( options.overlay_background_repeat ) {
this.addCssProperty( selectors, 'background-repeat', options.overlay_background_repeat );
}
if ( 'none' !== options.overlay_background_blend_mode ) {
this.addCssProperty( selectors, 'background-blend-mode', options.overlay_background_blend_mode );
}
if ( options.overlay_background_size ) {
if ( 'custom' === options.overlay_background_size ) {
const width = options.overlay_background_custom_size && options.overlay_background_custom_size.width ? _.fusionGetValueWithUnit( options.overlay_background_custom_size.width ) : '';
const height = options.overlay_background_custom_size && options.overlay_background_custom_size.height ? _.fusionGetValueWithUnit( options.overlay_background_custom_size.height ) : '';
this.addCssProperty( selectors, 'background-size', `${width} ${height}` );
} else {
this.addCssProperty( selectors, 'background-size', options.overlay_background_size );
}
}
} else {
this.addCssProperty( selectors, 'background-image', 'none' );
}
// off canvas styles.
const offCanvasSelector = this.baseSelector + ' .awb-off-canvas';
selectors = [ offCanvasSelector ];
if ( options.width ) {
this.addCssProperty( selectors, 'width', _.fusionGetValueWithUnit( options.width ) );
}
if ( 'full' === options.height ) {
this.addCssProperty( selectors, 'height', '100vh' );
} else if ( 'custom' === options.height && options.custom_height ) {
if ( options.custom_height ) {
this.addCssProperty( selectors, 'height', _.fusionGetValueWithUnit( options.custom_height ) );
}
} else {
this.addCssProperty( selectors, 'height', 'auto' );
}
const offCanvasInnerSelector = this.baseSelector + ' .awb-off-canvas-inner';
selectors = [ offCanvasInnerSelector ];
if ( options.background_color ) {
this.addCssProperty( selectors, 'background-color', options.background_color );
}
if ( options.background_image ) {
let bgImg = options.background_image;
if ( _.isObject( bgImg ) ) {
bgImg = bgImg.url;
}
this.addCssProperty( selectors, 'background-image', `url(${bgImg})` );
if ( options.background_position ) {
this.addCssProperty( selectors, 'background-position', options.background_position );
}
if ( options.background_repeat ) {
this.addCssProperty( selectors, 'background-repeat', options.background_repeat );
}
if ( 'none' !== options.background_blend_mode ) {
this.addCssProperty( selectors, 'background-blend-mode', options.background_blend_mode );
}
if ( options.background_size ) {
if ( 'custom' === options.background_size ) {
const width = options.background_custom_size && options.background_custom_size.width ? _.fusionGetValueWithUnit( options.background_custom_size.width ) : '';
const height = options.background_custom_size && options.background_custom_size.height ? _.fusionGetValueWithUnit( options.background_custom_size.height ) : '';
this.addCssProperty( selectors, 'background-size', `${width} ${height}` );
} else {
this.addCssProperty( selectors, 'background-size', options.background_size );
}
}
} else {
this.addCssProperty( selectors, 'background-image', 'none' );
}
selectors = [ this.baseSelector + ' .off-canvas-content .fusion-builder-live-editor' ];
this.addCssProperty( selectors, 'height', '100%' );
this.addCssProperty( selectors, 'width', '100%' );
// Prepare the container.
selectors = [ this.baseSelector + ' .off-canvas-content #fusion_builder_container' ];
this.addCssProperty( selectors, 'height', '100%' );
this.addCssProperty( selectors, 'width', '100%' );
this.addCssProperty( selectors, 'display', 'flex' );
this.addCssProperty( selectors, 'flex-wrap', 'wrap' );
this.addCssProperty( selectors, 'flex-direction', 'column' );
//Flex Alignment options.
if ( options.content_layout && 'block' !== options.content_layout ) {
this.addCssProperty( selectors, 'flex-direction', options.content_layout );
this.addCssProperty( selectors, 'justify-content', options.align_content );
}
if ( options.content_layout && 'block' === options.content_layout ) {
this.addCssProperty( selectors, 'display', options.content_layout );
}
if ( options.valign_content && 'row' === options.content_layout ) {
this.addCssProperty( selectors, 'align-items', options.valign_content );
}
if ( options.content_wrap && 'row' === options.content_layout ) {
this.addCssProperty( selectors, 'flex-wrap', options.content_wrap );
}
if ( 'column' === options.content_layout ) {
this.addCssProperty( selectors, 'flex-wrap', 'nowrap' );
}
// Fix close button z-index in LE.
selectors = [ this.baseSelector + ' .awb-off-canvas:hover .off-canvas-close' ];
this.addCssProperty( selectors, 'display', 'none' );
// Close button.
selectors = [ offCanvasSelector + ' .off-canvas-close' ];
if ( 'no' === options.close_button ) {
this.addCssProperty( selectors, 'display', 'none' );
}
if ( 'undefined' === typeof options.close_button_margin.top || '' === options.close_button_margin.top ) {
this.addCssProperty( selectors, 'margin-top', '20px' );
}
if ( 'left' === options.close_button_position ) {
this.addCssProperty( selectors, 'right', 'auto' );
this.addCssProperty( selectors, 'left', '0' );
if ( 'undefined' === typeof options.close_button_margin.right || '' === options.close_button_margin.right ) {
this.addCssProperty( selectors, 'margin-right', '0' );
}
if ( 'undefined' === typeof options.close_button_margin.left || '' === options.close_button_margin.left ) {
this.addCssProperty( selectors, 'margin-left', '20px' );
}
} else {
this.addCssProperty( selectors, 'left', 'auto' );
this.addCssProperty( selectors, 'right', '0' );
if ( 'undefined' === typeof options.close_button_margin.right || '' === options.close_button_margin.right ) {
this.addCssProperty( selectors, 'margin-right', '20px' );
}
if ( 'undefined' === typeof options.close_button_margin.left || '' === options.close_button_margin.left ) {
this.addCssProperty( selectors, 'margin-left', '0' );
}
}
if ( options.close_button_color ) {
this.addCssProperty( selectors, 'color', options.close_button_color );
}
if ( options.close_icon_size ) {
this.addCssProperty( selectors, 'font-size', options.close_icon_size + 'px' );
}
selectors = [ offCanvasSelector + ' .off-canvas-close:hover' ];
if ( options.close_button_color_hover ) {
this.addCssProperty( selectors, 'color', options.close_button_color_hover );
}
// Hide close button in wire frame mode.
selectors = [ offCanvasSelector + '.is-empty .off-canvas-close' ];
this.addCssProperty( selectors, 'display', 'none' );
// custom scrollbar.
if ( 'custom' === options.oc_scrollbar ) {
selectors = [ offCanvasInnerSelector + ' .off-canvas-content' ];
const scrollbarBg = options.oc_scrollbar_background || '#f2f3f5';
const scrollbarHandleColor = options.oc_scrollbar_handle_color || '#65bc7b';
// Firefox.
this.addCssProperty( selectors, 'scrollbar-width', 'thin' );
this.addCssProperty( selectors, 'scrollbar-color', scrollbarHandleColor + ' ' + scrollbarBg );
// Chrome, Safari, Edge.
this.addCssProperty( [ offCanvasInnerSelector + ' .off-canvas-content::-webkit-scrollbar' ], 'width', '10px' );
this.addCssProperty( [ offCanvasInnerSelector + ' .off-canvas-content::-webkit-scrollbar-track' ], 'background', scrollbarBg );
this.addCssProperty( [ offCanvasInnerSelector + ' .off-canvas-content::-webkit-scrollbar-thumb' ], 'background', scrollbarHandleColor );
}
// hidden scrollbar.
if ( 'hidden' === options.oc_scrollbar ) {
selectors = [ offCanvasInnerSelector + ' .off-canvas-content' ];
// Firefox.
this.addCssProperty( selectors, 'scrollbar-width', 'none' );
// Chrome, Safari, Edge.
this.addCssProperty( [ offCanvasInnerSelector + ' .off-canvas-content::-webkit-scrollbar' ], 'display', 'none' );
}
css = this.parseCSS();
css += this.getSpacing( options, 'margin' ) ? `${offCanvasSelector} { ${this.getSpacing( options, 'margin' )} }` : '';
css += this.getSpacing( options, 'padding' ) ? `${this.baseSelector} .off-canvas-content { ${this.getSpacing( options, 'padding' )} }` : '';
css += this.getSpacing( options, 'close_button_margin' ) ? `${offCanvasSelector} .off-canvas-close { ${this.getSpacing( options, 'close_button_margin', 'margin', true )} }` : '';
css += this.getShadow( options ) ? `${offCanvasInnerSelector} { ${this.getShadow( options )} }` : '';
css += this.getBorder( options ) ? `${offCanvasInnerSelector} { ${this.getBorder( options )} }` : '';
if ( 'sliding-bar' !== options.type ) {
// Horizontal position responsive styles.
_.each( [ 'medium', 'small' ], function( size ) {
var key = 'horizontal_position_' + size;
media = '@media only screen and (max-width:' + FusionApp.settings[ 'visibility_' + size ] + 'px)';
if ( '' === options[ key ] ) {
return;
}
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector ], 'justify-content', options[ key ] );
css += media + '{' + this.parseCSS() + '}';
}, this );
// vertical position responsive styles.
_.each( [ 'medium', 'small' ], function( size ) {
var key = 'vertical_position_' + size;
media = '@media only screen and (max-width:' + FusionApp.settings[ 'visibility_' + size ] + 'px)';
if ( '' === options[ key ] ) {
return;
}
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector ], 'align-items', options[ key ] );
css += media + '{' + this.parseCSS() + '}';
}, this );
// Height responsive styles.
if ( 'custom' === options.height ) {
_.each( [ 'medium', 'small' ], function( size ) {
var key = 'custom_height_' + size;
media = '@media only screen and (max-width:' + FusionApp.settings[ 'visibility_' + size ] + 'px)';
if ( '' === options[ key ] ) {
return;
}
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector + ' .awb-off-canvas' ], 'height', _.fusionGetValueWithUnit( options[ key ] ) );
css += media + '{' + this.parseCSS() + '}';
}, this );
}
}
// Width responsive styles.
_.each( [ 'medium', 'small' ], function( size ) {
var key = 'width_' + size;
media = '@media only screen and (max-width:' + FusionApp.settings[ 'visibility_' + size ] + 'px)';
if ( '' === options[ key ] ) {
return;
}
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector + ' .awb-off-canvas' ], 'width', _.fusionGetValueWithUnit( options[ key ] ) );
css += media + '{' + this.parseCSS() + '}';
}, this );
// Add attribute to the option.
const value = jQuery( '[data-option-id="content_layout"]' ).find( 'input#content_layout' ).val();
jQuery( '[data-option-id="content_layout"]' ).attr( 'data-direction', value );
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'head' ).find( '#awb-off-canvas-style-block' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'head' ).find( '#awb-off-canvas-style-block' ).html( css );
return;
}
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'head' ).prepend( '<style id="awb-off-canvas-style-block">' + css + '</style>' );
},
/**
* build attributes.
*
* @since 3.6
* @return {String} CSS code.
*/
buildAttr: function() {
const body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
const options = this.filterOptions();
// Wrap Classes.
let wrapClasses = 'awb-off-canvas-wrap awb-show';
if ( '' !== options.css_class ) {
wrapClasses += ' ' + options.css_class;
}
if ( '' !== options.type ) {
wrapClasses += ' type-' + options.type;
}
if ( 'sliding-bar' === options.type ) {
if ( !options.position ) {
options.position = 'left';
}
wrapClasses += ' position-' + options.position;
}
if ( 'no' === options.overlay ) {
wrapClasses += ' overlay-disabled';
}
body.find( this.baseSelector ).removeClass().addClass( wrapClasses );
// remove is empty class.
body.find( this.baseSelector + ' .awb-off-canvas-inner' ).removeClass( 'hidden-scrollbar' );
if ( 1 < FusionPageBuilderApp.collection.length ) {
body.find( this.baseSelector + ' .awb-off-canvas-inner' ).removeClass( 'is-empty' );
}
},
/**
* Custom close button.
*
* @since 3.6
* @return {void}.
*/
customCloseButton: function() {
const options = this.filterOptions();
const body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
let closeButton = body.find( '.off-canvas-close' );
if ( ! closeButton.length ) {
body.find( '.awb-off-canvas' ).prepend( '<button class="off-canvas-close"></button>' );
closeButton = body.find( '.off-canvas-close' );
}
let cls = 'off-canvas-close';
if ( options.close_button_custom_icon ) {
cls += ' ' + _.fusionFontAwesome( options.close_button_custom_icon );
} else {
cls += ' awb-icon-close';
}
closeButton.removeClass().addClass( cls );
},
/**
* Capitalize string.
*
* @since 3.6
* @return {String} The capitalized string.
*/
capitalize: function ( string ) {
return string.charAt( 0 ).toUpperCase() + string.slice( 1 );
},
/**
* Enter animation preview.
*
* @since 3.6
* @param {String} string
* @return {void}
*/
enterAnimation: function() {
const body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ),
offCanvas = body.find( '.awb-off-canvas' ),
options = this.filterOptions();
let animation = options.enter_animation;
const animationDirection = options.enter_animation_direction && 'static' !== options.enter_animation_direction ? this.capitalize( options.enter_animation_direction ) : '',
animationSpeed = options.enter_animation_speed || 1;
if ( animation ) {
if ( ! this.animationsWithoutDirection.includes( animation ) ) {
animation = animation + 'In' + animationDirection;
}
offCanvas.addClass( 'fusion-animated ' + animation );
offCanvas.attr( 'data-animation-type', animation );
offCanvas.css( {
'visibility': 'visible',
'animation-duration': animationSpeed + 's'
} );
}
offCanvas.addClass( 'fusion-animated ' + animation );
offCanvas.on( 'animationend', function() {
const el = jQuery( this );
if ( el.attr( 'data-animation-type' ) ) {
el.removeClass( 'fusion-animated' ).removeClass( el.attr( 'data-animation-type' ) ).removeAttr( 'data-animation-type' );
}
} );
},
/**
* Exit animation preview.
*
* @since 3.6
* @return {void}
*/
exitAnimation: function() {
const body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ),
offCanvas = body.find( '.awb-off-canvas' ),
options = this.filterOptions();
let animation = options.exit_animation;
const animationDirection = options.exit_animation_direction && 'static' !== options.exit_animation_direction ? this.capitalize( options.exit_animation_direction ) : '',
animationSpeed = options.enter_animation_speed || 1;
if ( animation ) {
if ( ! this.animationsWithoutDirection.includes( animation ) ) {
animation = animation + 'Out' + animationDirection;
}
offCanvas.addClass( 'fusion-animated ' + animation );
offCanvas.attr( 'data-animation-type', animation );
offCanvas.css( {
'visibility': 'visible',
'animation-duration': animationSpeed + 's'
} );
}
offCanvas.addClass( 'fusion-animated ' + animation );
offCanvas.on( 'animationend', function() {
const el = jQuery( this );
setTimeout( () => {
if ( el.attr( 'data-animation-type' ) ) {
el.removeClass( 'fusion-animated' ).removeClass( el.attr( 'data-animation-type' ) ).removeAttr( 'data-animation-type' );
}
}, 500 );
} );
}
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
// Element collection
FusionPageBuilder.Collection = Backbone.Collection.extend( {
model: FusionPageBuilder.Element
} );
window.FusionPageBuilderElements = new FusionPageBuilder.Collection(); // jshint ignore: line
}( jQuery ) );
;/* global fusionBuilderText, fusionGlobalManager, FusionApp, FusionPageBuilderViewManager, fusionAllElements, FusionPageBuilderApp, FusionEvents */
/* eslint no-empty-function: 0 */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Element View
FusionPageBuilder.BaseView = window.wp.Backbone.View.extend( {
modalDialogMoreView: null,
events: {
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
},
/**
* Before initial render.
*
* @since 2.0.0
* @return {void}
*/
beforeRender: function() {
},
/**
* Filters render markup.
*
* @since 2.0.0
* @return null
*/
filterRender: function( $markup ) {
return $markup;
},
/**
* Runs during render() call.
*
* @since 2.0.0
* @return null
*/
onRender: function() {
},
/**
* Runs during initialize() call.
*
* @since 2.0.0
* @return null
*/
onInit: function() {
},
/**
* Runs just before view is removed.
*
* @since 2.0.0
* @return null
*/
beforeRemove: function() {
},
/**
* Runs just after render on cancel.
*
* @since 2.0.0
* @return null
*/
onCancel: function() {
},
/**
* Runs just after render on cancel.
*
* @since 3.0.2
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) ),
self = this;
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( 'undefined' !== typeof this.model.get( 'multi' ) && 'multi_element_parent' === this.model.get( 'multi' ) ) {
this.model.children.each( function( child ) {
var elementType = child.attributes.element_type,
childOptions = fusionAllElements[ elementType ].params,
childValues = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( child.attributes.params ) );
self.mapStudioImages( childOptions, childValues );
} );
}
if ( 'fusion_form' === elementType && '' !== values.form_post_id ) {
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.forms[ values.form_post_id ] ) {
FusionPageBuilderApp.mediaMap.forms[ values.form_post_id ] = true;
}
}
}
},
/**
* Add studio images to media map.
* @param {Object} options
* @param {Object} values
* @returns void
*/
mapStudioImages: function( options, values ) {
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
_.each( options, function( option ) {
var value;
if ( 'upload' === option.type && 'undefined' !== typeof values[ option.param_name ] && '' !== values[ option.param_name ] ) {
value = values[ option.param_name ];
if ( 'undefined' === typeof value || 'undefined' === value ) {
return;
}
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.images[ value ] ) {
FusionPageBuilderApp.mediaMap.images[ value ] = true;
}
// Check if we have an image ID for this param.
if ( 'undefined' !== typeof values[ option.param_name + '_id' ] && '' !== values[ option.param_name + '_id' ] ) {
if ( 'object' !== typeof FusionPageBuilderApp.mediaMap.images[ value ] ) {
FusionPageBuilderApp.mediaMap.images[ value ] = {};
}
FusionPageBuilderApp.mediaMap.images[ value ][ option.param_name + '_id' ] = values[ option.param_name + '_id' ];
}
}
} );
},
/**
* Triggers a refresh.
*
* @since 2.0.0
* @return void
*/
refreshJs: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-' + this.model.attributes.element_type, this.model.attributes.cid );
},
/**
* Triggers responsive typography to recalculate.
*
* @since 2.0.0
* @return void
*/
updateResponsiveTypography: function() {
document.querySelector( '#fb-preview' ).contentWindow.document.body.dispatchEvent( new Event( 'fusion-force-typography-update', { 'bubbles': true, 'cancelable': true } ) );
},
/**
* Re-Renders the view.
*
* @since 2.0.0
* @param {Object} event - The event triggering the rerender.
* @return {void}
*/
reRender: function( event ) {
if ( event && 'object' === typeof event ) {
event.preventDefault();
}
this.patchView( event );
if ( this.model.get( 'inline_editor' ) && ! this.activeInlineEditing ) {
FusionPageBuilderApp.inlineEditorHelpers.liveEditorEvent( this );
this.activeInlineEditing = false;
}
},
patchView: function() {
var self = this,
$oldContent = '',
$newContent = '',
MultiGlobalArgs = {},
diff,
heightBeforePatch;
if ( 'generated_element' === this.model.get( 'type' ) ) {
return;
}
heightBeforePatch = this.$el.outerHeight();
this.beforePatch();
FusionPageBuilderApp.disableDocumentWrite();
$oldContent = this.getElementContent();
$newContent = $oldContent.clone();
$newContent.html( self.getTemplate() );
// Find the difference
diff = FusionPageBuilderApp._diffdom.diff( $oldContent[ 0 ], $newContent[ 0 ] );
// Columns. Skip resizable patching.
if ( 'function' === typeof this.patcherFilter ) {
diff = this.patcherFilter( diff );
}
// Apply the difference.
FusionPageBuilderApp._diffdom.apply( $oldContent[ 0 ], diff );
if ( 'fusion_builder_column' !== this.model.get( 'element_type' ) ) {
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: this.model,
handleType: 'changeView',
difference: diff
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
}
$oldContent.removeClass( 'fusion-loader' );
FusionPageBuilderApp.enableDocumentWrite();
this.afterPatch();
// So equalHeights columns are updated.
if ( heightBeforePatch !== this.$el.outerHeight() && 'function' === typeof this._triggerColumn ) {
this._triggerColumn();
}
},
/**
* Filter out DOM before patching.
*
* @since 2.0.0
* @return {void}
*/
patcherFilter: function( diffs ) {
var filteredDiffs = [],
ignoreList = [
'aria-multiline',
'contenteditable',
'data-inline-fontsize',
'data-medium-editor-index',
'data-medium-editor-element',
'data-medium-focused',
'data-placeholder',
'medium-editor-index',
'role',
'spellcheck'
],
skipReInit = false;
if ( this.activeInlineEditing ) {
_.each( diffs, function( diff ) {
if ( 'removeAttribute' === diff.action && -1 !== jQuery.inArray( diff.name, ignoreList ) ) {
skipReInit = true;
return;
} else if ( 'modifyAttribute' === diff.action && -1 !== diff.oldValue.indexOf( 'medium-editor-element' ) && -1 === diff.oldValue.indexOf( 'medium-editor-element' ) ) {
diff.newValue = diff.newValue + ' medium-editor-element';
filteredDiffs.push( diff );
skipReInit = true;
return;
}
filteredDiffs.push( diff );
} );
diffs = filteredDiffs;
// If we are not just removing/modifying attributes then inline needs recreated.
this.activeInlineEditing = skipReInit;
this.autoSelectEditor = ! skipReInit;
}
return diffs;
},
/**
* Runs before view DOM is patched.
*
* @since 2.0.0
* @return null
*/
beforePatch: function() {
},
/**
* Runs after view DOM is patched.
*
* @since 2.0.0
* @return null
*/
afterPatch: function() {
// This will trigger a JS event on the preview frame.
this._refreshJs();
},
/**
* Runs after render to open any newly added inline element settings.
*
* @since 2.0.0
* @return null
*/
renderInlineSettings: function() {
var newlyAdded;
if ( 'undefined' === typeof FusionPageBuilderApp.inlineEditors || ! FusionPageBuilderApp.inlineEditors.shortcodeAdded ) {
return;
}
newlyAdded = this.model.inlineCollection.find( function( model ) {
return 'true' == model.get( 'params' ).open_settings; // jshint ignore: line
} );
if ( 'undefined' !== typeof newlyAdded ) {
newlyAdded.parentView = this;
newlyAdded.$target = this.$el.find( '.fusion-disable-editing[data-id="' + newlyAdded.get( 'cid' ) + '"]' );
delete newlyAdded.attributes.params.open_settings;
if ( 'undefined' !== typeof FusionApp && 'off' !== FusionApp.preferencesData.open_settings ) {
newlyAdded.set( 'added', true );
FusionPageBuilderApp.inlineEditorHelpers.getInlineElementSettings( newlyAdded );
}
}
},
/**
* Get the template.
*
* @since 2.0.0
* @return {void}
*/
getTemplate: function() {
var atts = this.getTemplateAtts();
if ( 'undefined' !== typeof this.elementTemplate ) {
return this.elementTemplate( atts );
}
},
/**
* Modify template attributes.
*
* @since 2.0.0
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
return atts;
},
/**
* Get dynamic values.
*
* @since 2.0.0
* @return {Object}
*/
getDynamicAtts: function( atts ) {
var self = this;
if ( 'undefined' !== typeof this.dynamicParams && this.dynamicParams && ! _.isEmpty( this.dynamicParams.getAll() ) ) {
_.each( this.dynamicParams.getAll(), function( data, id ) {
var value = self.dynamicParams.getParamValue( data );
if ( 'undefined' !== typeof value && false !== value ) {
atts.values[ id ] = value;
}
} );
}
return atts;
},
/**
* Gets element DOM for patching.
*
* @since 2.1
* @return {Object}
*/
getValues: function() {
var elementType = this.model.get( 'element_type' ),
element = fusionAllElements[ elementType ];
return this.getDynamicAtts( jQuery.extend( true, {}, element.defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) ) );
},
/**
* Gets element DOM for patching.
*
* @since 2.0.0
* @return {Object}
*/
getElementContent: function() {
var self = this;
switch ( this.model.get( 'type' ) ) {
case 'fusion_builder_column':
case 'fusion_builder_container':
case 'fusion_builder_column_inner':
return self.$el;
case 'element':
if ( 'multi_element_child' !== self.model.get( 'multi' ) ) {
return self.$el.find( '.fusion-builder-element-content' );
}
return self.$el.find( '.fusion-builder-child-element-content' );
}
},
/**
* Settings handler.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
settings: function( event ) {
var self = this,
viewSettings = {
model: this.model,
collection: this.collection
},
customSettingsViewName,
modalView,
parentView,
generated = 'generated_element' === this.model.get( 'type' ),
childElementClass = '',
dialogTitle = '',
resizePopupClass = localStorage.getItem( 'resizePopupClass' );
if ( event ) {
event.preventDefault();
}
this.onSettingsOpen();
customSettingsViewName = fusionAllElements[ this.model.get( 'element_type' ) ].custom_settings_view_name;
// Check for generated element child.
if ( 'multi_element_child' === this.model.get( 'multi' ) ) {
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( parentView && 'generated_element' === parentView.model.get( 'type' ) ) {
generated = true;
viewSettings.model.set( 'type', 'generated_element' );
viewSettings.model.set( 'display', 'dialog' );
}
}
if ( 'undefined' !== typeof customSettingsViewName && '' !== customSettingsViewName ) {
modalView = new FusionPageBuilder[ customSettingsViewName ]( viewSettings );
} else {
modalView = new FusionPageBuilder.ElementSettingsView( viewSettings );
}
// Activate column spacing.
if ( 'fusion_builder_column' === this.model.get( 'element_type' ) || 'fusion_builder_column_inner' === this.model.get( 'element_type' ) ) {
this.columnSpacing();
this.paddingDrag();
this.marginDrag();
// Hides column size popup.
this.$el.removeClass( 'active' );
this.$el.closest( '.fusion-builder-container' ).removeClass( 'fusion-column-sizer-active' );
}
// Activate resize handles.
if ( 'fusion_builder_container' === this.model.get( 'element_type' ) ) {
this.paddingDrag();
this.marginDrag();
}
if ( 'fusion_builder_container' === this.model.get( 'element_type' ) || 'fusion_builder_column' === this.model.get( 'element_type' ) || 'fusion_builder_column_inner' === this.model.get( 'element_type' ) ) {
this.$el.addClass( 'fusion-builder-element-edited' );
}
childElementClass = 'undefined' !== this.model.get( 'multi' ) && 'multi_element_child' === this.model.get( 'multi' ) ? ' fusion-builder-child-element' : '';
dialogTitle = this.getDialogTitle();
// No need to render if it already is.
if ( ! FusionPageBuilderApp.SettingsHelpers.shouldRenderSettings( modalView ) ) {
return;
}
// If we want dialog.
if ( 'dialog' === FusionApp.preferencesData.editing_mode || generated ) {
jQuery( modalView.render().el ).dialog( {
title: dialogTitle,
width: FusionApp.dialog.dialogData.width,
height: FusionApp.dialog.dialogData.height,
position: FusionApp.dialog.dialogData.position,
dialogClass: 'fusion-builder-dialog fusion-builder-settings-dialog' + childElementClass,
minWidth: 327,
type: this.model.get( 'type' ),
dragStop: function( event, ui ) {
FusionApp.dialog.saveDialogPosition( ui.offset );
},
resizeStart: function() {
FusionApp.dialog.addResizingClasses();
},
resizeStop: function( event, ui ) {
var $dialog = jQuery( event.target ).closest( '.ui-dialog' ),
width = $dialog.find( '.fusion-tabs-menu > li' ).length;
if ( width ) {
width = 100 * width;
}
if ( width && ui.size.width > width ) {
$dialog.find( '.fusion-tabs-menu' ).addClass( 'show-text' );
} else {
$dialog.find( '.fusion-tabs-menu' ).removeClass( 'show-text' );
}
FusionApp.dialog.saveDialogSize( ui.size );
if ( 450 > ui.size.width && ! $dialog.hasClass( 'fusion-builder-dialog-narrow' ) ) {
$dialog.addClass( 'fusion-builder-dialog-narrow' );
} else if ( 450 <= ui.size.width && $dialog.hasClass( 'fusion-builder-dialog-narrow' ) ) {
$dialog.removeClass( 'fusion-builder-dialog-narrow' );
}
FusionApp.dialog.removeResizingClasses();
},
open: function( event ) {
var $dialogContent = jQuery( event.target ),
$dialog = $dialogContent.closest( '.ui-dialog' ),
width;
// On start can sometimes be laggy/late.
FusionApp.dialog.addResizingHoverEvent();
if ( modalView.$el.find( '.has-group-options' ).length ) {
$dialog.addClass( 'fusion-builder-group-options' );
}
$dialogContent.find( '.fusion-builder-section-name' ).blur();
jQuery( '.ui-dialog' ).not( $dialog ).hide();
jQuery( '.fusion-back-menu-item' ).on( 'click', function() {
modalView.openParent();
self.onSettingsClose();
} );
self.modalDialogMoreView = new FusionPageBuilder.modalDialogMore( { model: self.model } );
// We need to render context submenu on open.
FusionPageBuilderApp.SettingsHelpers.renderDialogMoreOptions( modalView );
if ( null !== resizePopupClass ) {
jQuery( 'body' ).addClass( resizePopupClass );
self.modalDialogMoreView.resizePopup( resizePopupClass );
}
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'fusion-dialog-ui-active' );
if ( 450 > $dialog.width() && ! $dialog.hasClass( 'fusion-builder-dialog-narrow' ) ) {
$dialog.addClass( 'fusion-builder-dialog-narrow' );
} else if ( 450 <= $dialog.width() && $dialog.hasClass( 'fusion-builder-dialog-narrow' ) ) {
$dialog.removeClass( 'fusion-builder-dialog-narrow' );
}
// Check if dialog is positioned outside of viewport and reposition it if needed.
if ( FusionApp.dialog.maybeRepositionDialog( $dialog ) ) {
FusionApp.dialog.saveDialogPosition( $dialog.offset() );
}
width = $dialog.find( '.fusion-tabs-menu > li' ).length;
if ( width ) {
width = 100 * width;
}
if ( width && $dialog.width() > width ) {
$dialog.find( '.fusion-tabs-menu' ).addClass( 'show-text' );
}
},
dragStart: function( event ) {
// Used to close any open drop-downs in TinyMce.
jQuery( event.target ).trigger( 'click' );
},
beforeClose: function( event ) {
FusionApp.dialogCloseResets( modalView );
self.modalDialogMoreView = null;
modalView.saveSettings( event );
FusionEvents.trigger( 'fusion-content-changed' );
}
} );
} else {
// Adding into sidebar view instead.
modalView.model.set( 'title', dialogTitle );
modalView.model.set( 'display', 'sidebar' );
FusionApp.sidebarView.renderElementSettings( modalView );
}
},
getDialogTitle: function() {
var dialogTitle = fusionAllElements[ this.model.get( 'element_type' ) ].name,
params;
if ( 'multi_element_child' === this.model.get( 'multi' ) ) {
params = jQuery.extend( true, {}, this.model.get( 'params' ) );
dialogTitle = 'Item';
if ( 'undefined' !== typeof params.title && params.title.length ) {
dialogTitle = params.title;
} else if ( 'undefined' !== typeof params.title_front && params.title_front.length ) {
dialogTitle = params.title_front;
} else if ( 'undefined' !== typeof params.name && params.name.length ) {
dialogTitle = params.name;
} else if ( 'undefined' !== typeof params.image && params.image.length ) {
dialogTitle = params.image;
// If contains backslash, retrieve only last part.
if ( -1 !== dialogTitle.indexOf( '/' ) && -1 === dialogTitle.indexOf( '[' ) ) {
dialogTitle = dialogTitle.split( '/' );
dialogTitle = dialogTitle.slice( -1 )[ 0 ];
}
} else if ( 'image' === this.model.attributes.element_name && 'undefined' !== typeof params.element_content && params.element_content.length ) {
dialogTitle = params.element_content;
// If contains backslash, retrieve only last part.
if ( -1 !== dialogTitle.indexOf( '/' ) && -1 === dialogTitle.indexOf( '[' ) ) {
dialogTitle = dialogTitle.split( '/' );
dialogTitle = dialogTitle.slice( -1 )[ 0 ];
}
} else if ( 'undefined' !== typeof params.video && params.video.length ) {
dialogTitle = params.video;
} else if ( 'undefined' !== typeof params.element_content && params.element_content.length ) {
dialogTitle = params.element_content;
}
// Remove HTML tags but keep quotation marks etc.
dialogTitle = jQuery( '<div/>' ).html( dialogTitle ).text();
dialogTitle = jQuery( '<div/>' ).html( dialogTitle ).text();
dialogTitle = ( dialogTitle && 15 < dialogTitle.length ) ? dialogTitle.substring( 0, 15 ) + '...' : dialogTitle;
dialogTitle = _.fusionUcFirst( dialogTitle );
}
return dialogTitle;
},
/**
* Extendable function for when settings is opened.
*
* @since 2.0.0
* @return {void}
*/
onSettingsOpen: function() {
},
/**
* Extendable function for when settings is closed.
*
* @since 2.0.0
* @return {void}
*/
onSettingsClose: function() {
var $dialog = jQuery( '.ui-dialog:not( .fusion-video-dialog ):not( .fusion-builder-preferences-dialog )' ).first();
// If there are opened dialogs which are resizable.
if ( 0 < $dialog.length && ! jQuery( 'body' ).hasClass( 'fusion-settings-dialog-large' ) ) {
// Change it's size.
jQuery( $dialog ).css( 'width', FusionApp.dialog.dialogData.width + 'px' );
jQuery( $dialog ).css( 'height', FusionApp.dialog.dialogData.height + 'px' );
// Reposition it.
jQuery( $dialog ).position( {
my: FusionApp.dialog.dialogData.position.my,
at: FusionApp.dialog.dialogData.position.at,
of: window
} );
}
},
/**
* Renders the content.
*
* @since 2.0.0
* @return {void}
*/
renderContent: function() {
},
/**
* Adds loading overlay while ajax is performing.
*
* @since 2.0.0
* @return {void}
*/
addLoadingOverlay: function() {
var contentType = 'element',
$elementContent;
if ( _.isObject( this.model.attributes ) ) {
if ( 'fusion_builder_container' === this.model.attributes.element_type ) {
contentType = 'container';
} else if ( 'fusion_builder_column' === this.model.attributes.element_type ) {
contentType = 'columns';
}
}
$elementContent = this.$el.find( '.fusion-builder-' + contentType + '-content' );
if ( ! $elementContent.hasClass( 'fusion-loader' ) ) {
$elementContent.addClass( 'fusion-loader' );
$elementContent.append( '<span class="fusion-builder-loader"></span>' );
}
},
/**
* Removes loading overlay after ajax is done.
*
* @since 3.5
* @return {void}
*/
removeLoadingOverlay: function() {
var contentType = 'element',
$elementContent;
if ( _.isObject( this.model.attributes ) ) {
if ( 'fusion_builder_container' === this.model.attributes.element_type ) {
contentType = 'container';
} else if ( 'fusion_builder_column' === this.model.attributes.element_type ) {
contentType = 'columns';
}
}
$elementContent = this.$el.find( '.fusion-builder-' + contentType + '-content' );
if ( $elementContent.hasClass( 'fusion-loader' ) ) {
$elementContent.removeClass( 'fusion-loader' );
$elementContent.find( '.fusion-builder-loader' ).remove();
}
},
/**
* Removes an element.
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*/
removeElement: function( event ) {
var parentCid = this.model.get( 'parent' );
if ( event ) {
event.preventDefault();
FusionEvents.trigger( 'fusion-content-changed' );
}
// Remove element view
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
// Destroy element model
this.model.destroy();
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
// Update column trigger.
this.triggerColumn( parentCid );
// Destroy dynamic param model.
if ( this.dynamicParam ) {
this.dynamicParam.destroy();
}
this.remove();
},
/**
* Opens the library. Builds the settings for this view
* and then calls FusionPageBuilder.LibraryView and renders it.
*
* @since 2.0.0
* @param {Object} event - The js event.
* @return {void}
*/
openLibrary: function( event ) {
var view,
libraryModel = {
target: jQuery( event.currentTarget ).data( 'target' ),
focus: jQuery( event.currentTarget ).data( 'focus' ),
element_cid: this.model.get( 'cid' ),
element_name: 'undefined' !== typeof this.model.get( 'admin_label' ) && '' !== this.model.get( 'admin_label' ) ? this.model.get( 'admin_label' ) : ''
},
viewSettings = {
model: libraryModel
};
if ( event ) {
event.preventDefault();
event.stopPropagation();
FusionPageBuilderApp.sizesHide( event );
}
view = new FusionPageBuilder.LibraryView( viewSettings );
view.render();
// Make sure to close any context menus which may be open.
FusionPageBuilderApp.removeContextMenu();
},
/**
* Disable external links.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
disableLink: function( event ) {
if ( ! jQuery( event.target ).closest( '.fusion-builder-module-controls-container' ).length && 'lightbox' !== jQuery( event.currentTarget ).attr( 'target' ) ) {
event.preventDefault();
if ( FusionApp.modifierActive && ! jQuery( event.target ).parent().hasClass( 'fusion-lightbox' ) ) {
FusionApp.checkLink( event );
}
}
},
/**
* Creates droppable zone and makes element draggable.
*
* @since 2.0.0
* @return {void}
*/
droppableElement: function() {
var self = this,
$el = this.$el,
cid = this.model.get( 'cid' ),
$body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
if ( ! $el ) {
return;
}
if ( 'undefined' === typeof this.elementTarget || ! this.elementTarget.length ) {
this.elementTarget = this.$el.find( '.fusion-element-target' );
}
$el.draggable( {
appendTo: FusionPageBuilderApp.$el,
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
iframeScroll: true,
containment: $body,
cancel: '.fusion-live-editable, .fusion-builder-live-child-element:not( [data-fusion-no-dragging] ), .variations select',
helper: function() {
var $classes = FusionPageBuilderApp.DraggableHelpers.draggableClasses( cid );
return jQuery( '<div class="fusion-element-helper ' + $classes + '" data-cid="' + cid + '"><span class="' + fusionAllElements[ self.model.get( 'element_type' ) ].icon + '"></span></div>' );
},
start: function() {
$body.addClass( 'fusion-element-dragging fusion-active-dragging' );
$el.addClass( 'fusion-being-dragged' );
$el.prev( '.fusion-builder-live-element' ).find( '.target-after' ).addClass( 'target-disabled' );
},
stop: function() {
setTimeout( function() {
$body.removeClass( 'fusion-element-dragging fusion-active-dragging' );
}, 10 );
$el.removeClass( 'fusion-being-dragged' );
FusionPageBuilderApp.$el.find( '.target-disabled' ).removeClass( 'target-disabled' );
}
} );
this.elementTarget.droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-live-element, .fusion_builder_row_inner',
drop: function( event, ui ) {
var handleDropElement = self.handleDropElement.bind( self );
handleDropElement( ui.draggable, $el, jQuery( event.target ) );
}
} );
},
handleDropElement: function( $element, $targetEl, $dropTarget ) {
var parentCid = $dropTarget.closest( '.fusion-builder-column' ).data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( parentCid ),
elementCid = $element.data( 'cid' ),
elementView = FusionPageBuilderViewManager.getView( elementCid ),
MultiGlobalArgs,
newIndex;
// Move the actual html.
if ( $dropTarget.hasClass( 'target-after' ) ) {
$targetEl.after( $element );
} else {
$targetEl.before( $element );
}
newIndex = $element.parent().children( '.fusion-builder-live-element, .fusion_builder_row_inner' ).index( $element );
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, newIndex, parentCid );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.moved + ' ' + fusionAllElements[ elementView.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: elementView.model,
handleType: 'save',
attributes: elementView.model.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
FusionEvents.trigger( 'fusion-content-changed' );
columnView._equalHeights();
},
/**
* Destroy or disable the droppable and draggable.
*
* @since 2.0.0
* @return {void}
*/
disableDroppableElement: function() {
var $el = this.$el;
// If its been init, just disable.
if ( 'undefined' !== typeof $el.draggable( 'instance' ) ) {
$el.draggable( 'disable' );
}
// If its been init, just disable.
if ( 'undefined' !== typeof this.elementTarget && this.elementTarget.length && 'undefined' !== typeof this.elementTarget.droppable( 'instance' ) ) {
this.elementTarget.droppable( 'disable' );
}
},
/**
* Enable the droppable and draggable.
*
* @since 2.0.0
* @return {void}
*/
enableDroppableElement: function() {
var $el = this.$el;
// If they have been init, then just disable.
if ( 'undefined' !== typeof $el.draggable( 'instance' ) && 'undefined' !== typeof this.elementTarget && this.elementTarget.length && 'undefined' !== typeof this.elementTarget.droppable( 'instance' ) ) {
$el.draggable( 'enable' );
this.elementTarget.droppable( 'enable' );
} else {
// No sign of init, then need to call it.
this.droppableElement();
}
},
/**
* Gets edit label.
*
* @since 2.0.0
* @return {string}
*/
getEditLabel: function() {
var editLabel = fusionBuilderText.element_settings,
elementType = this.model.get( 'element_type' );
if ( 'undefined' !== typeof fusionAllElements[ elementType ] ) {
editLabel = fusionBuilderText.custom_element_settings;
editLabel = editLabel.replace( '%s', fusionAllElements[ elementType ].name );
}
return editLabel;
},
/**
* Simple prevent default function.
*
* @since 2.0.0
* @param {Object} event - Click event object.
* @return {void}
*/
preventDefault: function( event ) {
event.preventDefault();
},
/**
* Update element settings on drag (columns and containers).
*
* @since 2.0.0
* @param {string} selector - Selector of option.
* @param {string} value - Value to update to.
* @return {void}
*/
updateDragSettings: function( selector, value ) {
var $option = jQuery( '[data-element-cid="' + this.model.get( 'cid' ) + '"] ' + selector ),
$elementSettings,
$section;
if ( $option.length ) {
$elementSettings = $option.closest( '.fusion_builder_module_settings' );
if ( ! $elementSettings.find( '.fusion-tabs-menu a[href="#design"]' ).parent().hasClass( 'current' ) ) {
$elementSettings.find( '.fusion-tabs-menu a[href="#design"]' ).parent().trigger( 'click' );
}
$section = $elementSettings.find( '.fusion-tabs-menu a[href="#design"]' ).closest( '.fusion-sidebar-section, .ui-dialog-content' );
$section.scrollTop( $option.position().top + $section.scrollTop() );
$option.val( value ).trigger( 'change' );
}
},
baseInit: function() {
var elementType = this.model.get( 'element_type' );
this.initialValue = {};
this.logHistory = {};
if ( 'string' === typeof elementType && -1 === jQuery.inArray( elementType, FusionPageBuilderApp.inlineElements ) ) {
this.listenTo( FusionEvents, 'fusion-global-update-' + elementType, this.updateDefault );
this.listenTo( FusionEvents, 'fusion-extra-update-' + elementType, this.updateExtra );
}
this.initDynamicParams();
},
initDynamicParams: function() {
var self = this,
params = this.model.get( 'params' ),
dynamicData = params.dynamic_params;
this.dynamicParams = new FusionPageBuilder.DynamicParams( { elementView: this } );
if ( 'string' === typeof params.dynamic_params && '' !== params.dynamic_params ) {
try {
if ( FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( dynamicData ) ) === dynamicData ) {
dynamicData = FusionPageBuilderApp.base64Decode( dynamicData );
dynamicData = _.unescape( dynamicData );
dynamicData = JSON.parse( dynamicData );
}
self.dynamicParams.setData( dynamicData );
} catch ( error ) {
console.log( error ); // jshint ignore:line
}
}
},
/**
* Check for element ajax callbacks and run them.
*
* @since 2.0.0
* @return {void}
*/
triggerAjaxCallbacks: function( skip ) {
var self = this,
AjaxCallbacks = {},
args = {
skip: 'undefined' === typeof skip ? false : skip
};
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].has_ajax ) {
// Collect callbacks. Do not fire the same action twice.
_.each( fusionAllElements[ this.model.get( 'element_type' ) ].has_ajax, function( callback ) {
AjaxCallbacks = {};
AjaxCallbacks[ callback.action ] = {};
AjaxCallbacks[ callback.action ][ 'function' ] = callback[ 'function' ];
AjaxCallbacks[ callback.action ].param_name = callback.param_name;
AjaxCallbacks[ callback.action ].action = callback.action;
} );
// Trigger ajax callbacks to populate query_data attribute
_.each( AjaxCallbacks, function( callback ) {
FusionApp.callback[ callback[ 'function' ] ]( callback.param_name, self.model.attributes.params[ callback.param_name ], self.model.attributes, args, self.model.get( 'cid' ), callback.action, self.model, self );
} );
}
},
updateExtra: function() {
this.reRender();
},
updateDefault: function( param, value ) {
var modelData = jQuery.extend( this.model.attributes, {} ),
reRender = true,
callbackFunction = false,
params = this.model.get( 'params' );
// Only re-render if actually using default.
if ( ( 'undefined' === typeof params[ param ] || '' === params[ param ] || 'default' === params[ param ] ) && ! this.dynamicParams.hasDynamicParam( param ) ) {
callbackFunction = FusionPageBuilderApp.getCallbackFunction( modelData, param, value, this, true );
if ( false !== callbackFunction && 'function' === typeof FusionApp.callback[ callbackFunction[ 'function' ] ] ) {
reRender = this.doCallbackFunction( callbackFunction, false, param, value, modelData, true );
}
if ( reRender ) {
this.reRender();
}
}
},
historyUpdateParam: function( param, value ) {
var modelData = jQuery.extend( this.model.attributes, {} ),
reRender = true,
callbackFunction = false;
this.changeParam( param, value, false, true );
callbackFunction = FusionPageBuilderApp.getCallbackFunction( modelData, param, value, this, true );
if ( false !== callbackFunction && 'function' === typeof FusionApp.callback[ callbackFunction[ 'function' ] ] ) {
reRender = this.doCallbackFunction( callbackFunction, false, param, value, modelData, true );
}
if ( reRender ) {
this.reRender();
}
},
updateParam: function( param, value, event ) {
var modelData = jQuery.extend( this.model.attributes, {} ),
reRender = true,
callbackFunction = FusionPageBuilderApp.getCallbackFunction( modelData, param, value, this );
if ( false !== callbackFunction && 'function' === typeof FusionApp.callback[ callbackFunction[ 'function' ] ] ) {
reRender = this.doCallbackFunction( callbackFunction, event, param, value, modelData );
} else {
this.changeParam( param, value );
}
return reRender;
},
setInitialValue: function( param ) {
if ( 'undefined' !== typeof this.initialValue && 'undefined' === typeof this.initialValue[ param ] && 'undefined' !== typeof param ) {
this.initialValue[ param ] = 'undefined' !== typeof this.model.get( 'params' )[ param ] ? this.model.get( 'params' )[ param ] : '';
}
},
logChangeEvent: function( param, value, label ) {
this.logHistory._param = this.logHistory._param || {};
if ( ! ( param in this.logHistory._param ) ) {
this.logHistory._param[ param ] = _.debounce( _.bind( function( param, value, label ) {
var state = {
type: 'param',
param: param,
newValue: value,
cid: this.model.get( 'cid' )
},
elementMap = fusionAllElements[ this.model.get( 'element_type' ) ],
paramObject = elementMap.params[ param ],
paramTitle = 'object' === typeof paramObject ? paramObject.heading : param;
if ( 'undefined' !== typeof label ) {
paramTitle = label;
} else if ( 'object' !== typeof paramObject && jQuery( '.multi-builder-dimension #' + param ).length ) {
paramObject = elementMap.params[ jQuery( '.multi-builder-dimension #' + param ).closest( '.multi-builder-dimension' ).attr( 'id' ) ];
if ( 'object' === typeof paramObject && 'string' === typeof paramObject.heading ) {
paramTitle = paramObject.heading;
}
} else if ( 'object' !== typeof paramObject && jQuery( '.font_family #' + param ).length ) {
paramObject = elementMap.params[ jQuery( '.font_family #' + param ).closest( '.fusion-builder-option' ).attr( 'data-option-id' ) ];
if ( 'object' === typeof paramObject && 'string' === typeof paramObject.heading ) {
paramTitle = paramObject.heading;
}
} else if ( 'object' !== typeof paramObject && jQuery( '.typography [name="' + param + '"]' ).length ) {
paramObject = elementMap.params[ jQuery( '.typography [name="' + param + '"]' ).closest( '.fusion-builder-option' ).attr( 'data-option-id' ) ];
if ( 'object' === typeof paramObject && 'string' === typeof paramObject.heading ) {
paramTitle = paramObject.heading;
}
}
state.oldValue = this.initialValue[ param ];
delete this.initialValue[ param ];
this.model.trigger( 'change' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.edited + ' ' + elementMap.name + ' - ' + paramTitle, state );
}, this ), 500 );
}
this.logHistory._param[ param ]( param, value, label );
},
changeParam: function( param, value, label, silent ) {
var parentView;
if ( ! silent && ! this.model.get( 'inlineElement' ) ) {
this.setInitialValue( param );
this.model.attributes.params[ param ] = value;
// Update parent after param has been changed.
if ( 'multi_element_child' === this.model.get( 'multi' ) ) {
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( parentView && 'function' === typeof parentView.updateElementContent ) {
parentView.updateElementContent();
}
}
this.logChangeEvent( param, value, label );
} else {
this.model.attributes.params[ param ] = value;
}
},
/**
* Gets callback function for option change.
*
* @since 2.0.0
* @return {void}
*/
doCallbackFunction: function( callbackFunction, event, paramName, paramValue, modelData, skipChange ) {
var reRender = true,
returnData;
callbackFunction.args = 'undefined' === typeof callbackFunction.args ? {} : callbackFunction.args;
callbackFunction.ajax = 'undefined' === typeof callbackFunction.ajax ? false : callbackFunction.ajax;
callbackFunction.action = 'undefined' === typeof callbackFunction.action ? false : callbackFunction.action;
skipChange = 'undefined' === typeof skipChange ? false : skipChange;
// If skip is set then param will not be changed.
callbackFunction.args.skip = skipChange;
// If ajax trigger via debounce, else do it here and retun data.
if ( callbackFunction.ajax ) {
reRender = false;
this.addLoadingOverlay();
this._triggerCallback( event, callbackFunction, paramName, paramValue, modelData.cid, modelData );
} else {
returnData = FusionApp.callback[ callbackFunction[ 'function' ] ]( paramName, paramValue, callbackFunction.args, this );
}
if ( 'undefined' !== typeof returnData && 'undefined' !== typeof returnData.render ) {
reRender = returnData.render;
}
return reRender;
},
/**
* Triggers a callback function.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {string|Object} callbackFunction - The callback function.
* @return {void}
*/
triggerCallback: function( event, callbackFunction, paramName, paramValue, cid, modelData ) {
if ( 'undefined' === typeof cid && 'undefined' !== typeof callbackFunction.cid ) {
cid = callbackFunction.cid;
}
if ( 'undefined' === typeof modelData ) {
modelData = jQuery.extend( this.model.attributes, {} );
}
// This is added due to the new elements causing max call stack. Not sure why but it shouldn't be necessary in any case.
if ( 'undefined' !== typeof modelData ) {
delete modelData.view;
}
if ( 'fusion_do_shortcode' !== callbackFunction[ 'function' ] ) {
FusionApp.callback[ callbackFunction[ 'function' ] ]( paramName, paramValue, modelData, callbackFunction.args, cid, callbackFunction.action, this.model, this );
} else {
FusionApp.callback[ callbackFunction[ 'function' ] ]( cid, callbackFunction.content, callbackFunction.parent );
}
},
addCssProperty: function ( selectors, property, value, important ) {
if ( 'object' === typeof selectors ) {
selectors = Object.values( selectors );
}
if ( 'object' === typeof selectors ) {
selectors = selectors.join( ',' );
}
if ( 'object' !== typeof this.dynamic_css[ selectors ] ) {
this.dynamic_css[ selectors ] = {};
}
if ( 'undefined' !== typeof important && important ) {
value += ' !important';
}
if ( 'undefined' === typeof this.dynamic_css[ selectors ][ property ] || ( 'undefined' !== typeof important && important ) || ! this.dynamic_css[ selectors ][ property ].includes( 'important' ) ) {
this.dynamic_css[ selectors ][ property ] = value;
}
},
isDefault: function( param ) {
return this.values[ param ] === fusionAllElements[ this.model.get( 'element_type' ) ].defaults[ param ];
},
parseCSS: function () {
var css = '';
if ( 'object' !== typeof this.dynamic_css ) {
return '';
}
_.each( this.dynamic_css, function ( properties, selector ) {
if ( 'object' === typeof properties ) {
css += selector + '{';
_.each( properties, function ( value, property ) {
css += property + ':' + value + ';';
} );
css += '}';
}
} );
return css;
},
// Scroll to element and highlight it.
scrollHighlight: function( scroll = true, highlight = true ) {
var $trigger = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-one-page-text-link' ),
$el = this.$el,
elementIdAdded = false,
$highlightedEl,
elId = $el.attr( 'id' );
scroll = 'undefined' === typeof scroll ? true : scroll;
if ( ! elId ) {
$el.attr( 'id', 'fusion-temporary-id-' + this.cid );
elId = 'fusion-temporary-id-' + this.cid;
elementIdAdded = true;
}
setTimeout( function() {
if ( scroll && $trigger.length && 'function' === typeof $trigger.fusion_scroll_to_anchor_target ) {
$trigger.attr( 'href', '#' + elId ).fusion_scroll_to_anchor_target( 15 );
}
if ( elementIdAdded ) {
setTimeout( function() {
$el.removeAttr( 'id' );
}, 10 );
}
if ( highlight ) {
$highlightedEl = $el;
// This is intended to be only for columns.
if ( $el.find( '> .fusion-column-wrapper' ).length ) {
$highlightedEl = $el.find( '> .fusion-column-wrapper' );
}
$highlightedEl.addClass( 'fusion-active-highlight' );
setTimeout( function() {
$highlightedEl.removeClass( 'fusion-active-highlight' );
}, 6000 );
}
}, 10 );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager, FusionPageBuilderApp, FusionApp, FusionEvents, fusionBuilderText */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Row View
FusionPageBuilder.BaseRowView = window.wp.Backbone.View.extend( {
/**
* On init for both regular and nested columns.
*
* @since 3.0
* @return null
*/
baseRowInit: function() {
this._updateResponsiveColumnsOrder = _.debounce( this.updateResponsiveColumnsOrder, 100 );
},
reRender: function() {
this.render( true );
},
/**
* Calculate virtual rows.
*
* @since 2.0.0
* @return {null}
*/
createVirtualRows: function() {
var container = FusionPageBuilderApp.getParentContainer( this.model.get( 'parent' ) );
// If we are flex, no need for virtual rows.
if ( 'function' === typeof container.isFlex && container.isFlex() ) {
return;
}
this.updateVirtualRows();
this.assignColumn();
},
/**
* Set the initial column data to the model.
*
* @since 2.0.0
* @return {void}
*/
updateVirtualRows: function() {
var rows = {},
column = {},
columns = [],
count = 0,
index = 0,
oldRows = this.model.get( 'rows' ),
columnWidth;
this.model.children.each( function( child ) {
column = {};
columnWidth = child.attributes.params.type;
if ( ! columnWidth ) {
columnWidth = '1_1';
}
columnWidth = columnWidth.split( '_' );
columnWidth = columnWidth[ 0 ] / columnWidth[ 1 ];
count += columnWidth;
if ( 1 < count ) {
index += 1;
count = columnWidth;
}
column = {
cid: child.attributes.cid
};
if ( 'undefined' === typeof rows[ index ] ) {
rows[ index ] = [ column ];
} else {
rows[ index ].push( column );
}
columns[ child.attributes.cid ] = index;
} );
this.model.set( 'columns', columns );
this.model.set( 'rows', rows );
if ( 'object' === typeof oldRows ) {
this.model.set( 'oldRows', oldRows );
}
},
/**
* Change the column in the model.
*
* @since 2.0.0
* @param {Object} column - The column view.
* @return {void}
*/
assignColumn: function() {
var columnParams,
self = this,
oldRows = this.model.get( 'oldRows' ),
updatedCols = false,
emptySpacing = true;
// Reset first, last positions
this.model.children.each( function( column ) {
columnParams = jQuery.extend( true, {}, column.get( 'params' ) );
columnParams.first = false;
columnParams.last = false;
column.set( 'params', columnParams );
} );
// Loop over virtual rows
_.each( this.model.get( 'rows' ), function( row, rowIndex ) {
var total = row.length,
lastIndex = total - 1,
rowSame = true,
previousSpacing = '';
// Loop over columns inside virtual row
_.each( row, function( col, colIndex ) {
var columnFirst = false,
columnLast = false,
model = self.model.children.find( function( model ) {
return model.get( 'cid' ) == col.cid; // jshint ignore: line
} ),
params = jQuery.extend( true, {}, model.get( 'params' ) ),
spacing,
weightedSpacing;
// First index
if ( 0 === colIndex ) {
columnFirst = true;
}
if ( lastIndex === colIndex ) {
columnLast = true;
}
params.first = columnFirst;
params.last = columnLast;
// Check if we need legacy column spacing set.
if ( 'undefined' !== typeof params.spacing && FusionPageBuilderApp.loaded ) {
spacing = params.spacing;
if ( 'yes' === spacing ) {
spacing = '4%';
} else if ( 'no' === spacing ) {
spacing = '0px';
}
if ( ! params.last && '0px' !== spacing && 0 !== spacing && '0' !== spacing ) {
emptySpacing = false;
}
weightedSpacing = self.getWeightedSpacing( spacing, params, total );
// Only set params if both are unset.
if ( 'undefined' === typeof params.spacing_left && 'undefined' === typeof params.spacing_right ) {
// Use what is set as right spacing.
if ( ! params.last ) {
params.spacing_right = weightedSpacing;
}
// Check right spacing of previous column.
if ( '' !== previousSpacing ) {
params.spacing_left = self.getWeightedSpacing( previousSpacing, params, total );
}
}
previousSpacing = spacing;
} else {
emptySpacing = false;
}
model.set( 'params', params );
// Check if col is same as before.
if ( rowSame ) {
if ( 'object' !== typeof oldRows || 'undefined' === typeof oldRows[ rowIndex ] || 'undefined' === typeof oldRows[ rowIndex ][ colIndex ] || oldRows[ rowIndex ][ colIndex ].cid !== col.cid ) {
rowSame = false;
}
}
} );
if ( ! rowSame && FusionPageBuilderApp.loaded ) {
if ( false === updatedCols ) {
updatedCols = [];
}
_.each( row, function( col ) {
updatedCols.push( col.cid );
} );
}
} );
this.model.set( 'emptySpacing', emptySpacing );
this.model.set( 'updatedCols', updatedCols );
},
getVirtualRowByCID: function( cid ) {
var rows = this.model.get( 'rows' ),
columns = this.model.get( 'columns' ),
index = columns[ cid ],
row = rows[ index ];
return row;
},
/**
* First render, work out legacy column map only once.
*
* @since 2.0.0
* @return {Object} this
*/
legacyColumns: function() {
var container = FusionPageBuilderApp.getParentContainer( this.model.get( 'parent' ) ),
emptySpacing = false,
nestedRows = {};
// If we are not in need of legacy conversion then skip.
if ( ! container || ! container.needsLegacyConversion() ) {
return;
}
// Create map of row to get correct spacing.
this.updateVirtualRows();
this.assignColumn();
if ( ! this.nestedRow ) {
// This row is all empty spacing.
emptySpacing = this.model.get( 'emptySpacing' );
// Run through same process for nested rows.
this.$el.find( '.fusion-builder-row-inner' ).each( function() {
var nestedRowCid = jQuery( this ).attr( 'data-cid' ),
nestedView = FusionPageBuilderViewManager.getView( nestedRowCid );
// Store for later looping if necessary.
nestedRows[ nestedRowCid ] = nestedView;
// Update legacy maps and nested column styles.
nestedView.legacyColumns();
// If nested row is not empty spacing, parent row shouldn't be also.
if ( false === nestedView.model.get( 'emptySpacing' ) ) {
emptySpacing = false;
}
} );
// If its empty spacing and all nested rows also, we will set spacing on container and re-render.
if ( emptySpacing ) {
// Set the spacing on container.
container = FusionPageBuilderApp.getParentContainer( this.model.get( 'parent' ) );
if ( container ) {
container.setEmptySpacing();
}
// If we have nested rows, update them visually.
if ( 'object' === typeof nestedRows && ! _.isEmpty( nestedRows ) ) {
_.each( nestedRows, function( nestedRow ) {
nestedRow.recalculateMargins();
} );
}
// Update parent row visually.
this.recalculateMargins();
}
}
// Update visual appearance for direct children columns.
this.model.children.each( function( child ) {
var view = FusionPageBuilderViewManager.getView( child.attributes.cid );
view.setArgs();
view.validateArgs();
view.setExtraArgs();
view.setColumnMapData();
view.setResponsiveColumnStyles();
view.$el.find( '.fusion-column-responsive-styles' ).last().html( view.responsiveStyles );
} );
// Set param on container to stop it rerunning.
if ( container && 'function' === typeof container.setType ) {
container.setType();
}
},
getHalfSpacing: function( value ) {
var unitlessSpacing = parseFloat( value ),
unitlessHalf = unitlessSpacing / 2;
return value.replace( unitlessSpacing, unitlessHalf );
},
validateColumnWidth: function( columnSize ) {
var fractions;
if ( 'undefined' === typeof columnSize ) {
columnSize = '1_3';
}
// Fractional value.
if ( -1 !== columnSize.indexOf( '_' ) ) {
fractions = columnSize.split( '_' );
return parseFloat( fractions[ 0 ] ) / parseFloat( fractions[ 1 ] );
}
// Greater than one, assume percentage and divide by 100.
if ( 1 < parseFloat( columnSize ) ) {
return parseFloat( columnSize ) / 100;
}
return columnSize;
},
getWeightedSpacing: function( value, params, total ) {
var width = parseFloat( this.validateColumnWidth( params.type ) ),
unitlessSpacing = parseFloat( value ),
unitlessWeighted;
total = 'undefined' === typeof total || false === total ? false : parseInt( total );
if ( false !== total && 3 > total ) {
unitlessWeighted = unitlessSpacing * width;
} else {
unitlessWeighted = unitlessSpacing / 2;
}
return value.replace( unitlessSpacing, unitlessWeighted );
},
updateColumnsPreview: function() {
var container = FusionPageBuilderApp.getParentContainer( this.model.get( 'parent' ) ),
updatedCols = this.model.get( 'updatedCols' ),
self = this;
// Update flex column preview here.
if ( 'function' === typeof container.isFlex && container.isFlex() ) {
return;
}
if ( true === FusionPageBuilderApp.loaded ) {
this.model.children.each( function( child ) {
var view,
singleRow,
columnRow;
if ( false === updatedCols || _.contains( updatedCols, child.attributes.cid ) ) {
view = FusionPageBuilderViewManager.getView( child.attributes.cid );
singleRow = self.getVirtualRowByCID( view.model.get( 'cid' ) );
columnRow = [];
// Update first/last classes
view.$el.removeClass( 'fusion-column-last' );
view.$el.removeClass( 'fusion-column-first' );
if ( true === view.model.attributes.params.last ) {
view.$el.addClass( 'fusion-column-last' );
}
if ( true === view.model.attributes.params.first ) {
view.$el.addClass( 'fusion-column-first' );
}
// Update column spacing.
_.each( singleRow, function( cid ) {
var model,
value;
cid = cid.cid;
model = self.collection.find( function( model ) {
return model.get( 'cid' ) == cid; // jshint ignore: line
} );
value = model.attributes.params.spacing;
columnRow.push( value );
} );
view.columnSpacingPreview( columnRow );
}
} );
}
},
/**
* Sets the row data.
*
* @since 2.0.0
* @return {void}
*/
setRowData: function() {
this.createVirtualRows();
this.updateColumnsPreview();
},
setSingleRowData: function( cid ) {
var row = this.getVirtualRowByCID( cid ),
view;
_.each( row, function( column ) {
view = FusionPageBuilderViewManager.getView( column.cid );
view.reRender();
} );
},
/**
* Mode change for container.
*
* @since 3.0
* @return {void}
*/
modeChange: function() {
this.setRowData();
this.reRender( true );
this.reRenderColumns();
// Refresh nested rows if they exist.
if ( ! this.nestedRow ) {
this.reRenderNestedRows();
}
},
/**
* Mode change for container.
*
* @since 3.0
* @return {void}
*/
updateInnerStyles: function() {
this.setRowData();
this.reRender( true );
if ( this.nestedRow ) {
this.appendChildren( false );
}
this.model.children.each( function( child ) {
var cid = child.attributes.cid;
var column = FusionPageBuilderViewManager.getView( cid );
if ( column ) {
column.updateInnerStyles();
}
} );
// Refresh nested rows if they exist.
if ( ! this.nestedRow ) {
this.$el.find( '.fusion_builder_row_inner' ).each( function( ) {
var cid = jQuery( this ).attr( 'data-cid' ),
row = FusionPageBuilderViewManager.getView( cid );
if ( row ) {
row.updateInnerStyles();
}
} );
}
this.delegateChildEvents();
},
/**
* Re-render the nested rows.
*
* @since 3.0
* @return {void}
*/
reRenderNestedRows: function() {
this.$el.find( '.fusion_builder_row_inner' ).each( function( ) {
var cid = jQuery( this ).attr( 'data-cid' ),
row = FusionPageBuilderViewManager.getView( cid );
if ( 'object' === typeof row ) {
row.modeChange();
row.appendChildren();
}
} );
},
/**
* Re-render columns
*
* @since 3.0
* @return {void}
*/
reRenderColumns: function() {
var cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
if ( view ) {
view.reRender();
}
} );
},
/**
* Updates columns' order params.
* @return {void}
*/
updateResponsiveColumnsOrder: function( draggedColumn, columns, targetColumnCID, insertAfterTargetColumn ) {
var viewportSize = FusionApp.getPreviewWindowSize(),
draggedColumnCID = parseInt( draggedColumn.data( 'cid' ) ),
draggedColumnOrder = parseInt( draggedColumn.css( 'order' ) ),
columnsArray = [],
index = 0,
columnView;
if ( 'large' === viewportSize ) {
return;
}
jQuery( columns ).each( function( scopedIndex, column ) {
// TODO: handle case when multiple columns have same order set.
if ( draggedColumnCID !== jQuery( column ).data( 'cid' ) ) {
columnsArray.push( [ parseInt( jQuery( column ).data( 'cid' ) ), parseInt( jQuery( column ).css( 'order' ) ) ] );
}
} );
// Sort columns by CSS order.
columnsArray.sort( function( col1, col2 ) {
return col1[ 1 ] - col2[ 1 ];
} );
// Find index (position) of target column.
for ( index = 0; index < columnsArray.length; index++ ) {
if ( targetColumnCID === columnsArray[ index ][ 0 ] ) {
break;
}
}
// In case we're inserting before target column.
if ( ! insertAfterTargetColumn ) {
index--;
}
// Insert dragged column in it's place. Note that index is position in 'splice' context (not array index).
columnsArray.splice( index + 1, 0, [ draggedColumnCID, draggedColumnOrder ] );
// Index is not longer relevant, using it just as iterator.
for ( index = 0; index < columnsArray.length; index++ ) {
// Get column view by CID.
columnView = FusionPageBuilderViewManager.getView( columnsArray[ index ][ 0 ] );
// Update order param and value.
columnView.model.attributes.params[ 'order_' + viewportSize ] = index;
columnView.values[ 'order_' + viewportSize ] = index;
// Update column's responsive styles.
columnView.setResponsiveColumnStyles();
columnView.$el.find( '.fusion-column-responsive-styles' ).last().html( columnView.responsiveStyles );
// Update EO panel if opened.
if ( jQuery( '.fusion-builder-module-settings[data-element-cid="' + columnsArray[ index ][ 0 ] + '"' ) ) {
FusionEvents.trigger( 'fusion-param-changed-' + columnView.model.get( 'cid' ), 'order_' + viewportSize, index );
}
}
// Trigger change and add history event.
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.column + ' Order Changed' );
},
scrollHighlight: function( scroll = true, highlight = true ) {
var $trigger = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-one-page-text-link' ),
$el = this.$el,
elementIdAdded = false,
elId = $el.attr( 'id' );
scroll = 'undefined' === typeof scroll ? true : scroll;
if ( ! elId ) {
$el.attr( 'id', 'fusion-temporary-id-' + this.cid );
elId = 'fusion-temporary-id-' + this.cid;
elementIdAdded = true;
}
setTimeout( function() {
if ( scroll && $trigger.length && 'function' === typeof $trigger.fusion_scroll_to_anchor_target ) {
$trigger.attr( 'href', '#' + elId ).fusion_scroll_to_anchor_target( 15 );
}
if ( elementIdAdded ) {
setTimeout( function() {
$el.removeAttr( 'id' );
}, 10 );
}
if ( highlight ) {
$el.addClass( 'fusion-active-highlight' );
setTimeout( function() {
$el.removeClass( 'fusion-active-highlight' );
}, 6000 );
}
}, 10 );
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionBuilderText, fusionAllElements, cssua, FusionPageBuilderViewManager, FusionPageBuilderApp, FusionEvents, fusionSettings */
/* eslint no-unused-vars: 0 */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Nested Column View
FusionPageBuilder.BaseColumnView = FusionPageBuilder.BaseView.extend( {
/**
* On init for both regular and nested columns.
*
* @since 3.0
* @return null
*/
baseColumnInit: function() {
this.model.children = new FusionPageBuilder.Collection();
this.listenTo( FusionEvents, 'fusion-param-changed-' + this.model.get( 'cid' ), this.onOptionChange );
this.listenTo( this.model.children, 'add', this.addChildView );
// Responsive control updates on resize.
this.listenTo( FusionEvents, 'fusion-preview-viewport-update', this.onPreviewResize );
this._triggerCallback = _.debounce( _.bind( this.triggerCallback, this ), 200 );
this._toolTipHide = _.debounce( _.bind( this.toolTipHide, this ), 500 );
this._refreshJs = _.debounce( _.bind( this.refreshJs, this ), 300 );
this._equalHeights = _.debounce( _.bind( this.equalHeights, this ), 300 );
this.deprecatedParams();
// Hold the DOM elements for resizables.
this.marginResize = {};
this.paddingResize = {};
},
/**
* Runs before view DOM is patched.
*
* @since 2.0.0
* @return null
*/
beforePatch: function() {}, // eslint-disable-line no-empty-function
/**
* Runs after view DOM is patched.
*
* @since 2.0.0
* @return null
*/
afterPatch: function() {
var self = this;
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
if ( this.model.get( 'dragging' ) ) {
this.model.attributes.selectors.style += ';display: none;';
this.model.attributes.selectors[ 'class' ] += ' ignore-me-column';
}
this.$el.removeAttr( 'data-animationType' );
this.$el.removeAttr( 'data-animationDuration' );
this.$el.removeAttr( 'data-animationOffset' );
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
if ( this.forceAppendChildren ) {
this.appendChildren();
this.forceAppendChildren = false;
}
setTimeout( function() {
self.droppableColumn();
}, 300 );
this._refreshJs();
},
/**
* Delegates multiple child elements.
*
* @since 2.0.0
* @return {void}
*/
delegateChildEvents: function() {
var cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
view.delegateEvents();
// Re init for elements.
if ( 'function' === typeof view.droppableElement ) {
view.droppableElement();
}
// Re init for nested row.
if ( 'function' === typeof view.droppableColumn ) {
view.droppableColumn();
}
// Multi elements
if ( 'undefined' !== typeof view.model.get( 'multi' ) && 'multi_element_parent' === view.model.get( 'multi' ) ) {
view.delegateChildEvents();
view.sortableChildren();
}
} );
},
updateInnerStyles: function() {
this.setArgs();
this.validateArgs();
this.setExtraArgs();
this.setColumnMapData();
this.setResponsiveColumnStyles();
this.$el.find( '.fusion-column-responsive-styles' ).last().html( this.responsiveStyles );
this.delegateChildEvents();
},
/**
* Updates now deprecated params and adds BC checks.
*
* @since 2.1
* @return {void}
*/
deprecatedParams: function() {
var params = this.model.get( 'params' ),
alphaBackgroundColor = 1,
radiaDirectionsNew = { 'bottom': 'center bottom', 'bottom center': 'center bottom', 'left': 'left center', 'right': 'right center', 'top': 'center top', 'center': 'center center', 'center left': 'left center' },
borderSize;
// Correct radial direction params.
if ( 'undefined' !== typeof params.radial_direction && ( params.radial_direction in radiaDirectionsNew ) ) {
params.radial_direction = radiaDirectionsNew[ params.radial_direction ];
}
// No align self set but ignore equal heights is on.
if ( 'undefined' === typeof params.align_self && 'undefined' !== typeof params.min_height && 'none' === params.min_height ) {
params.align_self = 'flex-start';
}
// No align content set, but legacy center_content is on.
if ( 'undefined' === typeof params.align_content && 'undefined' !== typeof params.center_content && 'yes' === params.center_content ) {
params.align_content = 'center';
}
// Border sizes.
if ( ( 'undefined' === typeof params.border_sizes_top || 'undefined' === typeof params.border_sizes_bottom || 'undefined' === typeof params.border_sizes_left || 'undefined' === typeof params.border_sizes_right ) && 'string' === typeof params.border_size ) {
switch ( params.border_position ) {
case 'all':
borderSize = _.fusionGetValueWithUnit( params.border_size );
params.border_sizes_top = borderSize;
params.border_sizes_bottom = borderSize;
params.border_sizes_left = borderSize;
params.border_sizes_right = borderSize;
break;
default:
params[ 'border_sizes_' + params.border_position ] = _.fusionGetValueWithUnit( params.border_size );
}
delete params.border_size;
}
this.model.set( 'params', params );
},
/**
* Handle margin adjustments on drag.
*
* @since 2.0.0
* @return {void}
*/
marginDrag: function() {
var $el = this.$el,
self = this,
directions = { top: 's', bottom: 's' },
parentWidth = 'fusion_builder_column_inner' === this.model.get( 'type' ) ? $el.closest( '.fusion-builder-row-container-inner' ).width() : $el.closest( '.fusion-row' ).width(),
isFlex = false,
$spacers = this.$el.find( '> .fusion-column-wrapper > .fusion-column-spacers, > .fusion-column-margins' );
// If flex we also use left and right.
if ( 'undefined' !== typeof this.isFlex && true === this.isFlex ) {
directions = { top: 's', bottom: 's', left: 'e', right: 'w' };
isFlex = true;
}
// If class is set, do not init again.
if ( this.$el.hasClass( 'resizable-active' ) ) {
return;
}
// Single post card, margin is not used.
if ( 'fusion_builder_column_inner' !== this.model.get( 'type' ) && 'post_cards' === FusionApp.data.fusion_element_type ) {
return;
}
_.each( directions, function( handle, direction ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'top' === direction || 'bottom' === direction ? 'margin_' + direction : 'spacing_' + direction, self.isFlex ),
actualDimension = self.values[ optionKey ],
percentSpacing = false;
// No value, use half column spacing (not upsized).
if ( ! actualDimension || '' === actualDimension ) {
if ( isFlex &&
( 'top' === direction || 'bottom' === direction ) &&
self.values[ 'margin_' + direction ] ) {
actualDimension = self.values[ 'margin_' + direction ];
} else {
actualDimension = self.getHalfSpacing();
}
}
// Check if using a percentage.
percentSpacing = -1 !== actualDimension.indexOf( '%' );
// If percentage, get the actual px dimension.
if ( percentSpacing ) {
actualDimension = ( parentWidth / 100 ) * parseFloat( actualDimension );
}
// Overlap checks.
if ( 'bottom' === direction ) {
if ( 20 > parseInt( actualDimension, 10 ) ) {
$spacers.find( '.fusion-column-margin-bottom, .fusion-column-padding-bottom' ).addClass( 'fusion-overlap' );
} else {
$spacers.find( '.fusion-column-margin-bottom, .fusion-column-padding-bottom' ).removeClass( 'fusion-overlap' );
}
}
// Find element and display it.
self.marginResize[ direction ] = $spacers.find( '.fusion-column-margin-' + direction );
self.marginResize[ direction ].css( 'display', 'block' );
// Set initial width or height.
if ( 'left' === direction || 'right' === direction ) {
self.marginResize[ direction ].width( actualDimension );
} else {
self.marginResize[ direction ].height( actualDimension );
}
// Init resizable.
self.marginResize[ direction ].resizable( {
handles: handle,
minHeight: 0,
minWidth: 0,
grid: ( percentSpacing ) ? [ parentWidth / 1000, 10 ] : '',
resize: function( event, ui ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'top' === direction || 'bottom' === direction ? 'margin_' + direction : 'spacing_' + direction, self.isFlex ),
percentSpacing = 'undefined' !== typeof self.values[ optionKey ] ? -1 !== self.values[ optionKey ].indexOf( '%' ) : false,
$resizer = jQuery( ui.element ),
value = 'top' === direction || 'bottom' === direction ? ui.size.height : ui.size.width;
// If nothing is set and left and right, check row column spacing
if ( '' === self.values[ optionKey ] && ( 'left' === direction || 'right' === direction ) ) {
percentSpacing = -1 !== self.getHalfSpacing().indexOf( '%' );
}
// Active class to prevent multiple inits.
$resizer.closest( '.fusion-builder-column:not( .resizable-active )' ).addClass( 'resizable-active' );
// Work out value.
value = 0 > value ? 0 : value;
value = value + 'px';
if ( percentSpacing ) {
value = 0 === parseFloat( value ) ? '0%' : ( Math.round( parseFloat( parseFloat( value ) / ( parentWidth / 1000 ) ) ) / 10 ) + '%';
}
// Bottom margin overlap
if ( 'bottom' === direction ) {
if ( 20 > ui.size.height ) {
$resizer.addClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-padding-bottom' ).addClass( 'fusion-overlap' );
} else {
$resizer.removeClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-padding-bottom' ).removeClass( 'fusion-overlap' );
}
}
// Display tooltip.
$resizer.find( '.fusion-spacing-tooltip, .fusion-column-spacing' ).addClass( 'active' );
$resizer.find( '.fusion-spacing-tooltip' ).text( value );
// Update open settings modal.
self.updateDragSettings( '#' + optionKey, value );
},
stop: function( event, ui ) {
var $resizer = jQuery( ui.element );
$resizer.closest( '.fusion-builder-column' ).removeClass( 'resizable-active' );
$resizer.find( '.fusion-spacing-tooltip, .fusion-column-spacing' ).removeClass( 'active' );
// Delete all spacing resizable within because parent width has changed.
if ( $resizer.find( '.fusion-builder-column-inner' ).find( '.fusion-element-spacing .ui-resizable' ).length ) {
$resizer.closest( '.fusion-builder-column-inner' ).find( '.fusion-element-spacing .ui-resizable' ).resizable( 'destroy' );
}
}
} );
} );
},
/**
* Handle padding adjustments on drag.
*
* @since 2.0.0
* @return {void}
*/
paddingDrag: function() {
var $el = this.$el,
self = this,
directions = { top: 's', right: 'w', bottom: 's', left: 'e' },
percentSpacing = false,
parentWidth = $el.find( '> .fusion-column-wrapper' ).first().width(),
$spacers = this.$el.find( '> .fusion-column-wrapper > .fusion-column-spacers, > .fusion-column-margins' ),
valueAllowed = ( parentWidth / 100 ),
isFlex = false,
value,
actualDimension;
if ( this.$el.hasClass( 'resizable-active' ) ) {
return;
}
if ( 'undefined' !== typeof this.isFlex && true === this.isFlex ) {
isFlex = true;
}
_.each( directions, function( handle, direction ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'padding_' + direction, isFlex ),
actualDimension = self.values[ optionKey ] || self.values[ 'padding_' + direction ],
percentSpacing = false;
if ( ! isFlex && ! actualDimension ) {
actualDimension = '0px';
}
// Check if using a percentage.
percentSpacing = 'undefined' !== typeof actualDimension ? -1 !== actualDimension.indexOf( '%' ) : false;
if ( percentSpacing ) {
// Get actual dimension and set.
actualDimension = ( parentWidth / 100 ) * parseFloat( actualDimension );
}
if ( 'bottom' !== direction && ( isFlex || 'top' === direction ) ) {
if ( 20 > parseInt( actualDimension, 10 ) ) {
$spacers.find( '.fusion-column-margin-' + direction + ', .fusion-column-padding-' + direction ).addClass( 'fusion-overlap' );
} else {
$spacers.find( '.fusion-column-margin-' + direction + ', .fusion-column-padding-' + direction ).removeClass( 'fusion-overlap' );
}
}
self.paddingResize[ direction ] = $spacers.find( '.fusion-column-padding-' + direction );
self.paddingResize[ direction ].css( 'display', 'block' );
if ( 'top' === direction || 'bottom' === direction ) {
self.paddingResize[ direction ].height( actualDimension );
} else {
self.paddingResize[ direction ].width( actualDimension );
}
self.paddingResize[ direction ].resizable( {
handles: handle,
minHeight: 0,
minWidth: 0,
resize: function( event, ui ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'padding_' + direction, isFlex ),
actualDimension = self.values[ optionKey ],
dimension = 'top' === direction || 'bottom' === direction ? 'height' : 'width',
$resizer = jQuery( ui.element );
// Recheck in case unit is changed in the modal.
percentSpacing = 'undefined' !== typeof actualDimension ? -1 !== actualDimension.indexOf( '%' ) : false;
// Force to grid amount.
if ( percentSpacing ) {
ui.size[ dimension ] = Math.round( ui.size[ dimension ] / valueAllowed ) * valueAllowed;
}
$resizer.closest( '.fusion-builder-column' ).addClass( 'resizable-active' );
// Change format of value.
value = ui.size[ dimension ];
value = 0 > value ? 0 : value;
value = value + 'px';
if ( percentSpacing ) {
value = 0 === parseFloat( value ) ? '0%' : Math.round( parseFloat( parseFloat( value ) / ( parentWidth / 100 ) ) ) + '%';
}
// Overlaps top left, right.
if ( 'top' === direction ) {
if ( 20 > ui.size.height ) {
$resizer.addClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-margin-top' ).addClass( 'fusion-overlap' );
} else {
$resizer.removeClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-margin-top' ).removeClass( 'fusion-overlap' );
}
} else if ( 'right' === direction ) {
if ( 20 > ui.size.width && ( isFlex || 20 > $spacers.find( '.fusion-column-spacing .fusion-spacing-value' ).width() ) ) {
$resizer.addClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-spacing, .fusion-column-margin-right' ).addClass( 'fusion-overlap' );
} else {
$resizer.removeClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-spacing, .fusion-column-margin-right' ).removeClass( 'fusion-overlap' );
}
} else if ( 'left' === direction && isFlex ) {
if ( 20 > ui.size.width ) {
$resizer.addClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-margin-left' ).addClass( 'fusion-overlap' );
} else {
$resizer.removeClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-margin-left' ).removeClass( 'fusion-overlap' );
}
}
// Set values.
$resizer.find( '.fusion-spacing-tooltip, .fusion-column-spacing' ).addClass( 'active' );
$resizer.find( '.fusion-spacing-tooltip' ).text( value );
// Update open modal.
self.updateDragSettings( '#' + optionKey, value );
},
stop: function( event, ui ) {
var $resizer = jQuery( ui.element );
$resizer.closest( '.fusion-builder-column' ).removeClass( 'resizable-active' );
$resizer.find( '.fusion-spacing-tooltip, .fusion-column-spacing' ).removeClass( 'active' );
// Delete all spacing resizable within because parent width has changed.
if ( $resizer.find( '.fusion-builder-column-inner' ).find( '.fusion-element-spacing .ui-resizable' ).length ) {
$resizer.closest( '.fusion-builder-column-inner' ).find( '.fusion-element-spacing .ui-resizable' ).resizable( 'destroy' );
}
}
} );
} );
},
/**
* Destroy column's resizables.
*
* @since 2.0.0
* @return {void}
*/
destroyResizable: function() {
this.destroySpacingResizable();
this.destroyMarginResizable();
this.destroyPaddingResizable();
},
/**
* Destroy column's spacing resizable.
*
* @since 2.0.0
* @return {void}
*/
destroySpacingResizable: function() {
var $columnSpacer;
$columnSpacer = this.$el.find( '> .fusion-column-spacing .fusion-spacing-value' );
if ( $columnSpacer.hasClass( 'ui-resizable' ) ) {
$columnSpacer.resizable( 'destroy' );
$columnSpacer.hide();
this.columnSpacer = false;
}
},
/**
* Destroy column's margin resizable.
*
* @since 2.0.0
* @return {void}
*/
destroyMarginResizable: function() {
_.each( this.marginResize, function( $marginResize ) {
if ( $marginResize.length && $marginResize.hasClass( 'ui-resizable' ) && -1 !== $marginResize.attr( 'class' ).indexOf( 'fusion-column-margin-' ) ) {
$marginResize.resizable( 'destroy' );
$marginResize.hide();
}
} );
},
/**
* Destroy column's padding resizable.
*
* @since 2.0.0
* @return {void}
*/
destroyPaddingResizable: function() {
_.each( this.paddingResize, function( $paddingResize ) {
if ( $paddingResize.length && $paddingResize.hasClass( 'ui-resizable' ) && -1 !== $paddingResize.attr( 'class' ).indexOf( 'fusion-column-padding-' ) ) {
$paddingResize.resizable( 'destroy' );
$paddingResize.hide();
}
} );
},
/**
* Changes the column spacing.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
columnSpacing: function( event ) {
var percentSpacing = false,
$el = this.$el,
self = this,
$spacers = this.$el.find( '> .fusion-column-wrapper > .fusion-column-spacers' ),
marginDirection = FusionPageBuilderApp.$el.hasClass( 'rtl' ) ? 'left' : 'right',
parentWidth,
marginRight,
container,
columnSpacing,
existingSpacing,
modelSpacing,
$columnSpacer,
maxWidth,
rightPadding,
rightOverlap;
// We don't need column spacing when flex container is used.
if ( 'undefined' !== typeof this.isFlex && true === this.isFlex ) {
return;
}
$columnSpacer = this.$el.find( '> .fusion-column-spacing .fusion-spacing-value' );
if ( event && 'event' !== event ) {
event.preventDefault();
}
// If responsive mode and columns are 1/1 hide and return.
if ( jQuery( '#fb-preview' ).width() < FusionApp.settings.content_break_point && FusionApp.settings.responsive ) {
$columnSpacer.hide();
return;
}
$columnSpacer.show();
// If this is the last column in a virtual row, then no handles.
if ( this.$el.hasClass( 'fusion-column-last' ) ) {
return;
}
// No resizer for fallback method.
if ( 'yes' === this.model.attributes.params.spacing || 'no' === this.model.attributes.params.spacing ) {
return;
}
existingSpacing = this.model.attributes.params.spacing;
if ( 'undefined' === typeof existingSpacing || '' === existingSpacing ) {
existingSpacing = '4%';
}
if ( 'no' === existingSpacing ) {
existingSpacing = '0';
}
// Already created spacer and not %, no need to continue.
if ( this.columnSpacer && -1 === existingSpacing.indexOf( '%' ) ) {
return;
}
// Get the container width.
container = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'fusion_builder_column_inner' === this.model.get( 'type' ) ) {
parentWidth = container.$el.find( '.fusion-builder-row-container-inner' ).width();
} else {
parentWidth = container.$el.find( '.fusion-row' ).width();
}
// Already created spacer, % is being used and width is the same, no need to continue.
if ( this.columnSpacer && parentWidth === this.parentWidth ) {
return;
}
// Store parent width to compare.
this.parentWidth = parentWidth;
// Get the column right margin. In real usage use the model attribute.
columnSpacing = existingSpacing;
marginRight = existingSpacing;
// Set column spacing width.
if ( -1 !== existingSpacing.indexOf( '%' ) ) {
percentSpacing = true;
marginRight = parseFloat( marginRight ) / 100.0;
columnSpacing = marginRight * parentWidth;
}
// Set max width spacing.
maxWidth = parentWidth - 100;
// Destroy in case it's already active
if ( $columnSpacer.hasClass( 'ui-resizable' ) ) {
$columnSpacer.resizable( 'destroy' );
}
$columnSpacer.width( columnSpacing );
$columnSpacer.resizable( {
handles: FusionPageBuilderApp.$el.hasClass( 'rtl' ) ? 'w' : 'e',
minWidth: 0,
maxWidth: maxWidth,
grid: ( percentSpacing ) ? [ parentWidth / 100, 10 ] : '',
create: function() {
if ( 0 === $el.find( '> .fusion-column-spacing .fusion-spacing-value' ).width() ) {
$el.find( '> .fusion-column-spacing' ).addClass( 'empty' );
} else if ( $el.find( '> .fusion-column-spacing.empty' ).length ) {
$el.find( '> .fusion-column-spacing' ).removeClass( 'empty' );
}
},
resize: function( event, ui ) {
ui.size.width = 0 > ui.size.width ? 0 : ui.size.width;
if ( 0 === modelSpacing ) {
$el.find( '> .fusion-column-spacing' ).addClass( 'empty' );
} else if ( $el.find( '> .fusion-column-spacing.empty' ).length ) {
$el.find( '> .fusion-column-spacing' ).removeClass( 'empty' );
}
modelSpacing = ui.size.width + 'px';
if ( percentSpacing ) {
modelSpacing = Math.round( parseFloat( ui.size.width / ( parentWidth / 100 ) ) ) + '%';
}
$el.css( 'margin-' + marginDirection, modelSpacing );
// Update open modal.
if ( jQuery( '[data-element-cid="' + self.model.get( 'cid' ) + '"]' ).length ) {
jQuery( '[data-element-cid="' + self.model.get( 'cid' ) + '"] [data-option-id="spacing"] #spacing' ).val( modelSpacing ).trigger( 'change' );
}
$el.find( '> .fusion-column-spacing .fusion-spacing-tooltip, > .fusion-column-spacing' ).addClass( 'active' );
$el.find( '> .fusion-column-spacing .fusion-spacing-tooltip' ).text( modelSpacing );
$el.addClass( 'active-drag' );
self._toolTipHide();
// Right padding overlap.
if ( 20 > ui.size.width && 20 > $spacers.find( '.fusion-column-padding-' + marginDirection ).width() ) {
jQuery( ui.element ).parent().addClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-padding-' + marginDirection ).addClass( 'fusion-overlap' );
} else {
jQuery( ui.element ).parent().removeClass( 'fusion-overlap' );
$spacers.find( '.fusion-column-padding-' + marginDirection ).removeClass( 'fusion-overlap' );
}
},
stop: function( event, ui ) { // jshint ignore: line
$el.removeClass( 'active-drag' );
}
} );
rightPadding = 'undefined' === typeof this.model.attributes.params.padding_right || '' === this.model.attributes.params.padding_right ? '0px' : this.model.attributes.params.padding_right;
rightOverlap = ( 20 > parseInt( rightPadding, 10 ) && ( '0%' === rightPadding || -1 === rightPadding.indexOf( '%' ) ) && ( 20 > parseInt( columnSpacing, 10 ) ) ) ? 'fusion-overlap' : '';
if ( '' !== rightOverlap ) {
$spacers.find( '.fusion-column-padding-right' ).addClass( 'fusion-overlap' );
$el.find( '> .fusion-column-spacing' ).addClass( 'fusion-overlap' );
} else {
$spacers.find( '.fusion-column-padding-right' ).removeClass( 'fusion-overlap' );
$el.find( '> .fusion-column-spacing' ).removeClass( 'fusion-overlap' );
}
// Column spacer created
this.columnSpacer = true;
},
/**
* Changes the size of a column.
*
* @since 2.0.0
* @param {Object} event - The event triggering the change in size.
* @return {void}
*/
sizeSelect: function( event ) {
var columnSize,
fractionSize,
container = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
viewport = jQuery( '#fb-preview' ).attr( 'data-viewport' ),
index = [ 'desktop', 'tablet', 'mobile' ].findIndex( function ( vp ) {
return viewport.includes( vp );
} ),
widthKeys = [ 'type', 'type_medium', 'type_small' ];
if ( event ) {
event.preventDefault();
}
columnSize = jQuery( event.target ).data( 'column-size' );
// Check if there's a setings view and verifify if it's the one corresponding to this element.
if ( FusionPageBuilderApp.SettingsHelpers.openSettingsView && FusionPageBuilderApp.SettingsHelpers.openSettingsView.model.cid === this.model.cid ) {
if ( FusionPageBuilderApp.SettingsHelpers.openSettingsView.tabsRendered.design ) {
return jQuery( FusionPageBuilderApp.SettingsHelpers.openSettingsView.$el
.find( '.ui-button[data-value="' + columnSize + '"]' )[ index ] )
.trigger( 'click' );
}
jQuery( FusionPageBuilderApp.SettingsHelpers.openSettingsView.$el
.find( '.width-value' )[ index ] ).val( columnSize );
}
// Update model.
this.model.attributes.params[ widthKeys[ index ] ] = columnSize;
this.$el.find( '.column-sizes' ).hide();
this.$el.removeClass( 'active' );
this.$el.attr( 'data-column-size', columnSize );
fractionSize = columnSize.replace( '_', '/' );
// Necessary for re-sizing then cloning.
this.reRender();
container.setRowData();
if ( 'fusion_builder_column_inner' !== this.model.get( 'type' ) ) {
this.renderSectionSeps();
}
this.$el.find( '.column-sizes .column-size' ).removeClass( 'active-size' );
this.$el.find( '.column-size-' + columnSize ).addClass( 'active-size' );
this.$el.closest( '.fusion-builder-container' ).removeClass( 'fusion-column-sizer-active' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-column-resized', this.model.get( 'cid' ) );
FusionEvents.trigger( 'fusion-column-resized' );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.resized_column + ' ' + fractionSize );
},
/**
* Checks if the value is in pixels.
*
* @since 2.0.0
* @param {string} value - The value we want to check.
* @return {boolean}
*/
pxCheck: function( value ) {
if ( 'undefined' === typeof value ) {
return false;
}
// If 0, then consider valid.
if ( '0' === value || 0 === value ) {
return true;
}
return ( -1 !== value.indexOf( 'px' ) ) ? true : false;
},
/**
* Checks if the value is using %.
*
* @since 2.0.0
* @param {string} value - The value we want to check.
* @return {boolean}
*/
percentageCheck: function( value ) {
if ( 'undefined' === typeof value ) {
return false;
}
// If 0, then consider valid.
if ( '0' === value || 0 === value ) {
return true;
}
return ( -1 !== value.indexOf( '%' ) ) ? true : false;
},
/**
* Adds 2 values.
*
* @since 2.0.0
* @param {string|number|double} a - The 1st value.
* @param {string|number|double} b - The 2nd value.
* @return {number}
*/
addValues: function( a, b ) {
return parseFloat( a ) + parseFloat( b );
},
/**
* Add a module.
*
* @since 2.0.0
* @param {Object} event - The event triggering the module addition.
* @return {void}
*/
addModule: function( event ) {
var view,
viewSettings,
closestParent;
if ( event ) {
event.preventDefault();
event.stopPropagation();
FusionPageBuilderApp.sizesHide( event );
}
FusionPageBuilderApp.parentColumnId = this.model.get( 'cid' );
viewSettings = {
model: this.model,
collection: this.collection,
view: this,
attributes: {
'data-parent_cid': this.model.get( 'cid' )
}
};
if ( ! jQuery( event.currentTarget ).closest( '.fusion-builder-empty-column' ).length ) {
closestParent = jQuery( event.currentTarget ).closest( '.fusion-builder-live-element' );
if ( closestParent.length ) {
viewSettings.targetElement = closestParent;
} else {
viewSettings.targetElement = jQuery( event.currentTarget ).closest( '.fusion-builder-nested-element' );
}
}
view = new FusionPageBuilder.ElementLibraryView( viewSettings );
jQuery( view.render().el ).dialog( {
title: 'Select Element',
draggable: false,
modal: true,
resizable: false,
dialogClass: 'fusion-builder-dialog fusion-builder-large-library-dialog fusion-builder-element-library-dialog',
resizeStart: function( event, ui ) {
FusionApp.dialog.addResizingClasses();
},
resizeStop: function( event, ui ) {
FusionApp.dialog.removeResizingClasses();
},
open: function( event, ui ) { // jshint ignore: line
FusionApp.dialog.resizeDialog();
// On start can sometimes be laggy/late.
FusionApp.dialog.addResizingHoverEvent();
},
close: function( event, ui ) { // jshint ignore: line
view.remove();
}
} );
},
/**
* Get dynamic values.
*
* @since 2.0.0
* @return {Object}
*/
getDynamicAtts: function( values ) {
var self = this;
if ( 'undefined' !== typeof this.dynamicParams && this.dynamicParams && ! _.isEmpty( this.dynamicParams.getAll() ) ) {
_.each( this.dynamicParams.getAll(), function( data, id ) {
var value = self.dynamicParams.getParamValue( data );
if ( 'undefined' !== typeof value && false !== value ) {
values[ id ] = value;
}
} );
}
return values;
},
/**
* Get the template.
*
* @since 2.0.0
* @return {void}
*/
getTemplate: function() {
var atts = this.getTemplateAtts();
return this.template( atts );
},
setArgs: function() {
var params = jQuery.extend( true, {}, this.model.get( 'params' ) ),
values;
// Make sure initial width is correctly inherited.
if ( 'undefined' === typeof params.type ) {
params.type = this.model.attributes.params.type;
}
if ( fusionAllElements[ this.model.get( 'type' ) ] ) {
values = jQuery.extend( true, {}, fusionAllElements[ this.model.get( 'type' ) ].defaults, _.fusionCleanParameters( params ) );
}
// If no blend mode is defined, check if we should set to overlay.
if ( 'undefined' === typeof params.background_blend_mode && '' !== params.background_color && 1 > values.alpha_background_color && 0 !== values.alpha_background_color && '' !== params.background_image ) {
values.background_blend_mode = 'overlay';
}
// If padding (combined all 4) is not set in params, then use individual variables.
if ( 'undefined' === typeof params.padding ) {
values = _.fusionGetPadding( values );
}
this.values = this.getDynamicAtts( values );
},
validateArgs: function() {
var borderRadius;
// Alpha related checks.
this.values.alpha_background_color = jQuery.AWB_Color( this.values.background_color ).alpha();
this.values.alpha_gradient_start_color = jQuery.AWB_Color( this.values.gradient_start_color ).alpha();
this.values.alpha_gradient_end_color = jQuery.AWB_Color( this.values.gradient_end_color ).alpha();
if ( '' !== this.values.margin_bottom ) {
this.values.margin_bottom = _.fusionGetValueWithUnit( this.values.margin_bottom );
}
if ( '' !== this.values.margin_top ) {
this.values.margin_top = _.fusionGetValueWithUnit( this.values.margin_top );
}
if ( this.values.border_size ) {
this.values.border_size = _.fusionValidateAttrValue( this.values.border_size, 'px' );
}
if ( '' !== this.values.padding ) {
this.values.padding = _.fusionGetValueWithUnit( this.values.padding );
}
if ( '' !== this.values.border_sizes_top ) {
this.values.border_sizes_top = _.fusionGetValueWithUnit( this.values.border_sizes_top );
}
if ( '' !== this.values.border_sizes_bottom ) {
this.values.border_sizes_bottom = _.fusionGetValueWithUnit( this.values.border_sizes_bottom );
}
if ( '' !== this.values.border_sizes_top ) {
this.values.border_sizes_left = _.fusionGetValueWithUnit( this.values.border_sizes_left );
}
if ( '' !== this.values.border_sizes_top ) {
this.values.border_sizes_right = _.fusionGetValueWithUnit( this.values.border_sizes_right );
}
// Border radius validation.
this.values.border_radius_top_left = this.values.border_radius_top_left ? _.fusionGetValueWithUnit( this.values.border_radius_top_left ) : '0px';
this.values.border_radius_top_right = this.values.border_radius_top_right ? _.fusionGetValueWithUnit( this.values.border_radius_top_right ) : '0px';
this.values.border_radius_bottom_left = this.values.border_radius_bottom_left ? _.fusionGetValueWithUnit( this.values.border_radius_bottom_left ) : '0px';
this.values.border_radius_bottom_right = this.values.border_radius_bottom_right ? _.fusionGetValueWithUnit( this.values.border_radius_bottom_right ) : '0px';
borderRadius = this.values.border_radius_top_left + ' ' + this.values.border_radius_top_right + ' ' + this.values.border_radius_bottom_right + ' ' + this.values.border_radius_bottom_left;
this.values.border_radius = '0px 0px 0px 0px' === borderRadius ? '' : borderRadius;
this.values.border_position = 'all' !== this.values.border_position ? '-' + this.values.border_position : '';
},
validatePercentageMargin: function( value, columnSize, values ) {
value = 'undefined' === typeof value ? '' : value;
columnSize = 'undefined' === typeof columnSize ? 1 : columnSize;
values = 'undefined' === typeof values ? this.values : values;
// If value is in percentage and not calc, make it relative to container.
if ( 0 < parseFloat( columnSize ) && -1 !== value.indexOf( '%' ) && -1 === value.indexOf( 'calc' ) ) {
// If all are in % just work it out.
if ( -1 !== values.column_spacing.indexOf( '%' ) && -1 === values.column_spacing.indexOf( 'calc' ) ) {
return ( parseFloat( value ) / parseFloat( columnSize ) / 100 * ( 100 - parseFloat( values.column_spacing ) ) ) + '%';
}
// Not all % then we need to use calc.
return 'calc( ' + ( parseFloat( value ) / parseFloat( columnSize ) / 100 ) + ' * calc( 100% - ' + values.column_spacing + ' ) )';
}
return value;
},
setExtraArgs: function() {
var container = FusionPageBuilderApp.getParentContainer( this.model.get( 'parent' ) ),
containerParams,
containerValues;
this.values.flex = false;
this.values.column_spacing = '4%';
this.values.flex_align_items = 'flex-start';
if ( 'object' === typeof container ) {
containerParams = _.fusionCleanParameters( container.model.get( 'params' ) );
containerValues = jQuery.extend( true, {}, fusionAllElements.fusion_builder_container.defaults, containerParams );
this.values.flex = 'flex' === containerValues.type;
this.values.column_spacing = containerValues.flex_column_spacing;
this.values.flex_align_items = containerValues.flex_align_items;
}
this.values.column_counter = this.model.get( 'cid' );
this.values.hover_or_link = ( 'none' !== this.values.hover_type && '' !== this.values.hover_type ) || '' !== this.values.link;
this.values.shortcode_classname = 'fusion_builder_column' === this.model.get( 'type' ) ? 'fusion-builder-live-column' : 'fusion-builder-live-nested-column';
// Store for later use.
this.isFlex = this.values.flex;
},
setColumnMapData: function() {
var self = this,
containerSpacingOffset,
unitlessSpacing,
unitlessHalf,
halfSpacing,
emptyOffset,
container,
currentRow,
containerRows,
spacings,
total,
lastIndex,
model,
columnSpacing,
widthKey,
spacingLeftKey,
spacingRightKey,
extras;
// If we are flex, we do not have a column map.
if ( this.values.flex ) {
this.setColumnSize();
extras = jQuery.extend( true, {}, fusionAllElements.fusion_builder_column.extras );
// Medium inherit from large or validate if set.
if ( '' === this.values.type_medium || 0 === parseFloat( this.values.type_medium ) ) {
this.values.type_medium = 'inherit_from_large' === extras.col_width_medium ? this.values.column_size : 1;
} else {
this.values.type_medium = this.validateColumnSize( this.values.type_medium );
}
// Small default to 1 or validate if set.
if ( '' === this.values.type_small || 0 === parseFloat( this.values.type_small ) ) {
this.values.type_small = 'inherit_from_large' === extras.col_width_small ? this.values.column_size : 1;
} else {
this.values.type_small = this.validateColumnSize( this.values.type_small );
}
// Full width medium, inherit from large if set.
if ( 1 !== parseInt( this.values.type_medium ) ) {
if ( '' === this.values.spacing_left_medium ) {
this.values.spacing_left_medium = this.values.spacing_left;
}
if ( '' === this.values.spacing_right_medium ) {
this.values.spacing_right_medium = this.values.spacing_right;
}
}
// Full width small, inherit from medium or large if set.
if ( 1 !== parseInt( this.values.type_small ) ) {
if ( '' === this.values.spacing_left_small ) {
this.values.spacing_left_small = '' !== this.values.spacing_left_medium ? this.values.spacing_left_medium : this.values.spacing_left;
}
if ( '' === this.values.spacing_right_small ) {
this.values.spacing_right_small = '' !== this.values.spacing_right_medium ? this.values.spacing_right_medium : this.values.spacing_right;
}
}
// Half the spacing on container.
halfSpacing = this.getHalfSpacing();
// Validate left and right margins that are set.
_.each( [ 'large', 'medium', 'small' ], function( width ) {
// Need to calc for each because column width may be different and that changes things.
widthKey = 'large' === width ? 'column_size' : 'type_' + width;
emptyOffset = self.validatePercentageMargin( halfSpacing, self.values[ widthKey ] );
// We have a value, validate it, else we use the empty offset.
spacingLeftKey = 'large' === width ? 'spacing_left' : 'spacing_left_' + width;
if ( '' !== self.values[ spacingLeftKey ] ) {
self.values[ 'upsized_' + spacingLeftKey ] = self.validatePercentageMargin( self.values[ spacingLeftKey ], self.values[ widthKey ] );
} else {
self.values[ 'upsized_' + spacingLeftKey ] = emptyOffset;
}
spacingRightKey = 'large' === width ? 'spacing_right' : 'spacing_right_' + width;
if ( '' !== self.values[ spacingRightKey ] ) {
self.values[ 'upsized_' + spacingRightKey ] = self.validatePercentageMargin( self.values[ spacingRightKey ], self.values[ widthKey ] );
} else {
self.values[ 'upsized_' + spacingRightKey ] = emptyOffset;
}
} );
return;
}
container = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
containerRows = container.model.get( 'rows' );
currentRow = container.getVirtualRowByCID( this.model.get( 'cid' ) );
if ( 'yes' === this.values.spacing || '' === this.values.spacing ) {
this.values.spacing = '4%';
} else if ( 'no' === this.values.spacing ) {
this.values.spacing = '0px';
}
this.values.spacing = _.fusionGetValueWithUnit( this.values.spacing );
this.values.widthOffset = '';
this.values.currentRowNumberOfColumns = false;
function fallbackCheck( value ) {
return ( 'yes' === value || 'no' === value );
}
// Pop off the last because it can't have spacing.
if ( 'undefined' !== typeof currentRow ) {
// currentRow = currentRow.slice( 0, -1 );
this.values.currentRowNumberOfColumns = currentRow.length + 1;
}
this.values.fallback = false;
if ( 'object' === typeof currentRow ) {
this.values.fallback = currentRow.every( fallbackCheck );
}
this.setColumnSize();
// Nested column check
if ( 'object' === typeof currentRow ) {
spacings = [];
total = currentRow.length;
lastIndex = total - 1;
_.each( currentRow, function( column, index ) {
if ( lastIndex !== index ) {
model = container.model.children.find( function( model ) {
return model.get( 'cid' ) == column.cid; // jshint ignore: line
} );
columnSpacing = model.attributes.params.spacing;
columnSpacing = ( 'undefined' === typeof columnSpacing || '' === columnSpacing ) ? '4%' : columnSpacing;
spacings.push( columnSpacing );
}
if ( 1 === total ) {
spacings.push( '' );
}
} );
spacings = spacings.join( ' + ' );
// If no fallback make sure to replace mixed values.
if ( ! this.values.fallback ) {
spacings = spacings.replace( /yes/g, '4%' ).replace( /no/g, '0%' );
}
this.values.widthOffset = '( ( ' + spacings + ' ) * ' + this.values.column_size + ' ) ';
}
this.setSpacingStyling();
},
getHalfSpacing: function () {
var unitlessSpacing = parseFloat( this.values.column_spacing ),
unitlessHalf = unitlessSpacing / 2;
return this.values.column_spacing.replace( unitlessSpacing, unitlessHalf );
},
setColumnSize: function() {
var sizeClass;
// Column size value
switch ( this.values.type ) {
case '1_1':
sizeClass = 'fusion-one-full';
break;
case '1_4':
sizeClass = 'fusion-one-fourth';
break;
case '3_4':
sizeClass = 'fusion-three-fourth';
break;
case '1_2':
sizeClass = 'fusion-one-half';
break;
case '1_3':
sizeClass = 'fusion-one-third';
break;
case '2_3':
sizeClass = 'fusion-two-third';
break;
case '1_5':
sizeClass = 'fusion-one-fifth';
break;
case '2_5':
sizeClass = 'fusion-two-fifth';
break;
case '3_5':
sizeClass = 'fusion-three-fifth';
break;
case '4_5':
sizeClass = 'fusion-four-fifth';
break;
case '5_6':
sizeClass = 'fusion-five-sixth';
break;
case '1_6':
sizeClass = 'fusion-one-sixth';
break;
}
this.values.column_size = this.validateColumnSize( this.values.type );
this.values.size_class = sizeClass;
},
validateColumnSize: function( columnSize ) {
var fractions;
if ( 'undefined' === typeof columnSize ) {
columnSize = '1_3';
}
// Fractional value.
if ( -1 !== columnSize.indexOf( '_' ) ) {
fractions = columnSize.split( '_' );
return parseFloat( fractions[ 0 ] ) / parseFloat( fractions[ 1 ] );
}
// Greater than one, assume percentage and divide by 100.
if ( 1 < parseFloat( columnSize ) ) {
return parseFloat( columnSize ) / 100;
}
return columnSize;
},
setSpacingStyling: function() {
var spacingDirection,
width = ( this.values.column_size * 100 ) + '%',
mapOldSpacing = {
0.1666: '13.3333%',
0.8333: '82.6666%',
0.2: '16.8%',
0.4: '37.6%',
0.6: '58.4%',
0.8: '79.2%',
0.25: '22%',
0.75: '74%',
0.3333: '30.6666%',
0.6666: '65.3333%',
0.5: '48%',
1: '100%'
};
this.values.column_spacing_style = '';
this.values.spacing_classes = '';
if ( 0 === parseFloat( this.values.spacing ) ) {
this.values.spacing_classes = 'fusion-spacing-no';
}
if ( ! this.values.last && ! ( this.values.fallback && '0px' === this.values.spacing ) ) {
spacingDirection = 'right';
if ( FusionPageBuilderApp.$el.hasClass( 'rtl' ) ) {
spacingDirection = 'left';
}
if ( ! this.values.fallback ) {
this.values.column_spacing_style = 'width:' + width + ';width:calc(' + width + ' - ' + this.values.widthOffset + ');margin-' + spacingDirection + ': ' + this.values.spacing + ';';
} else {
this.values.column_spacing_style = 'width:' + mapOldSpacing[ this.values.column_size ] + '; margin-' + spacingDirection + ': ' + this.values.spacing + ';';
}
} else if ( 'undefined' !== typeof this.values.currentRowNumberOfColumns && 1 < this.values.currentRowNumberOfColumns ) {
if ( ! this.values.fallback ) {
this.values.column_spacing_style = 'width:' + width + ';width:calc(' + width + ' - ' + this.values.widthOffset + ');';
} else if ( '0px' !== this.values.spacing && 'undefined' !== typeof mapOldSpacing[ this.values.column_size ] ) {
this.values.column_spacing_style = 'width:' + mapOldSpacing[ this.values.column_size ] + ';';
} else {
this.values.column_spacing_style = 'width:' + width + ';';
}
} else if ( 'undefined' === typeof this.values.currentRowNumberOfColumns && 'undefined' !== mapOldSpacing[ this.values.column_size ] ) {
this.values.column_spacing_style = 'width:' + mapOldSpacing[ this.values.column_size ] + ';';
}
},
setSharedStyles: function() {
this.setBackgroundColorStyle();
this.setBackgroundImage();
this.setBorderStyle();
this.setBorderRadiusStyle();
this.setOverflowStyle();
this.setBoxShadowStyle();
this.setWrapperStyleBg();
},
setBackgroundColorStyle: function() {
this.values.background_color_style = '';
if ( '' !== this.values.background_color && ( '' === this.values.background_image || 0 !== this.values.alpha_background_color ) ) {
this.values.background_color_style = 'background-color:' + this.values.background_color + ';';
}
},
setBackgroundImage: function() {
this.values.background_image_style = '';
if ( '' !== this.values.background_image ) {
this.values.background_image_style += 'background-image: url(\'' + this.values.background_image + '\');';
}
if ( '' !== _.getGradientString( this.values, 'column' ) ) {
this.values.background_image_style += 'background-image:' + _.getGradientString( this.values, 'column' ) + ';';
}
if ( '' !== this.values.background_position ) {
this.values.background_image_style += 'background-position:' + this.values.background_position + ';';
}
if ( 'none' !== this.values.background_blend_mode ) {
this.values.background_image_style += 'background-blend-mode: ' + this.values.background_blend_mode + ';';
}
if ( '' !== this.values.background_repeat ) {
this.values.background_image_style += 'background-repeat:' + this.values.background_repeat + ';';
if ( 'no-repeat' === this.values.background_repeat ) {
this.values.background_image_style += '-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;';
}
}
},
setBorderStyle: function() {
var border = {
'top': 0,
'bottom': 0,
'right': 0,
'left': 0
};
this.values.border_full_style = '';
if ( '' === this.values.border_sizes_top && '' === this.values.border_sizes_bottom && '' === this.values.border_sizes_left && '' === this.values.border_sizes_right ) {
// Backwards-compatibility.
if ( '' !== this.values.border_color && '' !== this.values.border_size && '' !== this.values.border_style ) {
this.values.border_full_style = 'border' + this.values.border_position + ':' + this.values.border_size + ' ' + this.values.border_style + ' ' + this.values.border_color + ';';
}
} else {
// Border-sizes.
if ( '' !== this.values.border_sizes_top && 'undefined' !== typeof this.values.border_sizes_top ) {
border.top = this.values.border_sizes_top;
}
if ( '' !== this.values.border_sizes_bottom && 'undefined' !== typeof this.values.border_sizes_bottom ) {
border.bottom = this.values.border_sizes_bottom;
}
if ( '' !== this.values.border_sizes_left && 'undefined' !== typeof this.values.border_sizes_left ) {
border.left = this.values.border_sizes_left;
}
if ( '' !== this.values.border_sizes_right && 'undefined' !== typeof this.values.border_sizes_right ) {
border.right = this.values.border_sizes_right;
}
// Border-styles.
if ( '' !== this.values.border_color ) {
this.values.border_full_style += 'border-width: ' + border.top + ' ' + border.right + ' ' + border.bottom + ' ' + border.left + ';';
this.values.border_full_style += 'border-color:' + this.values.border_color + ';';
// Border-style.
if ( '' !== this.values.border_style ) {
this.values.border_full_style += 'border-style:' + this.values.border_style + ';';
}
}
}
},
setBorderRadiusStyle: function() {
this.values.border_radius_style = '';
if ( '' !== this.values.border_radius ) {
this.values.border_radius_style = 'border-radius:' + this.values.border_radius + ';overflow:hidden;';
}
if ( '' !== this.values.border_radius && '' === this.values.overflow ) {
this.values.border_radius_style += 'overflow:hidden;';
}
},
setOverflowStyle: function() {
this.values.overflow_style = '';
if ( '' !== this.values.overflow ) {
this.values.overflow_style = 'overflow:' + this.values.overflow + ';';
}
},
setBoxShadowStyle: function() {
this.values.box_shadow_styles = '';
if ( 'yes' === this.values.box_shadow ) {
this.values.box_shadow_styles = 'box-shadow:' + _.fusionGetBoxShadowStyle( this.values ).trim() + ';';
}
},
setWrapperStyleBg: function() {
this.values.wrapper_style_bg = '';
// Background color.
if ( this.values.hover_or_link ) {
this.values.wrapper_style_bg += this.values.background_color_style;
}
// Background image.
this.values.wrapper_style_bg += this.values.background_image_style;
// Border.
if ( 'liftup' === this.values.hover_type && '' !== this.values.border_full_style ) {
this.values.wrapper_style_bg += this.values.border_full_style;
}
// Border radius.
if ( '' !== this.values.border_radius_style ) {
this.values.wrapper_style_bg += this.values.border_radius_style;
}
// Box shadow.
if ( 'liftup' === this.values.hover_type && '' !== this.values.box_shadow_styles ) {
this.values.wrapper_style_bg += this.values.box_shadow_styles;
}
},
setResponsiveColumnStyles: function() {
var self = this,
extras = jQuery.extend( true, {}, fusionAllElements.fusion_builder_column.extras );
this.responsiveStyles = '';
if ( ! this.values.flex ) {
return;
}
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var columnStyles = '',
columnWrapperStyles = '',
hoverWrapperStyles = '',
uiWrapperStyles = '',
dragStyles = '',
widthKey,
paddingKey,
keyBase,
orderKey,
spacingKey;
// Width.
widthKey = 'large' === size ? 'column_size' : 'type_' + size;
if ( '' !== self.values[ widthKey ] && 'auto' !== self.values[ widthKey ] && 0 < parseFloat( self.values[ widthKey ] ) ) {
columnStyles += 'width:' + ( parseFloat( self.values[ widthKey ] ) * 100 ) + '%;';
} else if ( 'auto' === self.values[ widthKey ] ) {
columnStyles += 'width: auto;';
}
// Order.
orderKey = 'large' === size ? 'order' : 'order_' + size;
if ( '' !== self.values[ orderKey ] ) {
columnStyles += 'order : ' + parseInt( self.values[ orderKey ] ) + ';';
}
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Padding.
paddingKey = 'large' === size ? 'padding_' + direction : 'padding_' + direction + '_' + size;
if ( '' !== self.values[ paddingKey ] ) {
columnWrapperStyles += 'padding-' + direction + ' : ' + self.values[ paddingKey ] + ' !important;';
}
// Margin.
keyBase = 'left' === direction || 'right' === direction ? 'upsized_spacing' : 'margin';
spacingKey = 'large' === size ? keyBase + '_' + direction : keyBase + '_' + direction + '_' + size;
if ( '' !== self.values[ spacingKey ] ) {
if ( 'margin' === keyBase ) {
columnStyles += 'margin-' + direction + ' : ' + self.values[ spacingKey ] + ';';
} else {
columnWrapperStyles += 'margin-' + direction + ' : ' + self.values[ spacingKey ] + ';';
}
if ( self.values.hover_or_link && 'margin' !== keyBase ) {
hoverWrapperStyles += 'margin-' + direction + ':' + self.values[ spacingKey ] + ';';
}
if ( 'left' === direction ) {
uiWrapperStyles += direction + ':' + self.values[ spacingKey ] + ';';
}
if ( 'left' === direction || 'right' === direction ) {
dragStyles += direction + ':' + self.values[ spacingKey ] + ';';
}
}
} );
if ( '' === columnStyles && '' === columnWrapperStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== columnStyles ) {
columnStyles = '.fusion-body .' + self.values.shortcode_classname + '-' + self.values.column_counter + '{' + columnStyles + '}';
}
if ( '' !== columnWrapperStyles ) {
columnWrapperStyles = '.' + self.values.shortcode_classname + '-' + self.values.column_counter + ' > .fusion-column-wrapper {' + columnWrapperStyles + '}';
}
if ( '' !== hoverWrapperStyles ) {
hoverWrapperStyles = '.fusion-flex-container .fusion-row .' + self.values.shortcode_classname + '-' + self.values.column_counter + ' > .fusion-column-inner-bg {' + hoverWrapperStyles + '}';
}
if ( '' !== uiWrapperStyles ) {
uiWrapperStyles = '.fusion-body .fusion-flex-container .fusion-row .' + self.values.shortcode_classname + '-' + self.values.column_counter + ' > .fusion-builder-module-controls-type-column {' + uiWrapperStyles + '}';
}
if ( '' !== dragStyles ) {
dragStyles = '.fusion-flex-container .fusion-row .' + self.values.shortcode_classname + '-' + self.values.column_counter + '.fusion-being-dragged:after, .fusion-builder-live .fusion-flex-container .fusion-nested-columns.editing .' + self.values.shortcode_classname + '-' + self.values.column_counter + ':hover:after {' + dragStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
self.responsiveStyles += columnStyles + columnWrapperStyles + hoverWrapperStyles + uiWrapperStyles + dragStyles;
} else {
// Medium and Small size screen styles.
self.responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + columnStyles + columnWrapperStyles + hoverWrapperStyles + uiWrapperStyles + dragStyles + '}';
}
} );
},
buildAttr: function() {
var attr = {
'class': 'fusion-layout-column ' + this.model.get( 'type' ) + ' ' + this.values.shortcode_classname + '-' + this.values.column_counter + ' fusion-builder-column-live-' + this.values.column_counter,
'style': ''
};
// Sticky column.
if ( 'on' === this.values.sticky ) {
attr[ 'class' ] += ' awb-sticky';
if ( '' !== this.values.sticky_offset && 0 !== this.values.sticky_offset ) {
// If its not a selector then get value and set to css variable.
if ( ! this.values.sticky_offset.includes( '.' ) && ! this.values.sticky_offset.includes( '#' ) ) {
attr.style += '--awb-sticky-offset:' + _.fusionGetValueWithUnit( this.values.sticky_offset ) + ';';
} else {
attr[ 'data-sticky-offset' ] = this.values.sticky_offset;
}
}
// Not ideal, but easier to join and keep the rest of the logic the same.
if ( 'object' === typeof this.values.sticky_devices ) {
this.values.sticky_devices = this.values.sticky_devices.join( ',' );
}
if ( 'string' === typeof this.values.sticky_devices && '' !== this.values.sticky_devices ) {
this.values.sticky_devices = this.values.sticky_devices.replaceAll( '-visibility', '' ).split( ',' );
this.values.sticky_devices.forEach( ( stickyDevice ) => {
attr[ 'class' ] += ' awb-sticky-' + stickyDevice.replaceAll( ' ', '' );
} );
}
}
if ( this.values.z_index ) {
attr.style += 'z-index:' + this.values.z_index + ';';
}
// Flexbox column.
if ( this.values.flex ) {
attr[ 'class' ] += ' fusion-flex-column';
// Alignment of column vertically.
if ( 'auto' !== this.values.align_self ) {
attr[ 'class' ] += ' fusion-flex-align-self-' + this.values.align_self;
}
} else {
if ( '' !== this.values.type && this.values.type.includes( '_ ' ) ) {
attr[ 'class' ] += ' ' + this.model.get( 'type' ) + '_' + this.values.type;
attr[ 'class' ] += ' ' + this.values.type;
}
// Class for the specific size of column.
if ( '' !== this.values.size_class ) {
attr[ 'class' ] += ' ' + this.values.size_class;
}
// First column.
if ( this.values.first ) {
attr[ 'class' ] += ' fusion-column-first';
}
// Last column.
if ( this.values.last ) {
attr[ 'class' ] += ' fusion-column-last';
}
// Special calcs for spacing.
if ( '' !== this.values.spacing_classes ) {
attr[ 'class' ] += this.values.spacing_classes;
}
// Column spacing style, margin and width.
if ( '' !== this.values.column_spacing_style ) {
attr.style += this.values.column_spacing_style;
}
// Top margin.
if ( '' !== this.values.margin_top ) {
attr.style += 'margin-top:' + this.values.margin_top + ';';
}
// Bottom margin.
if ( '' !== this.values.margin_bottom ) {
attr.style += 'margin-bottom:' + this.values.margin_bottom + ';';
}
}
// Custom CSS class.
if ( '' !== this.values[ 'class' ] ) {
attr[ 'class' ] += ' ' + this.values[ 'class' ];
}
// Min height for newly created columns by the converter.
if ( 'none' === this.values.min_height ) {
attr[ 'class' ] += ' fusion-column-no-min-height';
}
// Visibility classes.
attr = _.fusionVisibilityAtts( this.values.hide_on_mobile, attr );
attr[ 'class' ] += _.fusionGetStickyClass( this.values.sticky_display );
// Hover type or link.
if ( this.values.hover_or_link ) {
attr[ 'class' ] += ' fusion-column-inner-bg-wrapper';
}
// TODO: check why it is looking at animation type/class.
if ( this.values.hover_or_link && '' !== this.values.animation_type && 'liftup' === this.values.hover_type ) {
attr[ 'class' ] += ' fusion-column-hover-type-liftup';
}
// Lift up and border.
if ( 'liftup' === this.values.hover_type && '' !== this.values.border_style ) {
attr[ 'class' ] += ' fusion-column-liftup-border';
}
attr = _.fusionAnimations( this.values, attr );
if ( '' !== this.values.id ) {
attr.id = this.values.id;
}
return attr;
},
buildWrapperAttr: function() {
var attr = {
'class': 'fusion-column-wrapper fusion-column-wrapper-live-' + this.values.column_counter,
'style': ''
};
// Check if we have a hover, markup is different so need extra.
if ( ! this.values.hover_or_link ) {
// $bg_color_fix . '" ' . $lazy_bg
attr.style += this.values.wrapper_style_bg;
}
// Image URL for empty dimension calculations.
attr[ 'data-bg-url' ] = this.values.background_image;
if ( ! this.values.hover_or_link ) {
attr.style += this.values.background_color_style;
}
// Border.
if ( '' !== this.values.border_full_style ) {
attr.style += this.values.border_full_style;
}
// Border radius.
if ( '' !== this.values.border_radius_style ) {
attr.style += this.values.border_radius_style;
}
// Overflow.
if ( '' !== this.values.overflow_style ) {
attr.style += this.values.overflow_style;
}
// Box shadow.
if ( 'liftup' !== this.values.hover_type && '' !== this.values.box_shadow_styles ) {
attr.style += this.values.box_shadow_styles;
attr[ 'class' ] += ' fusion-column-has-shadow'; // Move this to appropriate.
}
// Padding.
if ( '' !== this.values.padding ) {
attr.style += 'padding: ' + this.values.padding + ';';
}
// Flex.
if ( this.values.flex ) {
if ( '' !== this.values.align_content ) {
attr[ 'class' ] += ' fusion-flex-justify-content-' + this.values.align_content;
attr[ 'class' ] += ' fusion-content-layout-' + this.values.content_layout;
if ( 'row' === this.values.content_layout && 'flex-start' !== this.values.valign_content ) {
attr[ 'class' ] += ' fusion-flex-align-items-' + this.values.valign_content;
}
if ( 'wrap' !== this.values.content_wrap ) {
attr[ 'class' ] += ' fusion-content-' + this.values.content_wrap;
}
}
}
return attr;
},
buildHoverWrapperAttr: function() {
var attr = {
'class': 'fusion-column-inner-bg hover-type-' + this.values.hover_type,
'style': ''
};
if ( ( 'zoomin' === this.values.hover_type || 'zoomout' === this.values.hover_type || '' !== this.values.link ) && '' !== this.values.border_radius_style ) {
attr.style += 'overflow:hidden;' + this.values.border_radius_style + ';';
}
return attr;
},
buildAnchorAttr: function() {
var attr = {};
attr[ 'class' ] = 'fusion-column-anchor';
if ( '' !== this.values.link ) {
attr.href = this.values.link;
}
if ( '_blank' === this.values.target ) {
attr.rel = 'noopener noreferrer';
attr.target = '_blank';
} else if ( 'lightbox' === this.values.target ) {
attr[ 'data-rel' ] = 'iLightbox';
}
if ( '' !== this.values.link_description ) {
attr[ 'aria-label' ] = this.values.link_description;
}
return attr;
},
buildHoverInnerWrapperAttr: function() {
var attr = {
'class': 'fusion-column-inner-bg-image',
'style': ''
};
// Background style.
if ( '' !== this.values.wrapper_style_bg ) {
attr.style += this.values.wrapper_style_bg;
}
return attr;
},
/**
* Fires when preview are is resized.
*
* @since 3.0
* @return {void}
*/
onPreviewResize: function() {
// Update size indicator in toolbar.
this.updateSizeIndicators();
if ( ! FusionPageBuilderApp.getParentContainer( this ).isFlex() ) {
return;
}
// Update margin and padding indicators if we are editing this.
if ( this.$el.hasClass( 'fusion-builder-element-edited' ) ) {
this.updateBoxModelIndicators();
}
},
/**
* Updates column sizes controls.
*
* @since 3.0
* @return {void}
*/
updateSizeIndicators: function() {
var columnSize = this.getVisibleWidth();
this.$el.find( '.column-sizes .column-size' ).removeClass( 'active-size' );
if ( columnSize.includes( '_' ) ) {
this.$el.find( '.column-size-' + columnSize ).addClass( 'active-size' );
}
this.$el.find( '.fusion-column-size-label' ).text( columnSize.replace( '_', '/' ) );
},
/**
* Updates column sizes controls.
*
* @since 3.0
* @return {void}
*/
updateBoxModelIndicators: function() {
this.destroyMarginResizable();
this.destroyPaddingResizable();
this.marginDrag();
this.paddingDrag();
},
/**
* Parses width to readable string.
*
* @since 3.0
* @param {String} width
* @return {String}
*/
parseWidthLabel: function( width ) {
if ( 'undefined' === typeof width ) {
width = '1_1';
}
if ( 'auto' === width ) {
return 'auto';
}
if ( ! width.includes( '_' ) ) {
return width.split( '.' )[ 0 ] + '%';
}
return width;
},
/**
* Returns visible column width.
*
* @since 3.0
* @return {String}
*/
getVisibleWidth: function() {
var param, defaultVal, previewFrame, legacyBreakpoint;
// Legacy support.
if ( ! FusionPageBuilderApp.getParentContainer( this ).isFlex() ) {
previewFrame = jQuery( '#fb-preview' )[ 0 ];
legacyBreakpoint = getComputedStyle( previewFrame.contentDocument.documentElement ).getPropertyValue( '--content_break_point' );
if ( legacyBreakpoint && legacyBreakpoint >= previewFrame.offsetWidth ) {
return '1_1';
}
return this.model.attributes.params.type;
}
param = FusionApp.getResponsiveOptionKey( 'type', true );
// Default for medium and small sizes.
if ( 'type' !== param && ! this.model.attributes.params[ param ] ) {
// Return large value.
defaultVal = fusionAllElements.fusion_builder_column.extras[ 'col_width_' + param.replace( 'type_', '' ) ];
if ( 'inherit_from_large' === defaultVal ) {
return this.parseWidthLabel( this.model.attributes.params.type );
}
return '1_1';
}
return this.parseWidthLabel( this.model.attributes.params[ param ] );
},
getTemplateAtts: function() {
var styleSelector,
data = {},
wrapperAttr;
this.setArgs();
this.responsiveStyles = '';
this.styles = '';
this.validateArgs();
this.setExtraArgs();
this.setColumnMapData();
// Sets styles which are used on multiple elements.
this.setSharedStyles();
// Sets styles for responsive options.
if ( this.values.flex ) {
this.setResponsiveColumnStyles();
}
// Lift up and border radius we need to apply radius to lift up markup.
if ( this.values.hover_or_link && '' !== this.values.border_radius_style && 'liftup' === this.values.hover_type ) {
this.styles += '.fusion-builder-column-' + this.values.column_counter + ' .hover-type-liftup:before{' + this.values.border_radius_style + ';}';
}
// Z index hover.
if ( '' !== this.values.z_index_hover ) {
this.styles += '.fusion-builder-live-column-' + this.model.get( 'cid' ) + ':hover { z-index:' + this.values.z_index_hover + ' !important;}';
}
// Get the filter style
if ( 'fusion_builder_column' === this.model.get( 'type' ) ) {
styleSelector = '.fusion-builder-column-live-' + this.model.get( 'cid' );
} else {
styleSelector = { regular: '.fusion-builder-column .fusion-column-wrapper-live-' + this.model.get( 'cid' ), hover: '.fusion-builder-column:hover .fusion-column-wrapper-live-' + this.model.get( 'cid' ) };
}
// Get Transform selector.
let transformSelector = '';
let transformEditSelector = '';
if ( 'fusion_builder_column' === this.model.get( 'type' ) ) {
transformSelector = '.fusion-builder-column-live-' + this.model.get( 'cid' );
transformEditSelector = '.fusion-builder-column-live-' + this.model.get( 'cid' ) + '.fusion-builder-element-edited';
} else {
transformSelector = { regular: '.fusion-builder-column-live-' + this.model.get( 'cid' ), hover: '.fusion-builder-column-live-' + this.model.get( 'cid' ) + ':hover' };
transformEditSelector = { regular: '.fusion-builder-element-edited.fusion-builder-column-live-' + this.model.get( 'cid' ), hover: '.fusion-builder-element-edited.fusion-builder-column-live-' + this.model.get( 'cid' ) + ':hover' };
}
data.wrapperAttr = this.buildWrapperAttr();
data.center_content = this.values.center_content;
data.hoverWrapperAttr = this.buildHoverWrapperAttr();
data.anchorAttr = this.buildAnchorAttr();
data.hoverInnerWrapperAttr = this.buildHoverInnerWrapperAttr();
data.styles = this.styles;
data.filterStyle = _.fusionGetFilterStyleElem( this.values, styleSelector, this.model.get( 'cid' ) );
data.nestedClass = 'fusion_builder_column_inner' === this.model.get( 'type' ) ? ' fusion-nested-column-content' : '';
data.cid = this.model.get( 'cid' );
data.hoverOrLink = this.values.hover_or_link;
data.layout = this.getVisibleWidth().replace( '_', '/' );
data.isFlex = ( 'undefined' !== typeof this.values.flex ) ? this.values.flex : false;
data.responsiveStyles = 'undefined' !== typeof this.responsiveStyles ? this.responsiveStyles : '';
data.isGlobal = ( 'undefined' !== typeof this.values.fusion_global ) ? 'yes' : 'no';
data.hideMargin = 'fusion_builder_column_inner' !== this.model.get( 'type' ) && 'post_cards' === FusionApp.data.fusion_element_type;
data.column_tag = this.values.column_tag;
wrapperAttr = this.buildAttr();
data.transformStyle = _.fusionGetTransformStyleElem( this.values, transformSelector, transformEditSelector, this.model.get( 'cid' ) );
// Flag as having filters.
if ( data.filterStyle.includes( '.' ) ) {
wrapperAttr[ 'class' ] += ' fusion-has-filters';
}
// Main wrapper is the actual view.
this.model.set( 'selectors', wrapperAttr );
return data;
},
/**
* Toggles the 'active' class.
*
* @since 2.0.0
* @param {Object} event - The event triggering the class toggling.
* @return {void}
*/
sizesShow: function( event ) {
var parentContainer = this.$el.closest( '.fusion-builder-container' ),
sizesPopover = this.$el.find( '.column-sizes' ),
columnOffsetTop = 0,
html, header, headerBottom, conditional;
if ( event ) {
event.preventDefault();
event.stopPropagation();
}
sizesPopover.removeClass( 'fusion-expand-to-bottom' );
// This needs to be the way it is setup, as nested cols could trigger sizing on several cols at once.
if ( ! this.$el.hasClass( 'active' ) ) {
this.$el.addClass( 'active' );
parentContainer.addClass( 'fusion-column-sizer-active' );
columnOffsetTop = this.$el.offset().top;
html = this.$el.closest( 'html' );
conditional = false;
if ( html.children( 'body' ).hasClass( 'fusion-top-header' ) ) {
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).length ) {
sizesPopover.on( 'mouseenter', function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#main' ).css( 'z-index', 'auto' );
if ( 'fixed' === jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'position' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'z-index', '-1' );
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).find( '.tfs-slider[data-parallax="1"]' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).css( 'z-index', 'auto' );
}
}
} );
sizesPopover.on( 'mouseleave', function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#main' ).css( 'z-index', '' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'z-index', '' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).css( 'z-index', '' );
} );
}
header = html.find( '.fusion-header-wrapper' );
headerBottom = 0;
if ( header.length ) {
headerBottom = header.offset().top + header.outerHeight();
}
conditional = 106 > columnOffsetTop - headerBottom;
}
if ( 54 > columnOffsetTop - 121 || conditional || sizesPopover.parents( '.fusion-fullwidth' ).hasClass( 'bg-parallax-parent' ) ) {
sizesPopover.addClass( 'fusion-expand-to-bottom' );
}
} else {
this.$el.removeClass( 'active' );
parentContainer.removeClass( 'fusion-column-sizer-active' );
sizesPopover.off( 'mouseover' ).off( 'mouseleave' );
}
},
/**
* Toggle class to show content in bottom
*
* @since 2.0.0
* @return {void}
*/
offsetClass: function() {
if ( 100 > this.$el.offset().top ) {
this.$el.addClass( 'fusion-content-bottom' );
} else if ( 100 < this.$el.offset().top && this.$el.hasClass( 'fusion-content-bottom' ) ) {
this.$el.removeClass( 'fusion-content-bottom' );
}
},
/**
* Column spacing dimensions version.
*
* @since 2.0.0
* @return {void}
*/
fallbackColumnSpacing: function( $placeholder, allNo ) {
var columnSize = '100%',
fullcolumnSize = columnSize,
existingSpacing = '0%',
columnWidth = this.model.attributes.params.type,
spacingDirection;
if ( 'yes' === this.model.attributes.params.spacing ) {
existingSpacing = '4%';
}
columnWidth = this.model.attributes.params.type;
switch ( columnWidth ) {
case '1_1':
columnSize = '100%';
fullcolumnSize = '100%';
break;
case '1_4':
columnSize = '22%';
fullcolumnSize = '25%';
break;
case '3_4':
columnSize = '74%';
fullcolumnSize = '75%';
break;
case '1_2':
columnSize = '48%';
fullcolumnSize = '50%';
break;
case '1_3':
columnSize = '30.6666%';
fullcolumnSize = '33.3333%';
break;
case '2_3':
columnSize = '65.3333%';
fullcolumnSize = '66.6666%';
break;
case '1_5':
columnSize = '16.8%';
fullcolumnSize = '20%';
break;
case '2_5':
columnSize = '37.6%';
fullcolumnSize = '40%';
break;
case '3_5':
columnSize = '58.4%';
fullcolumnSize = '60%';
break;
case '4_5':
columnSize = '79.2%';
fullcolumnSize = '80%';
break;
case '5_6':
columnSize = '82.6666%';
fullcolumnSize = '83.3333%';
break;
case '1_6':
columnSize = '13.3333%';
fullcolumnSize = '16.6666%';
break;
}
if ( '4%' !== existingSpacing && ( ! this.model.attributes.params.last || allNo ) ) {
columnSize = fullcolumnSize;
}
this.$el.css( 'width', columnSize );
$placeholder.css( 'width', columnSize );
spacingDirection = 'right';
if ( FusionPageBuilderApp.$el.hasClass( 'rtl' ) ) {
spacingDirection = 'left';
}
$placeholder.css( 'margin-' + spacingDirection, existingSpacing );
this.$el.css( 'margin-' + spacingDirection, existingSpacing );
},
/**
* Column spacing dimensions version.
*
* @since 2.0.0
* @return {void}
*/
dimensionColumnSpacing: function( columnRow, columnWidth, $placeholder ) {
var decimalWidth,
check,
spacingWidth,
existingSpacing,
spacings = [],
spacingDirection;
// Remove last from calcs.
columnRow.pop();
columnWidth = columnWidth[ 0 ] / columnWidth[ 1 ];
decimalWidth = columnWidth;
if ( 'object' === typeof columnRow ) {
check = columnRow.every( this.pxCheck );
if ( check ) {
spacingWidth = ( columnRow.reduce( this.addValues, 0 ) * decimalWidth ) + 'px';
this.$el.css( 'width', 'calc( ' + ( columnWidth * 100 ) + '% - ' + spacingWidth + ' )' );
$placeholder.css( 'width', 'calc( ' + ( columnWidth * 100 ) + '% - ' + spacingWidth + ' )' );
} else if ( columnRow.every( this.percentageCheck ) ) {
columnWidth = ( columnWidth * 100 ) - ( columnRow.reduce( this.addValues, 0 ) * decimalWidth );
this.$el.css( 'width', columnWidth + '%' );
$placeholder.css( 'width', columnWidth + '%' );
} else {
_.each( columnRow, function( space ) {
space = ( 'undefined' === typeof space || '' === space ) ? '4%' : space;
spacings.push( space );
} );
spacingWidth = spacings.join( ' + ' );
this.$el.css( 'width', 'calc( ' + ( columnWidth * 100 ) + '% - ( ( ' + spacingWidth + ' ) * ' + decimalWidth + ' )' );
$placeholder.css( 'width', 'calc( ' + ( columnWidth * 100 ) + '% - ( ( ' + spacingWidth + ' ) * ' + decimalWidth + ' )' );
}
}
existingSpacing = this.model.attributes.params.spacing;
if ( 'undefined' === typeof this.model.attributes.params.spacing || 'yes' === this.model.attributes.params.spacing || '' === this.model.attributes.params.spacing ) {
existingSpacing = '4%';
}
if ( 'no' === this.model.attributes.params.spacing ) {
existingSpacing = '0';
}
spacingDirection = 'right';
if ( FusionPageBuilderApp.$el.hasClass( 'rtl' ) ) {
spacingDirection = 'left';
}
$placeholder.css( 'margin-' + spacingDirection, existingSpacing );
this.$el.css( 'margin-' + spacingDirection, existingSpacing );
},
/**
* Check if value is valid for column spacing.
*
* @since 2.0.0
* @return {void}
*/
validColumnSpacing: function( value ) {
if ( 'yes' !== value && 'no' !== value && ! ( /\d/ ).test( value ) && '' !== value ) {
return false;
}
return true;
},
/**
* Filter out DOM before patching.
*
* @since 2.0.0
* @return {void}
*/
patcherFilter: function( diff ) {
var filteredDiff = [],
self = this;
_.each( diff, function( info ) {
if ( 'removeElement' === info.action ) {
if ( 'undefined' !== typeof info.element.attributes[ 'class' ] &&
(
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-column-content-centered' ) ||
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-builder-column-content' ) ||
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-column-wrapper' )
)
) {
self.forceAppendChildren = true;
filteredDiff.push( info );
} else if (
'undefined' !== typeof info.element.attributes[ 'class' ] &&
(
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-spacing-value' ) ||
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-element-spacing' ) ||
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-builder-live-element' ) ||
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion_builder_row_inner' )
)
) {
// ignore
} else {
filteredDiff.push( info );
}
} else if ( 'addElement' === info.action ) {
if ( 'undefined' !== typeof info.element.attributes[ 'class' ] &&
(
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-column-content-centered' ) ||
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-builder-column-content' ) ||
-1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-column-wrapper' )
)
) {
self.forceAppendChildren = true;
filteredDiff.push( info );
} else if ( 'undefined' !== typeof info.element.attributes[ 'class' ] && ( -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-spacing-value' ) || -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-element-spacing' ) ) ) {
// ignore
} else {
filteredDiff.push( info );
}
} else {
filteredDiff.push( info );
}
} );
return filteredDiff;
},
/**
* Adds a delay to the change trigger to accomodate equal-heights implementation.
*
* @since 2.0.0
* @param {number|string} cid - The CID of the element.
* @return {void}
*/
equalHeights: function( cid ) {
cid = 'undefined' === typeof cid ? this.model.attributes.cid : cid;
setTimeout( function() {
jQuery( document ).trigger( 'fusion-content-changed', cid );
jQuery( window ).trigger( 'fusion-content-changed', cid );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-content-changed', cid );
}, 300 );
},
/**
* Removes the 'active' class.
*
* @since 2.0.0
* @return {void}
*/
toolTipHide: function() {
this.$el.find( '.fusion-spacing-tooltip, .fusion-column-spacing' ).removeClass( 'active' );
},
/**
* Resize spacer on window resize event.
*
* @since 2.0.0
* @return {void}
*/
resizeSpacer: function() {
if ( this.columnSpacer ) {
this.columnSpacing();
}
},
/**
* Preview column-spacing changes.
*
* @since 2.0.0
* @param {Object} columnRow - The row.
* @return {void}
*/
columnSpacingPreview: function( columnRow ) {
var columnWidth = 'undefined' !== typeof this.model.attributes.params.type ? this.model.attributes.params.type.split( '_' ) : [ '1', '1' ],
fallback = true,
origValue,
$placeholder = jQuery( '.fusion-builder-column-placeholder[data-cid="' + this.model.get( 'cid' ) + '"]' ),
allNo = true;
_.each( columnRow, function( value, index ) {
origValue = value;
value = ( 'yes' === value ) ? '4%' : value;
value = ( 'no' === value ) ? '0' : value;
fallback = fallback && origValue !== value;
allNo = allNo && 0 === parseInt( value, 10 );
columnRow[ index ] = value;
} );
if ( ! fallback ) {
this.dimensionColumnSpacing( columnRow, columnWidth, $placeholder );
} else {
this.fallbackColumnSpacing( $placeholder, allNo );
}
},
/**
* Gets the column content.
* Alias of getColumnContent method.
*
* @since 2.0.0
* @return {string}
*/
getContent: function() {
return this.getColumnContent();
},
/**
* Sets the attributes of an element.
*
* @since 2.0.0
* @param {Object} element - The element we're updating.
* @param {Object} attributes - The attributes we're setting/updating.
* @return {void}
*/
setElementAttributes: function( element, attributes ) {
var self = this;
element.removeClass( this.currentClasses );
if ( 'object' === typeof attributes && element.length ) {
_.each( attributes, function( values, attribute ) {
if ( 'class' === attribute ) {
self.currentClasses = values;
element.addClass( values );
} else if ( 'id' === attribute ) {
element.attr( 'id', values );
} else if ( 'style' === attribute ) {
element.attr( 'style', values );
} else if ( -1 !== attribute.indexOf( 'data' ) ) {
attribute = attribute.replace( /_/g, '-' );
element.attr( attribute, values );
}
} );
}
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager, fusionAppConfig, fusionAppConfig, FusionApp, fusionGlobalManager, fusionBuilderText, FusionPageBuilderApp, FusionPageBuilderElements, FusionEvents, fusionAllElements */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Column View
FusionPageBuilder.ColumnView = FusionPageBuilder.BaseColumnView.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-column-template' ).html() ),
events: {
'click .fusion-builder-column-settings:not(.fusion-builder-column-inner .fusion-builder-column-setting)': 'settings',
'click .fusion-builder-column-size:not(.fusion-builder-column-inner .fusion-builder-column-size)': 'sizesShow',
'hover .fusion-builder-column-content': 'offsetClass',
'click .column-size:not(.fusion-builder-column-inner .column-size)': 'sizeSelect',
'click .fusion-builder-add-element:not(.fusion-builder-column-inner .fusion-builder-add-element)': 'addModule',
'click .fusion-builder-column-remove:not(.fusion-builder-column-inner .fusion-builder-column-remove)': 'removeColumn',
'click .fusion-builder-column-clone:not(.fusion-builder-column-inner .fusion-builder-column-clone)': 'cloneColumn',
'click .fusion-builder-column-save:not(.fusion-builder-column-inner .fusion-builder-column-save)': 'openLibrary',
'click .fusion-builder-column-drag:not(.fusion-builder-column-inner .fusion-builder-column-drag)': 'preventDefault'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
var params = this.model.get( 'params' ),
spacing = '' !== params.spacing ? spacing : '4%';
this.renderedYet = false;
this.columnSpacer = false;
this.forceAppendChildren = false;
this.listenTo( FusionEvents, 'fusion-view-update-fusion_builder_column', this.reRender );
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
this.$el.attr( 'id', 'fusion-column-' + this.model.get( 'cid' ) );
this.$el.attr( 'data-column-size', this.model.attributes.params.type );
this.$el.attr( 'data-column-spacing', spacing );
if ( 'undefined' !== typeof this.model.attributes.params && 'undefined' !== typeof this.model.attributes.params.fusion_global ) {
this.$el.attr( 'fusion-global-layout', this.model.attributes.params.fusion_global );
this.$el.removeClass( 'fusion-global-column' ).addClass( 'fusion-global-column' );
}
this.currentClasses = '';
this.baseColumnInit();
this.baseInit();
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this,
data = this.getTemplateAtts(),
columnSize = '';
this.$el.html( this.template( data ) );
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Add active column size CSS class
columnSize = this.model.attributes.params.type;
// TODO Check size and update class according.
this.updateSizeIndicators();
this.appendChildren();
setTimeout( function() {
self.droppableColumn();
}, 100 );
// Don't refresh on first render.
if ( this.renderedYet ) {
this._refreshJs();
}
this.renderedYet = true;
return this;
},
droppableColumn: function() {
var self = this,
$el = this.$el,
cid,
$droppables,
$body;
if ( ! $el ) {
return;
}
cid = this.model.get( 'cid' );
$droppables = $el.find( '.fusion-column-target' );
$body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
$el.draggable( {
appendTo: FusionPageBuilderApp.$el,
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
iframeScroll: true,
containment: $body,
cancel: '.fusion-builder-live-element, .fusion_builder_row_inner',
helper: function() {
var $classes = FusionPageBuilderApp.DraggableHelpers.draggableClasses( cid ),
style = '';
if ( $el.css( 'margin-top' ) ) {
style = 'style="transform: translateY(' + $el.css( 'margin-top' ) + ');"';
}
return jQuery( '<div><div class="fusion-column-helper ' + $classes + '" data-cid="' + cid + '"' + style + '><span class="fusiona-column"></span></div></div>' );
},
start: function() {
$body.addClass( 'fusion-column-dragging fusion-active-dragging' );
$el.addClass( 'fusion-being-dragged' );
if ( 'large' !== FusionApp.getPreviewWindowSize() ) {
$body.addClass( 'fusion-column-dragging-responsive-mode' );
$el.closest( '.fusion-builder-container' ).addClass( 'fusion-has-active-drop-targets' );
}
},
stop: function() {
setTimeout( function() {
$body.removeClass( 'fusion-column-dragging fusion-active-dragging' );
}, 10 );
$el.removeClass( 'fusion-being-dragged' );
if ( 'large' !== FusionApp.getPreviewWindowSize() ) {
$el.closest( '.fusion-builder-container' ).removeClass( 'fusion-has-active-drop-targets' );
$body.removeClass( 'fusion-column-dragging-responsive-mode' );
}
}
} );
$droppables.droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-column',
drop: function( event, ui ) {
var handleDropColumn = self.handleDropColumn.bind( self );
handleDropColumn( ui.draggable, $el, jQuery( event.target ) );
}
} );
$el.find( '.fusion-element-target-column' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-live-element, .fusion_builder_row_inner',
drop: function( event, ui ) {
var handleElementDropInsideColumn = self.handleElementDropInsideColumn.bind( self );
handleElementDropInsideColumn( ui.draggable, $el );
}
} );
},
handleElementDropInsideColumn: function( $element, $targetEl ) {
var elementView = FusionPageBuilderViewManager.getView( $element.data( 'cid' ) ),
newIndex,
MultiGlobalArgs;
// Move the actual html.
$targetEl.find( '.fusion-builder-column-content:not(.fusion_builder_row_inner .fusion-builder-column-content ):not( .fusion-nested-column-content )' ).append( $element );
newIndex = $element.parent().children( '.fusion-builder-live-element, .fusion_builder_row_inner' ).index( $element );
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, newIndex, this.model.get( 'cid' ) );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.moved + ' ' + fusionAllElements[ elementView.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: elementView.model,
handleType: 'save',
attributes: elementView.model.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
FusionEvents.trigger( 'fusion-content-changed' );
this._equalHeights();
},
handleDropColumn: function( $column, $targetEl, $dropTarget ) {
var destinationRow,
columnCid = $column.data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( columnCid ),
originalCid = columnView.model.get( 'parent' ),
parentCid = $targetEl.closest( '.fusion-builder-row' ).data( 'cid' ),
originalView,
newIndex;
if ( 'large' !== FusionApp.getPreviewWindowSize() && 'undefined' !== typeof this.isFlex && true === this.isFlex ) {
// Update columns' order.
FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) )._updateResponsiveColumnsOrder(
$column,
$targetEl.closest( '.fusion-builder-row' ).children( '.fusion-builder-column' ),
parseInt( $dropTarget.closest( '.fusion-builder-column' ).data( 'cid' ) ),
$dropTarget.hasClass( 'target-after' )
);
return;
}
// Move the actual html.
if ( $dropTarget.hasClass( 'target-after' ) ) {
$targetEl.after( $column );
} else {
$targetEl.before( $column );
}
destinationRow = FusionPageBuilderViewManager.getView( parentCid );
newIndex = $column.parent().children( '.fusion-builder-column' ).index( $column );
FusionPageBuilderApp.onDropCollectionUpdate( columnView.model, newIndex, parentCid );
// Update destination row which is this current one.
destinationRow.setRowData();
// If destination row and original row are different, update original as well.
if ( parentCid !== originalCid ) {
originalView = FusionPageBuilderViewManager.getView( originalCid );
originalView.setRowData();
}
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.column + ' Order Changed' );
setTimeout( function() {
// If different container type we re-render so that it corrects for new situation.
if ( 'object' !== typeof originalView || FusionPageBuilderApp.sameContainerTypes( originalView.model.get( 'parent' ), destinationRow.model.get( 'parent' ) ) ) {
columnView.droppableColumn();
} else {
FusionEvents.trigger( 'fusion-close-settings-' + columnView.model.get( 'cid' ) );
columnView.reRender();
}
}, 300 );
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {string} paramName - The name of the parameter that changed.
* @param {mixed} paramValue - The value of the option that changed.
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
onOptionChange: function( paramName, paramValue, event ) {
var rowView,
parentCID = this.model.get( 'parent' ),
cid = this.model.get( 'cid' ),
dimensionType = _.find( [ 'spacing_', 'margin_', 'padding_' ], function( type ) {
return paramName.includes( type );
} ),
reInitDraggables = false,
view = {},
values = {},
alphaBackgroundColor = 1;
// Reverted to history step or user entered value manually.
if ( 'undefined' === typeof event || ( 'undefined' !== typeof event && ( 'change' !== event.type || ( 'change' === event.type && 'undefined' !== typeof event.srcElement ) ) ) ) {
reInitDraggables = true;
}
if ( 'spacing' === paramName ) {
this.model.attributes.params[ paramName ] = paramValue;
// Only update preview if it a valid unit.
if ( this.validColumnSpacing( paramValue ) ) {
rowView = FusionPageBuilderViewManager.getView( parentCID );
rowView.setSingleRowData( cid );
}
if ( true === reInitDraggables ) {
if ( 'yes' === paramValue || 'no' === paramValue ) {
this.destroySpacingResizable();
} else {
this.columnSpacer = false;
this.columnSpacing();
}
}
}
if ( dimensionType ) {
this.model.attributes.params[ paramName ] = paramValue;
if ( true === reInitDraggables ) {
if ( 'padding_' === dimensionType ) {
this.destroyPaddingResizable();
this.paddingDrag();
} else {
this.destroyMarginResizable();
this.marginDrag();
}
}
}
if ( 'padding' === paramName ) {
if ( -1 === jQuery( event.target ).attr( 'name' ).indexOf( '_' ) ) {
this.model.attributes.params[ paramName ] = paramValue;
this.renderSectionSeps( event );
this._refreshJs();
}
}
if ( 'padding_left' === paramName || 'padding_right' === paramName ) {
this.renderSectionSeps( event );
}
if ( [ 'border_size', 'border_color', 'border_style', 'border_position' ].includes( paramName ) ) {
this.model.attributes.params[ paramName ] = paramValue;
}
},
/**
* Render the section separators.
*
* @since 2.0.0
* @return {void}
*/
renderSectionSeps: function() {
var elements = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
_.each( elements, function( element ) {
if ( 'fusion_section_separator' === element.model.get( 'element_type' ) ) {
element.reRender();
}
} );
},
/**
* Triggers a refresh.
*
* @since 2.0.0
* @return void
*/
refreshJs: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_builder_column', this.model.attributes.cid );
},
/**
* Changes the border styles for the element.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
borderStyle: function( event ) {
var borderSize = this.model.attributes.params.border_size + 'px',
borderColor = this.model.attributes.params.border_color,
borderStyle = this.model.attributes.params.border_style,
borderPosition = this.model.attributes.params.border_position,
positions = [ 'top', 'right', 'bottom', 'left' ],
self = this,
$target = ( 'lift_up' === this.model.attributes.params.hover_type ) ? self.$el.find( '.fusion-column-wrapper, .fusion-column-inner-bg-image' ) : self.$el.find( '.fusion-column-wrapper' );
if ( event ) {
event.preventDefault();
}
self.$el.find( '.fusion-column-wrapper, .fusion-column-inner-bg-image' ).css( 'border', '' );
if ( 'all' === borderPosition ) {
_.each( positions, function( position ) {
$target.css( 'border-' + position, borderSize + ' ' + borderStyle + ' ' + borderColor );
} );
} else {
_.each( positions, function( position ) {
if ( position === borderPosition ) {
$target.css( 'border-' + position, borderSize + ' ' + borderStyle + ' ' + borderColor );
} else {
$target.css( 'border-' + position, 'none' );
}
} );
}
},
/**
* Clones a column.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
cloneColumn: function( event, forceManually ) {
var columnAttributes = jQuery.extend( true, {}, this.model.attributes ),
$thisColumn,
container;
if ( event ) {
event.preventDefault();
}
columnAttributes.created = 'manually';
columnAttributes.cid = FusionPageBuilderViewManager.generateCid();
columnAttributes.targetElement = this.$el;
columnAttributes.cloned = true;
columnAttributes.at_index = FusionPageBuilderApp.getCollectionIndex( this.$el );
FusionPageBuilderApp.collection.add( columnAttributes );
// Parse column elements
$thisColumn = this.$el;
$thisColumn.find( '.fusion-builder-live-element:not(.fusion-builder-column-inner .fusion-builder-live-element), .fusion-builder-nested-element' ).each( function() {
var $thisModule,
moduleCID,
module,
elementAttributes,
$thisInnerRow,
innerRowCID,
innerRowView;
// Standard element
if ( jQuery( this ).hasClass( 'fusion-builder-live-element' ) ) {
$thisModule = jQuery( this );
moduleCID = 'undefined' === typeof $thisModule.data( 'cid' ) ? $thisModule.find( '.fusion-builder-data-cid' ).data( 'cid' ) : $thisModule.data( 'cid' );
// Get model from collection by cid
module = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == moduleCID; // jshint ignore: line
} );
// Clone model attritubes
elementAttributes = jQuery.extend( true, {}, module.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.parent = columnAttributes.cid;
elementAttributes.from = 'fusion_builder_column';
// Don't need target element, position is defined from order.
delete elementAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( elementAttributes );
// Inner row/nested element
} else if ( jQuery( this ).hasClass( 'fusion_builder_row_inner' ) ) {
$thisInnerRow = jQuery( this );
innerRowCID = 'undefined' === typeof $thisInnerRow.data( 'cid' ) ? $thisInnerRow.find( '.fusion-builder-data-cid' ).data( 'cid' ) : $thisInnerRow.data( 'cid' );
innerRowView = FusionPageBuilderViewManager.getView( innerRowCID );
// Clone inner row
if ( 'undefined' !== typeof innerRowView ) {
innerRowView.cloneNestedRow( 'clone', columnAttributes.cid );
}
}
} );
// If column is cloned manually
if ( event || forceManually ) {
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.cloned + ' ' + fusionBuilderText.column );
container = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
container.createVirtualRows();
container.updateColumnsPreview();
FusionEvents.trigger( 'fusion-content-changed' );
}
this._refreshJs();
},
/**
* Append the column's children to its content.
*
* @since 2.0.0
* @return {void}
*/
appendChildren: function() {
var self = this,
cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
self.$el.find( '.fusion-builder-column-content:not(.fusion_builder_row_inner .fusion-builder-column-content ):not( .fusion-nested-column-content )' ).append( view.$el );
} );
this.delegateChildEvents();
},
/**
* Gets the column contents.
*
* @since 2.0.0
* @param {Object} $thisColumn - The jQuery object of the element.
* @return {string}
*/
getColumnContent: function() {
var shortcode = '',
columnParams = {},
self = this,
ColumnAttributesCheck;
_.each( this.model.get( 'params' ), function( value, name ) {
columnParams[ name ] = ( 'undefined' === value || 'undefined' === typeof value ) ? '' : value;
} );
// Legacy support for new column options
ColumnAttributesCheck = {
min_height: '',
last: 'no',
hover_type: 'none',
link: '',
border_position: 'all'
};
_.each( ColumnAttributesCheck, function( value, name ) {
if ( 'undefined' === typeof columnParams[ name ] ) {
columnParams[ name ] = value;
}
} );
this.beforeGenerateShortcode();
// Build column shortcode
shortcode += '[fusion_builder_column type="' + this.model.attributes.params.type + '"';
_.each( columnParams, function( value, name ) {
if ( ( 'on' === fusionAppConfig.removeEmptyAttributes && '' !== value ) || 'off' === fusionAppConfig.removeEmptyAttributes ) {
shortcode += ' ' + name + '="' + value + '"';
}
} );
shortcode += ']';
// Find elements inside this column
this.$el.find( '.fusion-builder-live-element:not(.fusion-builder-column-inner .fusion-builder-live-element), .fusion-builder-nested-element' ).each( function() {
var $thisRowInner;
// Find standard elements
if ( jQuery( this ).hasClass( 'fusion-builder-live-element' ) ) {
shortcode += FusionPageBuilderApp.generateElementShortcode( jQuery( this ), false );
// Find inner rows
} else {
$thisRowInner = FusionPageBuilderViewManager.getView( jQuery( this ).data( 'cid' ) );
if ( 'undefined' !== typeof $thisRowInner ) {
shortcode += $thisRowInner.getInnerRowContent();
}
}
} );
shortcode += '[/fusion_builder_column]';
return shortcode;
},
/**
* Removes a column.
*
* @since 2.0.0
* @param {Object} event - The event triggering the column removal.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
removeColumn: function( event, forceManually ) {
var elements,
rowView,
parentCID = this.model.get( 'parent' );
if ( event ) {
event.preventDefault();
}
elements = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
_.each( elements, function( element ) {
if ( 'fusion_builder_row' === element.model.get( 'type' ) || 'fusion_builder_row_inner' === element.model.get( 'type' ) ) {
element.removeRow();
} else {
element.removeElement();
}
} );
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
this._equalHeights( parentCID );
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
this.model.destroy();
this.remove();
// If the column is deleted manually
if ( event || forceManually ) {
// Update preview for spacing.
rowView = FusionPageBuilderViewManager.getView( parentCID );
rowView.setRowData();
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted + ' ' + fusionBuilderText.column );
FusionEvents.trigger( 'fusion-content-changed' );
rowView.$el.find( '.fusion-builder-module-controls-container a' ).trigger( 'mouseleave' );
}
},
/**
* Adds a child view.
*
* @since 2.0.0
* @param {Object} element - The element.
* @return {void}
*/
addChildView: function( element ) {
var view,
viewSettings = {
model: element,
collection: FusionPageBuilderElements,
attributes: {
'data-cid': element.get( 'cid' )
}
},
containerSuffix = ':not(.fusion_builder_row_inner .fusion-builder-column-content)';
if ( 'undefined' !== typeof element.get( 'multi' ) && 'multi_element_parent' === element.get( 'multi' ) ) {
if ( 'undefined' !== typeof FusionPageBuilder[ element.get( 'element_type' ) ] ) {
view = new FusionPageBuilder[ element.get( 'element_type' ) ]( viewSettings );
} else {
view = new FusionPageBuilder.ParentElementView( viewSettings );
}
} else if ( 'undefined' !== typeof FusionPageBuilder[ element.get( 'element_type' ) ] ) {
view = new FusionPageBuilder[ element.get( 'element_type' ) ]( viewSettings );
} else if ( 'fusion_builder_row_inner' === element.get( 'element_type' ) ) {
view = new FusionPageBuilder.InnerRowView( viewSettings );
} else {
view = new FusionPageBuilder.ElementView( viewSettings );
}
// Add new view to manager.
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( 'undefined' !== typeof this.model && 'fusion_builder_column_inner' === this.model.get( 'type' ) ) {
containerSuffix = '';
}
if ( ! _.isUndefined( element.get( 'targetElement' ) ) && 'undefined' === typeof element.get( 'from' ) ) {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'after' === element.get( 'targetElementPosition' ) ) {
element.get( 'targetElement' ).after( view.render().el );
} else {
element.get( 'targetElement' ).before( view.render().el );
}
} else if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'end' === element.get( 'targetElementPosition' ) ) {
if ( 'fusion_widget' === view.model.get( 'element_type' ) ) {
// eslint-disable-next-line vars-on-top
var renderedView = view.render();
renderedView.$el.find( 'script' ).remove();
this.$el.find( '.fusion-builder-column-content' + containerSuffix ).append( renderedView.el );
} else {
this.$el.find( '.fusion-builder-column-content' + containerSuffix ).append( view.render().el );
}
} else {
this.$el.find( '.fusion-builder-column-content' + containerSuffix ).find( '.fusion-builder-empty-column' ).first().after( view.render().el );
}
// Check if we should open the settings or not.
if ( 'off' !== window.FusionApp.preferencesData.open_settings && 'undefined' !== typeof element.get( 'added' ) ) {
if ( 'fusion_builder_row_inner' === element.get( 'type' ) ) {
view.editRow();
} else {
view.settings();
}
}
},
/**
* Get the save label.
*
* @since 2.0.0
* @return {string}
*/
getSaveLabel: function() {
return fusionBuilderText.save_column;
},
/**
* Returns the 'columns' string.
*
* @since 2.0.0
* @return {string}
*/
getCategory: function() {
return 'columns';
},
/**
* Column spacing dimensions version.
*
* @since 2.0.0
* @return {void}
*/
fallbackColumnSpacing: function( $placeholder, allNo ) {
var columnSize = '100%',
fullcolumnSize = columnSize,
existingSpacing = '0%',
columnWidth = this.model.attributes.params.type;
if ( 'yes' === this.model.attributes.params.spacing ) {
existingSpacing = '4%';
}
columnWidth = this.model.attributes.params.type;
switch ( columnWidth ) {
case '1_1':
columnSize = '100%';
fullcolumnSize = '100%';
break;
case '1_4':
columnSize = '22%';
fullcolumnSize = '25%';
break;
case '3_4':
columnSize = '74%';
fullcolumnSize = '75%';
break;
case '1_2':
columnSize = '48%';
fullcolumnSize = '50%';
break;
case '1_3':
columnSize = '30.6666%';
fullcolumnSize = '33.3333%';
break;
case '2_3':
columnSize = '65.3333%';
fullcolumnSize = '66.6666%';
break;
case '1_5':
columnSize = '16.8%';
fullcolumnSize = '20%';
break;
case '2_5':
columnSize = '37.6%';
fullcolumnSize = '40%';
break;
case '3_5':
columnSize = '58.4%';
fullcolumnSize = '60%';
break;
case '4_5':
columnSize = '79.2%';
fullcolumnSize = '80%';
break;
case '5_6':
columnSize = '82.6666%';
fullcolumnSize = '83.3333%';
break;
case '1_6':
columnSize = '13.3333%';
fullcolumnSize = '16.6666%';
break;
}
if ( '4%' !== existingSpacing && ( ! this.model.attributes.params.last || allNo ) ) {
columnSize = fullcolumnSize;
}
this.$el.css( 'width', columnSize );
$placeholder.css( 'width', columnSize );
$placeholder.css( 'margin-right', existingSpacing );
this.$el.css( 'margin-right', existingSpacing );
},
/**
* Checks if column layout type is block.
*
* @since 3.0.0
* @return {Boolean}
*/
isBlockLayout: function() {
return this.values && 'block' === this.values.content_layout;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, FusionPageBuilderViewManager, fusionAllElements, fusionBuilderText, FusionEvents, FusionPageBuilderElements */
/* jshint -W020 */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Container View
FusionPageBuilder.ContainerView = FusionPageBuilder.BaseView.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-container-template' ).html() ),
className: function() {
var classes = 'fusion-builder-container fusion-builder-data-cid',
values = _.fusionCleanParameters( jQuery.extend( true, {}, this.model.get( 'params' ) ) );
if ( 'yes' === values.hundred_percent_height_scroll && 'yes' === values.hundred_percent_height ) {
classes += ' scrolling-helper';
}
if ( this.isFlex ) {
classes += ' fusion-builder-flex-container';
}
if ( values.status && 'draft' === values.status ) {
classes += ' fusion-builder-container-status-draft';
}
// Absolute container.
if ( 'undefined' !== typeof values.absolute && 'on' === values.absolute ) {
classes += ' fusion-builder-absolute-container-wrapper';
}
return classes;
},
events: {
'click .fusion-builder-container-settings': 'settings',
'click .fusion-builder-container-remove': 'removeContainer',
'click .fusion-builder-container-clone': 'cloneContainer',
'click .fusion-builder-container-add': 'addContainer',
'click .fusion-builder-container-save': 'openLibrary',
'click .fusion-builder-publish-tooltip': 'publish',
'click .fusion-builder-unglobal-tooltip': 'unglobalize',
'click .fusion-builder-container-drag': 'preventDefault'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
var cid = this.model.get( 'cid' ),
el = this.$el;
el.attr( 'data-cid', cid );
el.attr( 'id', 'fusion-container-' + cid );
if ( 'undefined' !== typeof this.model.attributes.params && 'undefined' !== typeof this.model.attributes.params.fusion_global ) {
el.attr( 'fusion-global-layout', this.model.attributes.params.fusion_global );
this.$el.removeClass( 'fusion-global-container' ).addClass( 'fusion-global-container' );
}
this.listenTo( FusionEvents, 'fusion-view-update-fusion_builder_container', this.reRender );
this.listenTo( FusionEvents, 'fusion-param-changed-' + this.model.get( 'cid' ), this.onOptionChange );
// Responsive control updates on resize.
this.listenTo( FusionEvents, 'fusion-preview-viewport-update', this.onPreviewResize );
this._triggerCallback = _.debounce( _.bind( this.triggerCallback, this ), 200 );
this.model.children = new FusionPageBuilder.Collection();
this.listenTo( this.model.children, 'add', this.addChildView );
this.renderedYet = FusionPageBuilderApp.loaded;
this._refreshJs = _.debounce( _.bind( this.refreshJs, this ), 300 );
this._triggerScrollUpdate = _.debounce( _.bind( this.triggerScrollUpdate, this ), 300 );
this._reInitSticky = _.debounce( _.bind( this.reInitSticky, this ), 300 );
this._updateInnerStyles = _.debounce( _.bind( this.updateInnerStyles, this ), 500 );
this.scrollingSections = false;
this.settingsControlsOffset = 0;
this.width = el.width();
el.on( 'mouseenter', _.bind( this.setSettingsControlsOffset, this ) );
this.correctStackingContextForFilters();
this.deprecatedParams();
this.baseInit();
this.reInitDraggables = false;
},
/**
* Set correct top offset for the container setting controls.
*
* @since 2.0
* @param {boolean} forced - Whether to force an update and bypass checks.
* @return {void}
*/
setSettingsControlsOffset: function( forced ) {
var offset = 15,
customOffset;
if ( ( 'undefined' !== typeof forced || 0 === this.settingsControlsOffset || this.width !== this.$el.width() ) && ( 'undefined' !== typeof window.frames[ 0 ].getStickyHeaderHeight || 'undefined' !== typeof window.frames[ 0 ].fusionGetStickyOffset ) ) {
// if we have sticky enabled, get its height.
if ( 'off' !== FusionApp.preferencesData.sticky_header && 'on' !== this.values.sticky ) {
// If we have a custom header, use function to retrieve lowest point.
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-tb-header' ).length && 'function' === typeof window.frames[ 0 ].fusionGetStickyOffset ) {
customOffset = window.frames[ 0 ].fusionGetStickyOffset();
if ( customOffset ) {
offset += customOffset;
}
} else if ( 'undefined' !== typeof window.frames[ 0 ].getStickyHeaderHeight ) {
offset += window.frames[ 0 ].getStickyHeaderHeight( true );
}
}
this.settingsControlsOffset = offset + 'px';
this.width = this.$el.width();
this.$el.find( '.fusion-builder-module-controls-container-wrapper .fusion-builder-module-controls-type-container' ).css( 'top', this.settingsControlsOffset );
}
if ( this.$el.find( '.fusion-builder-empty-container' ).is( ':visible' ) ) {
this.$el.find( '.fusion-builder-module-controls-container-wrapper .fusion-builder-module-controls-type-container' ).css( 'margin-top', '8.5px' );
} else {
this.$el.find( '.fusion-builder-module-controls-container-wrapper .fusion-builder-module-controls-type-container' ).css( 'margin-top', '' );
}
},
/**
* Corrects the stacking context if filters are used, to make all elements accessible.
*
* @since 2.2
* @return {void}
*/
correctStackingContextForFilters: function() {
var parent = this.$el;
this.$el.on( 'mouseenter', '.fusion-fullwidth', function() {
if ( 'none' !== jQuery( this ).css( 'filter' ) ) {
parent.addClass( 'fusion-has-filters' );
}
} );
this.$el.on( 'mouseleave', '.fusion-fullwidth', function() {
if ( ! parent.hasClass( 'fusion-container-editing-child' ) ) {
parent.removeClass( 'fusion-has-filters' );
}
} );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this,
data = this.getTemplateAtts();
this.$el.html( this.template( data ) );
this.appendChildren();
if ( this.renderedYet ) {
this._refreshJs();
// Trigger equal height columns js
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-option-change-equal_height_columns', this.model.attributes.cid );
}
this.onRender();
this.renderedYet = true;
setTimeout( function() {
self.droppableContainer();
}, 100 );
this._triggerScrollUpdate();
return this;
},
/**
* Adds drop zones for continers and makes container draggable.
*
* @since 2.0.0
* @return {void}
*/
droppableContainer: function() {
var $el = this.$el,
self = this,
cid = this.model.get( 'cid' ),
$body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
if ( ! $el ) {
return;
}
$el.draggable( {
appendTo: FusionPageBuilderApp.$el,
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
iframeScroll: true,
containment: $body,
cancel: '.fusion-builder-column',
helper: function() {
var $classes = FusionPageBuilderApp.DraggableHelpers.draggableClasses( cid );
return jQuery( '<div class="fusion-container-helper ' + $classes + '" data-cid="' + cid + '"><span class="fusiona-container"></span></div>' );
},
start: function() {
$body.addClass( 'fusion-container-dragging fusion-active-dragging' );
$el.addClass( 'fusion-being-dragged' );
// Add a class to hide the unnecessary target after.
if ( $el.prev( '.fusion-builder-container' ).length ) {
$el.prev( '.fusion-builder-container' ).addClass( 'hide-target-after' );
}
if ( $el.prev( '.fusion-fusion-builder-next-pager' ).length ) {
$el.prev( '.fusion-fusion-builder-next-page' ).addClass( 'hide-target-after' );
}
},
stop: function() {
setTimeout( function() {
$body.removeClass( 'fusion-container-dragging fusion-active-dragging' );
}, 10 );
$el.removeClass( 'fusion-being-dragged' );
FusionPageBuilderApp.$el.find( '.hide-target-after' ).removeClass( 'hide-target-after' );
}
} );
$el.find( '.fusion-container-target' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-container, .fusion-builder-next-page, .fusion-checkout-form',
drop: function( event, ui ) {
self.handleDropContainer( ui.draggable, $el, jQuery( event.target ) );
}
} );
},
handleDropContainer( $column, $targetEl, $dropTarget ) {
// Move the actual html.
if ( jQuery( $dropTarget ).hasClass( 'target-after' ) ) {
$targetEl.after( $column );
} else {
$targetEl.before( $column );
}
FusionEvents.trigger( 'fusion-content-changed' );
FusionPageBuilderApp.scrollingContainers();
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.full_width_section + ' Order Changed' );
},
/**
* Get the template.
*
* @since 2.0.0
* @return {void}
*/
getTemplate: function() {
var atts = this.getTemplateAtts();
return this.template( atts );
},
/**
* Remove deprecated params.
*
* @since 2.0.0
* @return {void}
*/
deprecatedParams: function() {
var params = this.model.get( 'params' ),
defaults = fusionAllElements.fusion_builder_container.defaults,
values = jQuery.extend( true, {}, defaults, params ),
alphaBackgroundColor = 1,
radiaDirectionsNew = { 'bottom': 'center bottom', 'bottom center': 'center bottom', 'left': 'left center', 'right': 'right center', 'top': 'center top', 'center': 'center center', 'center left': 'left center' };
params = _.fusionContainerMapDeprecatedArgs( params );
// If no blend mode is defined, check if we should set to overlay.
if ( 'undefined' === typeof params.background_blend_mode && '' !== values.background_color ) {
alphaBackgroundColor = jQuery.AWB_Color( values.background_color ).alpha();
if ( 1 > alphaBackgroundColor && 0 !== alphaBackgroundColor && ( '' !== params.background_image || '' !== params.video_bg ) ) {
params.background_blend_mode = 'overlay';
}
}
// Check if we have an old border-size. If we do, then we need to migrate it to the new options
// and delete the old param.
if ( 'undefined' !== typeof params.border_size ) {
if ( '' !== params.border_size ) {
params.border_sizes_top = parseInt( params.border_size ) + 'px';
params.border_sizes_bottom = parseInt( params.border_size ) + 'px';
params.border_sizes_left = '0px';
params.border_sizes_right = '0px';
}
delete params.border_size;
}
// Correct radial direction params.
if ( 'undefined' !== typeof params.radial_direction && ( params.radial_direction in radiaDirectionsNew ) ) {
params.radial_direction = radiaDirectionsNew[ values.radial_direction ];
}
// No column align, but equal heights is on, set to stretch.
if ( 'undefined' === typeof params.flex_align_items && 'undefined' !== typeof params.equal_height_columns && 'yes' === params.equal_height_columns ) {
params.flex_align_items = 'stretch';
}
// No align content, but it is 100% height and centered.
if ( 'undefined' === typeof params.align_content && 'undefined' !== typeof params.hundred_percent_height && 'yes' === params.hundred_percent_height && 'undefined' !== typeof params.hundred_percent_height_center_content && 'yes' === params.hundred_percent_height_center_content ) {
params.align_content = 'center';
}
// If legacy mode is off, remove param, causes it to run migration and then setType is called.
if ( ( 'undefined' === typeof params.type || 'flex' !== params.type ) && 'undefined' !== typeof fusionAllElements.fusion_builder_container.extras.container_legacy_support && ( 0 === fusionAllElements.fusion_builder_container.extras.container_legacy_support || '0' === fusionAllElements.fusion_builder_container.extras.container_legacy_support || false === fusionAllElements.fusion_builder_container.extras.container_legacy_support ) ) {
delete params.type;
}
this.model.set( 'params', params );
},
/**
* Set type to ensure migration does not run on front-end.
*
* @since 3.0
* @return {Void}
*/
setType: function() {
var params = this.model.get( 'params' ),
defaults = fusionAllElements.fusion_builder_container.defaults;
if ( 'undefined' === typeof params.type ) {
params.type = defaults.type;
}
this.model.set( 'params', params );
},
/**
* Get dynamic values.
*
* @since 2.0.0
* @return {Object}
*/
getDynamicAtts: function( values ) {
var self = this;
if ( 'undefined' !== typeof this.dynamicParams && this.dynamicParams && ! _.isEmpty( this.dynamicParams.getAll() ) ) {
_.each( this.dynamicParams.getAll(), function( data, id ) {
var value = self.dynamicParams.getParamValue( data );
if ( 'undefined' !== typeof value && false !== value ) {
values[ id ] = value;
}
} );
}
return values;
},
setValues: function() {
var element = fusionAllElements[ this.model.get( 'element_type' ) ],
defaults = fusionAllElements.fusion_builder_container.defaults,
params = jQuery.extend( true, {}, this.model.get( 'params' ) ),
extras = {},
values = {};
extras = jQuery.extend( true, {}, fusionAllElements.fusion_builder_container.extras );
// If 100 page template.
if ( FusionPageBuilderApp.$el.find( '#main' ).hasClass( 'width-100' ) && 'undefined' !== typeof extras.container_padding_100 ) {
defaults.padding_top = extras.container_padding_100.top;
defaults.padding_right = extras.container_padding_100.right;
defaults.padding_bottom = extras.container_padding_100.bottom;
defaults.padding_left = extras.container_padding_100.left;
} else if ( ! FusionPageBuilderApp.$el.find( '#main' ).hasClass( 'width-100' ) && 'undefined' !== typeof extras.container_padding_default ) {
defaults.padding_top = extras.container_padding_default.top;
defaults.padding_right = extras.container_padding_default.right;
defaults.padding_bottom = extras.container_padding_default.bottom;
defaults.padding_left = extras.container_padding_default.left;
}
params = _.fusionCleanParameters( params );
// Set values & extras
if ( element && 'undefined' !== typeof element.defaults ) {
values = jQuery.extend( true, {}, defaults, params );
}
// Default value is an array, so we need to convert it to string.
if ( Array.isArray( values.absolute_devices ) ) {
values.absolute_devices = values.absolute_devices.join( ',' );
}
values = this.getDynamicAtts( values );
this.defaults = defaults;
this.values = values;
this.params = params;
if ( 'on' === this.values.sticky ) {
this.values.background_parallax = 'none';
this.values.fade = 'no';
}
},
/**
* Set extra args.
*
* @since 2.0.0
* @return {void}
*/
setExtraValues: function() {
this.values.alpha_background_color = jQuery.AWB_Color( this.values.background_color ).alpha();
},
contentStyle: function() {
var self = this,
contentStyle = '';
if ( 'yes' === this.values.hundred_percent_height && 'yes' === this.values.hundred_percent_height_center_content ) {
// Get correct container padding.
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, padding ) {
var paddingName = 'padding_' + padding;
// Add padding to style.
if ( '' !== self.values[ paddingName ] ) {
contentStyle += 'padding-' + padding + ':' + _.fusionGetValueWithUnit( self.values[ paddingName ] ) + ';';
}
} );
}
return contentStyle;
},
/**
* Sets container video data args.
*
* @access public
* @since 3.0
* @return void
*/
setContainerVideoData: function() {
// If no blend mode is defined, check if we should set to overlay.
if ( 'undefined' !== typeof this.values.background_blend_mode &&
1 > this.values.alpha_background_color &&
0 !== this.values.alpha_background_color &&
! this.is_gradient_color &&
( this.background_image || this.values.video_bg ) ) {
this.values.background_blend_mode = 'overlay';
}
this.values.video_bg = false;
if ( this.values.video_mp4 || this.values.video_webm || this.values.video_ogv || this.values.video_url ) {
this.values.video_bg = true;
}
},
parallaxAttr: function() {
var attr = {},
bgColorAlpha = jQuery.AWB_Color( this.values.background_color ).alpha();
attr[ 'class' ] = 'fusion-bg-parallax';
attr[ 'data-bg-align' ] = this.values.background_position;
attr[ 'data-direction' ] = this.values.background_parallax;
attr[ 'data-mute' ] = 'mute' === this.values.video_mute ? 'true' : 'false';
attr[ 'data-opacity' ] = this.values.opacity;
attr[ 'data-velocity' ] = this.values.parallax_speed * -1;
attr[ 'data-mobile-enabled' ] = 'yes' === this.values.enable_mobile ? 'true' : 'false';
attr[ 'data-break_parents' ] = this.values.break_parents;
attr[ 'data-bg-image' ] = this.values.background_image;
attr[ 'data-bg-repeat' ] = this.values.background_repeat && 'no-repeat' !== this.values.background_repeat ? 'true' : 'false';
if ( 0 !== bgColorAlpha ) {
attr[ 'data-bg-color' ] = this.values.background_color;
}
if ( 'none' !== this.values.background_blend_mode ) {
attr[ 'data-blend-mode' ] = this.values.background_blend_mode;
}
if ( this.values.is_gradient_color ) {
attr[ 'data-bg-gradient-type' ] = this.values.gradient_type;
attr[ 'data-bg-gradient-angle' ] = this.values.linear_angle;
attr[ 'data-bg-gradient-start-color' ] = this.values.gradient_start_color;
attr[ 'data-bg-gradient-start-position' ] = this.values.gradient_start_position;
attr[ 'data-bg-gradient-end-color' ] = this.values.gradient_end_color;
attr[ 'data-bg-gradient-end-position' ] = this.values.gradient_end_position;
attr[ 'data-bg-radial-direction' ] = this.values.radial_direction;
}
attr[ 'data-bg-height' ] = this.values.data_bg_height;
attr[ 'data-bg-width' ] = this.values.data_bg_width;
return attr;
},
isFlex: function() {
return this.values && 'flex' === this.values.type;
},
attr: function() {
var attr = {
'class': 'fusion-fullwidth fullwidth-box fusion-builder-row-live-' + this.model.get( 'cid' ),
'style': '',
'id': ''
},
self = this;
// Background.
if ( '' !== this.values.background_color && ! ( 'yes' === this.values.fade && '' !== this.values.background_image && false === this.values.video_bg ) ) {
attr.style += 'background-color: ' + this.values.background_color + ';';
}
if ( '' !== this.values.background_image && 'yes' !== this.values.fade ) {
attr.style += 'background-image: url(\'' + this.values.background_image + '\');';
}
if ( '' !== _.getGradientString( this.values, 'main_bg' ) ) {
attr.style += 'background-image: ' + _.getGradientString( this.values, 'main_bg' ) + ';';
}
if ( '' !== this.values.background_position ) {
attr.style += 'background-position: ' + this.values.background_position + ';';
}
if ( '' !== this.values.background_repeat ) {
attr.style += 'background-repeat: ' + this.values.background_repeat + ';';
}
if ( 'none' !== this.values.background_blend_mode ) {
attr.style += 'background-blend-mode: ' + this.values.background_blend_mode + ';';
}
// Add box-shadow styles.
if ( 'yes' === this.values.box_shadow ) {
attr.style += 'box-shadow:' + _.fusionGetBoxShadowStyle( this.values ).replace( ';', '' ) + ' !important;';
}
if ( ! this.isFlex() ) {
// Get correct container padding.
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, padding ) {
var paddingName = 'padding_' + padding;
// Add padding to style.
if ( '' !== self.values[ paddingName ] ) {
attr.style += 'padding-' + padding + ':' + _.fusionGetValueWithUnit( self.values[ paddingName ] ) + ';';
}
} );
// Margin; for separator conversion only.
if ( '' !== this.values.margin_bottom ) {
attr.style += 'margin-bottom: ' + _.fusionGetValueWithUnit( this.values.margin_bottom ) + ';';
}
if ( '' !== this.values.margin_top ) {
attr.style += 'margin-top: ' + _.fusionGetValueWithUnit( this.values.margin_top ) + ';';
}
}
// Border.
if ( 'undefined' === typeof this.values.border_sizes_top || '' === this.values.border_sizes_top ) {
this.values.border_sizes_top = 0;
}
if ( 'undefined' === typeof this.values.border_sizes_bottom || '' === this.values.border_sizes_bottom ) {
this.values.border_sizes_bottom = 0;
}
if ( 'undefined' === typeof this.values.border_sizes_left || '' === this.values.border_sizes_left ) {
this.values.border_sizes_left = 0;
}
if ( 'undefined' === typeof this.values.border_sizes_right || '' === this.values.border_sizes_right ) {
this.values.border_sizes_right = 0;
}
attr.style += 'border-top:' + _.fusionGetValueWithUnit( this.values.border_sizes_top ) + ' ' + this.values.border_style + ' ' + this.values.border_color + ';';
attr.style += 'border-bottom:' + _.fusionGetValueWithUnit( this.values.border_sizes_bottom ) + ' ' + this.values.border_style + ' ' + this.values.border_color + ';';
attr.style += 'border-left:' + _.fusionGetValueWithUnit( this.values.border_sizes_left ) + ' ' + this.values.border_style + ' ' + this.values.border_color + ';';
attr.style += 'border-right:' + _.fusionGetValueWithUnit( this.values.border_sizes_right ) + ' ' + this.values.border_style + ' ' + this.values.border_color + ';';
if ( '' !== this.values.background_image && false === this.values.video_bg ) {
if ( 'no-repeat' === this.values.background_repeat ) {
attr.style += '-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;';
}
}
if ( this.isFlex() ) {
attr[ 'class' ] += ' fusion-flex-container';
if ( 'stretch' !== this.values.align_content ) {
attr[ 'class' ] += ' fusion-flex-align-content-' + this.values.align_content;
}
}
if ( this.values.video_bg ) {
attr[ 'class' ] += ' video-background';
}
// Fading Background.
if ( 'yes' === this.values.fade && '' !== this.values.background_image && false === this.values.video_bg ) {
attr[ 'class' ] += ' faded-background';
}
// Parallax.
if ( false === this.values.video_bg && '' !== this.values.background_image ) {
// Parallax css class+
if ( '' !== this.values.background_parallax ) {
attr[ 'class' ] += ' fusion-parallax-' + this.values.background_parallax;
}
if ( 'fixed' === this.values.background_parallax ) {
attr.style += 'background-attachment:' + this.values.background_parallax + ';';
}
}
// Custom CSS class+
if ( '' !== this.values[ 'class' ] ) {
attr[ 'class' ] += ' ' + this.values[ 'class' ];
}
attr[ 'class' ] += ( 'yes' === this.values.hundred_percent ) ? ' hundred-percent-fullwidth' : ' nonhundred-percent-fullwidth';
attr[ 'class' ] += ( 'yes' === this.values.hundred_percent_height_scroll && 'yes' === this.values.hundred_percent_height ) ? ' fusion-scrolling-section-edit' : '';
attr[ 'class' ] += ( 'yes' === this.values.hundred_percent_height ) ? ' non-hundred-percent-height-scrolling' : '';
attr[ 'class' ] += ( 'yes' === this.values.hundred_percent_height && 'yes' !== this.values.hundred_percent_height_center_content ) ? ' hundred-percent-height' : '';
attr[ 'class' ] += ( 'yes' === this.values.hundred_percent_height && 'yes' === this.values.hundred_percent_height_center_content ) ? ' hundred-percent-height-center-content' : '';
// Equal column height.
if ( 'yes' === this.values.equal_height_columns && ! this.isFlex() ) {
attr[ 'class' ] += ' fusion-equal-height-columns';
}
// Hundred percent height and centered content, if added to centerContentClass then the padding makes the container too large.
if ( 'yes' === this.values.hundred_percent_height && 'yes' === this.values.hundred_percent_height_center_content ) {
attr[ 'class' ] += ' hundred-percent-height non-hundred-percent-height-scrolling';
}
// Visibility classes.
let visibilityValue = this.values.hide_on_mobile;
// Get Render logics Array.
const renderLogicsDevices = this.getRenderLogicsDevices();
if ( renderLogicsDevices.length ) {
const rlDevicesEqual = [];
const rlDevicesNotEqual = [];
renderLogicsDevices.forEach( ( r ) => {
switch ( r.value ) {
case 'desktop':
if ( 'equal' === r.comparison ) {
rlDevicesEqual.push( 'large-visibility' );
} else {
rlDevicesNotEqual.push( 'large-visibility' );
}
break;
case 'tablet':
if ( 'equal' === r.comparison ) {
rlDevicesEqual.push( 'medium-visibility' );
} else {
rlDevicesNotEqual.push( 'medium-visibility' );
}
break;
case 'mobile':
if ( 'equal' === r.comparison ) {
rlDevicesEqual.push( 'small-visibility' );
} else {
rlDevicesNotEqual.push( 'small-visibility' );
}
break;
case 'mobile_tablet':
if ( 'equal' === r.comparison ) {
rlDevicesEqual.push( 'medium-visibility' );
rlDevicesEqual.push( 'small-visibility' );
} else {
rlDevicesNotEqual.push( 'medium-visibility' );
rlDevicesNotEqual.push( 'small-visibility' );
}
break;
}
} );
if ( rlDevicesEqual.length ) {
attr[ 'class' ] = _.fusionVisibilityAtts( rlDevicesEqual.join( ',' ), attr[ 'class' ] );
}
if ( rlDevicesNotEqual.length ) {
visibilityValue = visibilityValue.split( ',' ).filter( ( v ) => !rlDevicesNotEqual.includes( v ) );
}
}
attr[ 'class' ] = _.fusionVisibilityAtts( visibilityValue, attr[ 'class' ] );
// Animations.
attr = _.fusionAnimations( this.values, attr );
// Custom CSS ID.
if ( '' !== this.values.id ) {
attr.id = this.values.id;
}
if ( '' !== this.values.menu_anchor ) {
attr.id += ' ' + this.values.menu_anchor;
}
// Sticky container.
if ( 'on' === this.values.sticky ) {
attr[ 'class' ] += ' fusion-sticky-container';
if ( '' !== this.values.sticky_transition_offset && 0 !== this.values.sticky_transition_offset ) {
attr[ 'data-transition-offset' ] = parseFloat( this.values.sticky_transition_offset );
}
if ( '' !== this.values.sticky_offset && 0 !== this.values.sticky_offset ) {
attr[ 'data-sticky-offset' ] = this.values.sticky_offset;
}
if ( '' !== this.values.scroll_offset && 0 !== this.values.scroll_offset ) {
attr[ 'data-scroll-offset' ] = parseFloat( this.values.scroll_offset );
}
if ( '' !== this.values.sticky_devices ) {
if ( 'string' === typeof this.values.sticky_devices ) {
this.values.sticky_devices = this.values.sticky_devices.split( ',' );
}
_.each( this.values.sticky_devices, function( stickyDevice ) {
attr[ 'data-sticky-' + stickyDevice.replace( /\s/g, '' ) ] = true;
} );
}
}
// z-index.
if ( 'undefined' !== typeof this.values.z_index && '' !== this.values.z_index ) {
attr[ 'class' ] += ' fusion-custom-z-index';
}
// Absolute container.
if ( 'undefined' !== typeof this.values.absolute && 'on' === this.values.absolute ) {
attr[ 'class' ] += ' fusion-absolute-container';
if ( 'undefined' !== typeof this.values.absolute_devices && '' !== this.values.absolute_devices ) {
_.each( this.values.absolute_devices.split( ',' ), function( absoluteDevice ) {
attr[ 'class' ] += ' fusion-absolute-position-' + absoluteDevice;
} );
}
}
if ( this.values.pattern_bg ) {
attr[ 'class' ] += ' has-pattern-background';
}
if ( this.values.mask_bg ) {
attr[ 'class' ] += ' has-mask-background';
}
return attr;
},
createVideoBackground: function() {
var videoBackground = '',
overlayStyle = '',
cid = this.model.get( 'cid' ),
videoAttributes,
videoPreviewImageStyle,
videoUrl,
videoSrc,
loop;
// Videos.
if ( 'undefined' !== typeof this.values.video_mp4 && '' !== this.values.video_mp4 ) {
videoSrc += '<source src="' + this.values.video_mp4 + '" type="video/mp4">';
}
if ( 'undefined' !== typeof this.values.video_webm && '' !== this.values.video_webm ) {
videoSrc += '<source src="' + this.values.video_webm + '" type="video/webm">';
}
if ( 'undefined' !== typeof this.values.video_ogv && '' !== this.values.video_ogv ) {
videoSrc += '<source src="' + this.values.video_ogv + '" type="video/ogg">';
}
if ( '' !== this.values.video_url ) {
videoUrl = _.fusionGetVideoProvider( this.values.video_url ),
loop = ( 'yes' === this.values.video_loop ? 1 : 0 );
if ( 'youtube' === videoUrl.type ) {
videoBackground += '<div style=\'opacity:0;\' class=\'fusion-background-video-wrapper\' id=\'video-' + cid + '\' data-youtube-video-id=\'' + videoUrl.id + '\' data-mute=\'' + this.values.video_mute + '\' data-loop=\'' + loop + '\' data-loop-adjustment=\'' + this.values.video_loop_refinement + '\' data-video-aspect-ratio=\'' + this.values.video_aspect_ratio + '\'><div class=\'fusion-container-video-bg\' id=\'video-' + cid + '-inner\'></div></div>';
} else if ( 'vimeo' === videoUrl.type ) {
videoBackground += '<div id="video-' + cid + '" data-vimeo-video-id="' + videoUrl.id + '" data-mute="' + this.values.video_mute + '" data-video-aspect-ratio="' + this.values.video_aspect_ratio + ' }}" style="visibility:hidden;"><iframe id="video-iframe-' + cid + '" src="//player.vimeo.com/video/' + videoUrl.id + '?api=1&player_id=video-iframe-' + cid + '&html5=1&autopause=0&autoplay=1&badge=0&byline=0&loop=' + loop + '&title=0" frameborder="0"></iframe></div>';
}
} else {
videoAttributes = 'preload="auto" autoplay playsinline';
if ( 'yes' === this.values.video_loop ) {
videoAttributes += ' loop';
}
if ( 'yes' === this.values.video_mute ) {
videoAttributes += ' muted';
}
// Video Preview Image.
if ( '' !== this.values.video_preview_image ) {
videoPreviewImageStyle = 'background-image: url(\'' + this.values.video_preview_image + '\');';
videoBackground += '<div class="fullwidth-video-image" style="' + videoPreviewImageStyle + '"></div>';
}
videoBackground += '<div class="fullwidth-video"><video ' + videoAttributes + '>' + videoSrc + '</video></div>';
}
// Video Overlay.
if ( '' !== _.getGradientString( this.values ) ) {
overlayStyle += 'background-image:' + _.getGradientString( this.values ) + ';';
}
if ( '' !== this.values.background_color && 1 > jQuery.AWB_Color( this.values.background_color ).alpha() ) {
overlayStyle += 'background-color:' + this.values.background_color + ';';
}
if ( '' !== overlayStyle ) {
videoBackground += '<div class="fullwidth-overlay" style="' + overlayStyle + '"></div>';
}
return videoBackground;
},
fadingBackgroundAttr: function() {
var attr = {
class: 'fullwidth-faded'
};
// Fading Background.
if ( 'yes' === this.values.fade && '' !== this.values.background_image && false === this.values.video_bg ) {
if ( this.values.background_parallax ) {
attr.style += 'background-attachment:' + this.values.background_parallax + ';';
}
if ( this.values.background_color ) {
attr.style += 'background-color:' + this.values.background_color + ';';
}
if ( this.values.background_image ) {
attr.style += 'background-image: url(' + this.values.background_image + ');';
}
if ( '' !== _.getGradientString( this.values, 'fade' ) ) {
attr.style += 'background-image: ' + _.getGradientString( this.values, 'fade' ) + ';';
}
if ( this.values.background_position ) {
attr.style += 'background-position:' + this.values.background_position + ';';
}
if ( this.values.background_repeat ) {
attr.style += 'background-repeat:' + this.values.background_repeat + ';';
}
if ( 'none' !== this.values.background_blend_mode ) {
attr.style += 'background-blend-mode: ' + this.values.background_blend_mode + ';';
}
if ( 'no-repeat' === this.values.background_repeat ) {
attr.style += '-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;';
}
}
return attr;
},
styleBlock: function() {
var styleBlock = '',
cid = this.model.get( 'cid' ),
stylePrefix = '.fusion-fullwidth.fusion-builder-row-live-' + cid + ' .fusion-builder-element-content',
linkExclusionSelectors = ' a:not(.fusion-button):not(.fusion-builder-module-control):not(.fusion-social-network-icon):not(.fb-icon-element):not(.fusion-countdown-link):not(.fusion-rollover-link):not(.fusion-rollover-gallery):not(.add_to_cart_button):not(.show_details_button):not(.product_type_external):not(.fusion-quick-view):not(.fusion-rollover-title-link):not(.fusion-breadcrumb-link)';
if ( 'undefined' !== typeof this.params.link_color && '' !== this.params.link_color ) {
styleBlock += stylePrefix + linkExclusionSelectors + ', ';
styleBlock += stylePrefix + linkExclusionSelectors + ':before, ';
styleBlock += stylePrefix + linkExclusionSelectors + ':after ';
styleBlock += '{color: ' + this.params.link_color + ';}';
}
if ( 'undefined' !== typeof this.params.link_hover_color && '' !== this.params.link_hover_color ) {
styleBlock += stylePrefix + linkExclusionSelectors + ':hover, ' + stylePrefix + linkExclusionSelectors + ':hover:before, ' + stylePrefix + linkExclusionSelectors + ':hover:after {color: ' + this.params.link_hover_color + ';}';
styleBlock += stylePrefix + ' .pagination a.inactive:hover, ' + stylePrefix + ' .fusion-filters .fusion-filter.fusion-active a {border-color: ' + this.params.link_hover_color + ';}';
styleBlock += stylePrefix + ' .pagination .current {border-color: ' + this.params.link_hover_color + '; background-color: ' + this.params.link_hover_color + ';}';
styleBlock += stylePrefix + ' .fusion-filters .fusion-filter.fusion-active a, ' + stylePrefix + ' .fusion-date-and-formats .fusion-format-box, ' + stylePrefix + ' .fusion-popover, ' + stylePrefix + ' .tooltip-shortcode {color: ' + this.params.link_hover_color + ';}';
styleBlock += '#wrapper ' + stylePrefix + ' .fusion-widget-area .fusion-vertical-menu-widget .menu li.current_page_ancestor > a, #wrapper ' + stylePrefix + ' .fusion-widget-area .fusion-vertical-menu-widget .menu li.current_page_ancestor > a:before, #wrapper ' + stylePrefix + ' .fusion-widget-area .fusion-vertical-menu-widget .current-menu-item > a, #wrapper ' + stylePrefix + ' .fusion-widget-area .fusion-vertical-menu-widget .current-menu-item > a:before, #wrapper ' + stylePrefix + ' .fusion-widget-area .fusion-vertical-menu-widget .current_page_item > a, #wrapper ' + stylePrefix + ' .fusion-widget-area .fusion-vertical-menu-widget .current_page_item > a:before {color: ' + this.params.link_hover_color + ';}';
styleBlock += '#wrapper ' + stylePrefix + ' .fusion-widget-area .widget_nav_menu .menu li.current_page_ancestor > a, #wrapper ' + stylePrefix + ' .fusion-widget-area .widget_nav_menu .menu li.current_page_ancestor > a:before, #wrapper ' + stylePrefix + ' .fusion-widget-area .widget_nav_menu .current-menu-item > a, #wrapper ' + stylePrefix + ' .fusion-widget-area .widget_nav_menu .current-menu-item > a:before, #wrapper ' + stylePrefix + ' .fusion-widget-area .widget_nav_menu .current_page_item > a, #wrapper ' + stylePrefix + ' .fusion-widget-area .widget_nav_menu .current_page_item > a:before {color: ' + this.params.link_hover_color + ';}';
styleBlock += '#wrapper ' + stylePrefix + ' .fusion-vertical-menu-widget .menu li.current_page_item > a { border-right-color:' + this.params.link_hover_color + ';border-left-color:' + this.params.link_hover_color + ';}';
styleBlock += '#wrapper ' + stylePrefix + ' .fusion-widget-area .tagcloud a:hover { color: #fff; background-color: ' + this.params.link_hover_color + ';border-color: ' + this.params.link_hover_color + ';}';
styleBlock += '#main ' + stylePrefix + ' .post .blog-shortcode-post-title a:hover {color: ' + this.params.link_hover_color + ';}';
}
if ( 'undefined' !== typeof this.values.z_index && '' !== this.values.z_index ) {
styleBlock += '.fusion-fullwidth.fusion-builder-row-live-' + cid + ' {z-index: ' + parseInt( this.values.z_index ) + ' !important; }';
}
if ( 'undefined' !== typeof this.values.overflow && '' !== this.values.overflow ) {
styleBlock += '.fusion-fullwidth.fusion-builder-row-live-' + cid + ' {overflow: ' + this.values.overflow + ' }';
}
if ( 'on' === this.values.sticky ) {
if ( '' !== this.values.sticky_background_color ) {
styleBlock += '.fusion-fullwidth.fusion-builder-row-live-' + cid + '.fusion-sticky-transition { background-color:' + this.values.sticky_background_color + ' !important; }';
}
if ( '' !== this.values.sticky_height ) {
styleBlock += '.fusion-fullwidth.fusion-builder-row-live-' + cid + '.fusion-sticky-transition { min-height:' + this.values.sticky_height + ' !important; }';
}
}
if ( '' !== styleBlock ) {
styleBlock = '<style type="text/css">' + styleBlock + '</style>';
}
return styleBlock + _.fusionGetFilterStyleElem( this.values, '.fusion-builder-row-live-' + cid, cid );
},
/**
* Get template attributes.
*
* @since 2.0.0
* @return {void}
*/
getTemplateAtts: function() {
var templateAttributes = {};
this.setValues();
this.setExtraValues();
this.setContainerVideoData();
if ( this.isFlex() ) {
this.setResponsiveContainerStyles();
}
// Remove old parallax bg.
if ( this.$el.find( '.fusion-bg-parallax' ).length ) {
if ( 'undefined' !== typeof this.$el.find( '.fusion-bg-parallax' ).data( 'parallax-index' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow._fusionImageParallaxImages.splice( this.$el.find( '.fusion-bg-parallax' ).data( 'parallax-index' ), 1 );
}
this.$el.find( '.fusion-bg-parallax' ).remove();
this.$el.find( '.parallax-inner' ).remove();
}
templateAttributes.values = this.values;
templateAttributes.attr = this.attr();
templateAttributes.parallax = this.parallaxAttr();
templateAttributes.createVideoBackground = _.bind( this.createVideoBackground, this );
templateAttributes.fadingBackground = this.fadingBackgroundAttr();
templateAttributes.styleBlock = this.styleBlock();
templateAttributes.admin_label = ( '' !== this.values.admin_label ) ? _.unescape( this.values.admin_label ) : fusionBuilderText.full_width_section;
templateAttributes.topOverlap = ( 20 > parseInt( this.values.padding_top, 10 ) && ( '0%' === this.values.padding_top || -1 === this.values.padding_top.indexOf( '%' ) ) ) ? 'fusion-overlap' : '';
templateAttributes.bottomOverlap = ( 20 > parseInt( this.values.margin_bottom, 10 ) && ( '0%' === this.values.margin_bottom || -1 === this.values.margin_bottom.indexOf( '%' ) ) ) ? 'fusion-overlap' : '';
templateAttributes.isFlex = this.isFlex();
templateAttributes.isGlobal = ( 'undefined' !== typeof this.values.fusion_global ) ? 'yes' : 'no';
templateAttributes.cid = this.model.get( 'cid' );
templateAttributes.status = this.values.status;
templateAttributes.container_tag = this.values.container_tag;
templateAttributes.responsiveStyles = this.responsiveStyles || '';
templateAttributes.scrollPosition = ( 'right' === FusionApp.settings.header_position || jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'rtl' ) ) ? 'scroll-navigation-left' : 'scroll-navigation-right';
templateAttributes.contentStyle = this.contentStyle();
templateAttributes.patternBg = _.fusionGetPatternElement( this.values );
templateAttributes.maskBg = _.fusionGetMaskElement( this.values );
return templateAttributes;
},
triggerScrollUpdate: function() {
setTimeout( function() {
FusionPageBuilderApp.scrollingContainers();
}, 100 );
},
beforePatch: function() {
if ( this.$el.find( '.fusion-bg-parallax' ).length ) {
if ( 'object' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow._fusionImageParallaxImages && 'undefined' !== typeof this.$el.find( '.fusion-bg-parallax' ).attr( 'data-parallax-index' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow._fusionImageParallaxImages.splice( this.$el.find( '.fusion-bg-parallax' ).attr( 'data-parallax-index' ), 1 );
}
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0.0
* @return null
*/
afterPatch: function() {
var self = this;
this.appendChildren();
// Using non debounced version for smoothness.
this.refreshJs();
this._triggerScrollUpdate();
setTimeout( function() {
self.droppableContainer();
}, 100 );
if ( 'yes' === this.model.attributes.params.hundred_percent_height && 'yes' === this.model.attributes.params.hundred_percent_height_scroll ) {
this.$el.addClass( 'scrolling-helper' );
} else {
this.$el.removeClass( 'scrolling-helper' );
}
this.setSettingsControlsOffset( true );
this._reInitSticky();
if ( this.reInitDraggables ) {
this.updateDragHandles();
}
},
/**
* Triggers a refresh.
*
* @since 2.0.0
* @return void
*/
refreshJs: function( cid ) {
cid = 'undefined' === typeof cid ? this.model.attributes.cid : cid;
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_builder_container', cid );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-reinit-carousels', cid );
},
/**
* Adds a container.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addContainer: function( event ) {
var elementID,
defaultParams,
params,
value,
newContainer;
if ( event ) {
event.preventDefault();
FusionPageBuilderApp.newContainerAdded = true;
}
elementID = FusionPageBuilderViewManager.generateCid();
defaultParams = fusionAllElements.fusion_builder_container.params;
params = {};
// Process default options for shortcode.
_.each( defaultParams, function( param ) {
value = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
params[ param.param_name ] = value;
if ( 'dimension' === param.type && _.isObject( param.value ) ) {
_.each( param.value, function( val, name ) {
params[ name ] = val;
} );
}
} );
this.collection.add( [
{
type: 'fusion_builder_container',
added: 'manually',
element_type: 'fusion_builder_container',
cid: elementID,
params: params,
view: this,
created: 'auto'
}
] );
// Make sure to add row to new container not current one.
newContainer = FusionPageBuilderViewManager.getView( elementID );
newContainer.addRow();
FusionPageBuilderApp.scrollingContainers();
},
/**
* Adds a row.
*
* @since 2.0.0
* @return {void}
*/
addRow: function() {
this.collection.add( [
{
type: 'fusion_builder_row',
element_type: 'fusion_builder_row',
added: 'manually',
cid: FusionPageBuilderViewManager.generateCid(),
parent: this.model.get( 'cid' ),
view: this,
element_content: ''
}
] );
},
/**
* Removes the container.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {boolean|undefined} skip - Should we skip this?
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
removeContainer: function( event, skip, forceManually ) {
var rows;
if ( event ) {
event.preventDefault();
}
rows = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
_.each( rows, function( row ) {
if ( 'fusion_builder_row' === row.model.get( 'type' ) ) {
row.removeRow();
}
} );
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
this.model.destroy();
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
this.remove();
// If its the last container add empty page view.
if ( 1 > FusionPageBuilderViewManager.countElementsByType( 'fusion_builder_container' ) && 'undefined' === typeof skip ) {
FusionPageBuilderApp.blankPage = true;
FusionPageBuilderApp.clearBuilderLayout( true );
}
// If the column is deleted manually.
if ( event || forceManually ) {
FusionPageBuilderApp.scrollingContainers();
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted_section );
FusionEvents.trigger( 'fusion-content-changed' );
}
},
/**
* Clones a container.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
cloneContainer: function( event ) {
var containerAttributes,
$thisContainer;
if ( event ) {
event.preventDefault();
}
containerAttributes = jQuery.extend( true, {}, this.model.attributes );
containerAttributes.cid = FusionPageBuilderViewManager.generateCid();
containerAttributes.created = 'manually';
containerAttributes.view = this;
FusionPageBuilderApp.collection.add( containerAttributes );
$thisContainer = this.$el;
// Parse rows
$thisContainer.find( '.fusion-builder-row-container:not(.fusion_builder_row_inner .fusion-builder-row-container)' ).each( function() {
var thisRow = jQuery( this ),
rowCID = thisRow.data( 'cid' ),
rowView,
// Get model from collection by cid.
row = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == rowCID; // jshint ignore: line
} ),
// Clone row.
rowAttributes = jQuery.extend( true, {}, row.attributes );
rowAttributes.created = 'manually';
rowAttributes.cid = FusionPageBuilderViewManager.generateCid();
rowAttributes.parent = containerAttributes.cid;
FusionPageBuilderApp.collection.add( rowAttributes );
// Make sure spacing is calculated.
rowView = FusionPageBuilderViewManager.getView( rowAttributes.cid );
// Parse columns
thisRow.find( '.fusion-builder-column-outer' ).each( function() {
// Parse column elements
var thisColumn = jQuery( this ),
$columnCID = thisColumn.data( 'cid' ),
// Get model from collection by cid
column = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == $columnCID; // jshint ignore: line
} ),
// Clone column
columnAttributes = jQuery.extend( true, {}, column.attributes );
columnAttributes.created = 'manually';
columnAttributes.cid = FusionPageBuilderViewManager.generateCid();
columnAttributes.parent = rowAttributes.cid;
columnAttributes.from = 'fusion_builder_container';
columnAttributes.cloned = true;
// Don't need target element, position is defined from order.
delete columnAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( columnAttributes );
// Find column elements
thisColumn.find( '.fusion-builder-column-content:not( .fusion-nested-column-content )' ).children( '.fusion-builder-live-element, .fusion_builder_row_inner' ).each( function() {
var thisElement,
elementCID,
element,
elementAttributes,
thisInnerRow,
InnerRowCID,
innerRowView;
// Regular element
if ( jQuery( this ).hasClass( 'fusion-builder-live-element' ) ) {
thisElement = jQuery( this );
elementCID = thisElement.data( 'cid' );
// Get model from collection by cid
element = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == elementCID; // jshint ignore: line
} );
// Clone model attritubes
elementAttributes = jQuery.extend( true, {}, element.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.parent = columnAttributes.cid;
elementAttributes.from = 'fusion_builder_container';
// Don't need target element, position is defined from order.
delete elementAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( elementAttributes );
// Inner row element
} else if ( jQuery( this ).hasClass( 'fusion_builder_row_inner' ) ) {
thisInnerRow = jQuery( this );
InnerRowCID = thisInnerRow.data( 'cid' );
innerRowView = FusionPageBuilderViewManager.getView( InnerRowCID );
// Clone inner row
if ( 'undefined' !== typeof innerRowView ) {
innerRowView.cloneNestedRow( '', columnAttributes.cid );
}
}
} );
} );
// Update spacing for columns.
rowView.setRowData();
} );
FusionPageBuilderApp.scrollingContainers();
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.cloned_section );
FusionEvents.trigger( 'fusion-content-changed' );
this._refreshJs( containerAttributes.cid );
},
/**
* Adds a child view.
*
* @param {Object} element - The element model.
* @return {void}
*/
addChildView: function( element ) {
var view,
viewSettings = {
model: element,
collection: FusionPageBuilderElements
};
view = new FusionPageBuilder.RowView( viewSettings );
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( this.$el.find( '.fusion-builder-container-content' ).length ) {
this.$el.find( '.fusion-builder-container-content' ).append( view.render().el );
} else {
this.$el.find( '> .fusion-builder-add-element' ).hide().end().append( view.render().el );
}
// Add parent view to inner rows that have been converted from shortcodes
if ( 'manually' === element.get( 'created' ) && 'row_inner' === element.get( 'element_type' ) ) {
element.set( 'view', FusionPageBuilderViewManager.getView( element.get( 'parent' ) ), { silent: true } );
}
},
/**
* Appends model children.
*
* @since 2.0.0
* @return {void}
*/
appendChildren: function() {
var self = this,
cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
self.$el.find( '.fusion-builder-container-content' ).append( view.$el );
view.delegateEvents();
view.delegateChildEvents();
view.droppableColumn();
} );
},
/**
* Triggers event to reinit sticky container properties.
*
* @since 3.0
* @return {void}
*/
reInitSticky: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-reinit-sticky', this.model.attributes.cid );
},
/**
* Set empty spacing for legacy and re-render.
*
* @since 3.0.0
* @return {void}
*/
setEmptySpacing: function() {
var params = this.model.get( 'params' );
params.flex_column_spacing = '0px';
this.model.set( 'params', params );
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {string} paramName - The name of the parameter that changed.
* @param {mixed} paramValue - The value of the option that changed.
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
onOptionChange: function( paramName, paramValue, event ) {
var reInitDraggables = false,
dimensionType = _.find( [ 'spacing_', 'margin_', 'padding_' ], function( type ) {
return paramName.includes( type );
} );
// Reverted to history step or user entered value manually.
if ( 'undefined' === typeof event || ( 'undefined' !== typeof event && ( 'change' !== event.type || ( 'change' === event.type && 'undefined' !== typeof event.srcElement ) ) ) ) {
reInitDraggables = true;
}
if ( dimensionType ) {
this.model.attributes.params[ paramName ] = paramValue;
if ( true === reInitDraggables ) {
if ( 'padding_' === dimensionType ) {
this.destroyPaddingResizable();
this.paddingDrag();
} else {
this.destroyMarginResizable();
this.marginDrag();
}
}
}
switch ( paramName ) {
case 'admin_label':
this.model.attributes.params[ paramName ] = paramValue.replace( /[[\]]+/g, '' );
break;
// Changing between legacy and flex.
case 'type':
this.model.attributes.params[ paramName ] = paramValue;
this.values.type = paramValue;
this.reRenderRows();
this.updateResponsiveSetup();
break;
// Sticky options.
case 'sticky':
case 'sticky_devices':
case 'sticky_height':
case 'sticky_offset':
case 'sticky_transition_offset':
case 'scroll_offset':
this._reInitSticky();
break;
// Changing options which alter row if in flex mode.
case 'flex_column_spacing':
this._updateInnerStyles();
break;
case 'absolute':
if ( 'on' === paramValue && ! this.$el.hasClass( 'fusion-builder-absolute-container-wrapper' ) ) {
this.$el.addClass( 'fusion-builder-absolute-container-wrapper' );
} else if ( 'off' === paramValue && this.$el.hasClass( 'fusion-builder-absolute-container-wrapper' ) ) {
this.$el.removeClass( 'fusion-builder-absolute-container-wrapper' );
}
break;
case 'render_logics':
if ( this.getRenderLogicsDevices( paramValue ).length ) {
this.reRender();
}
break;
}
},
/**
* Re-renders the rows.
*
* @since 3.0
* @return {void}
*/
reRenderRows: function() {
var rows = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
// TODO: check this for performance. Ideally we just update params, not re-render row.
_.each( rows, function( row ) {
row.modeChange();
} );
},
/**
* Updates the styles inside container.
*
* @since 3.0
* @return {void}
*/
updateInnerStyles: function() {
var rows = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
_.each( rows, function( row ) {
row.updateInnerStyles();
} );
},
/**
* Updates responsive setup.
*
* @since 3.0
* @return {void}
*/
updateResponsiveSetup: function() {
var $settings = jQuery( '.fusion_builder_module_settings' );
this.isFlex() ? $settings.addClass( 'has-flex' ) : $settings.removeClass( 'has-flex' );
},
/**
* Gets the contents of the container.
*
* @since 2.0.0
* @return {string}
*/
getContent: function() {
var shortcode = '';
shortcode += FusionPageBuilderApp.generateElementShortcode( this.$el, true );
this.$el.find( '.fusion_builder_row' ).each( function() {
var $thisRow = jQuery( this );
shortcode += '[fusion_builder_row]';
$thisRow.find( '.fusion-builder-column-outer' ).each( function() {
var $thisColumn = jQuery( this ),
columnCID = $thisColumn.data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( columnCID );
shortcode += columnView.getColumnContent();
} );
shortcode += '[/fusion_builder_row]';
} );
shortcode += '[/fusion_builder_container]';
return shortcode;
},
/**
* Get the save label.
*
* @since 2.0.0
* @return {string}
*/
getSaveLabel: function() {
return fusionBuilderText.save_section;
},
/**
* Returns the 'sections' string.
*
* @since 2.0.0
* @return {string}
*/
getCategory: function() {
return 'sections';
},
/**
* Handle margin adjustments on drag.
*
* @since 2.0.0
* @return {void}
*/
marginDrag: function() {
var $el = this.$el,
self = this,
directions = { top: 's', bottom: 's' },
parentWidth = $el.closest( '.fusion-row, .fusion-builder-live-editor' ).width();
if ( this.$el.hasClass( 'active' ) ) {
return;
}
_.each( directions, function( handle, direction ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'margin_' + direction, self.isFlex() ),
actualDimension = self.values[ optionKey ] || self.values[ 'margin_' + direction ],
percentSpacing = false;
percentSpacing = actualDimension && actualDimension.includes( '%' );
if ( percentSpacing ) {
// Get actual dimension and set.
actualDimension = ( parentWidth / 100 ) * parseFloat( actualDimension );
$el.find( '.fusion-container-margin-' + direction ).css( 'height', actualDimension );
if ( 'bottom' === direction && 20 > actualDimension ) {
$el.find( '.fusion-container-margin-bottom, .fusion-container-padding-bottom' ).addClass( 'fusion-overlap' );
}
}
$el.find( '.fusion-container-margin-' + direction ).css( 'display', 'block' );
$el.find( '.fusion-container-margin-' + direction ).height( actualDimension );
$el.find( '.fusion-container-margin-' + direction ).resizable( {
handles: handle,
minHeight: 0,
minWidth: 0,
grid: ( percentSpacing ) ? [ parentWidth / 100, 10 ] : '',
create: function() {
if ( 'bottom' === direction ) {
if ( 20 > parseInt( actualDimension, 10 ) && ! percentSpacing ) {
$el.find( '.fusion-container-margin-bottom, .fusion-container-padding-bottom' ).addClass( 'fusion-overlap' );
} else {
$el.find( '.fusion-container-margin-bottom, .fusion-container-padding-bottom' ).removeClass( 'fusion-overlap' );
}
}
},
resize: function( event, ui ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'margin_' + direction, self.isFlex() ),
actualDimension = self.values[ optionKey ] || 0,
percentSpacing = false,
value = 'top' === direction || 'bottom' === direction ? ui.size.height : ui.size.width;
jQuery( ui.element ).addClass( 'active' );
// Recheck in case unit is changed in the modal.
percentSpacing = actualDimension && actualDimension.includes( '%' );
jQuery( ui.element ).closest( '.fusion-builder-container' ).addClass( 'active' );
value = 0 > value ? 0 : value;
value = value + 'px';
if ( percentSpacing ) {
value = 0 === parseFloat( value ) ? '0%' : Math.round( parseFloat( parseFloat( value ) / ( parentWidth / 100 ) ) ) + '%';
}
// Bottom margin overlap
if ( 'bottom' === direction ) {
if ( 20 > ui.size.height ) {
jQuery( ui.element ).addClass( 'fusion-overlap' );
$el.find( '.fusion-container-padding-bottom' ).addClass( 'fusion-overlap' );
} else {
jQuery( ui.element ).removeClass( 'fusion-overlap' );
$el.find( '.fusion-container-padding-bottom' ).removeClass( 'fusion-overlap' );
}
}
// Legacy update.
if ( ! self.isFlex() ) {
$el.find( '.fusion-fullwidth' ).css( 'margin-' + direction, value );
}
jQuery( ui.element ).find( '.fusion-spacing-tooltip, .fusion-column-spacing' ).addClass( 'active' );
jQuery( ui.element ).find( '.fusion-spacing-tooltip' ).text( value );
// Update open modal.
self.updateDragSettings( '#' + optionKey, value );
},
stop: function( event, ui ) {
jQuery( ui.element ).removeClass( 'active' );
jQuery( ui.element ).closest( '.fusion-builder-container' ).removeClass( 'active' );
// Delete all spacing resizable within because parent width has changed.
if ( jQuery( ui.element ).closest( '.fusion-builder-container' ).find( '.fusion-column-spacing .ui-resizable' ).length ) {
jQuery( ui.element ).closest( '.fusion-builder-container' ).find( '.fusion-column-spacing .ui-resizable' ).resizable( 'destroy' );
}
}
} );
} );
},
/**
* Checks if the container needs to run through legacy conversion.
*
* @since 3.0.0
* @return {boolean}
*/
needsLegacyConversion: function() {
var params = this.model.get( 'params' );
return 'undefined' === typeof params.type;
},
/**
* Handle padding adjustments on drag.
*
* @since 2.0.0
* @return {void}
*/
paddingDrag: function() {
var $el = this.$el,
self = this,
directions = { top: 's', right: 'w', bottom: 's', left: 'e' },
parentWidth = $el.closest( '.fusion-row, .fusion-builder-live-editor' ).width(),
defaults,
extras;
if ( this.$el.hasClass( 'active' ) ) {
return;
}
defaults = fusionAllElements.fusion_builder_container.defaults;
extras = jQuery.extend( true, {}, fusionAllElements.fusion_builder_container.extras );
// If 100 page template.
if ( FusionPageBuilderApp.$el.find( '#main' ).hasClass( 'width-100' ) && 'undefined' !== typeof extras.container_padding_100 ) {
defaults.padding_right = extras.container_padding_100.right;
defaults.padding_left = extras.container_padding_100.left;
}
_.each( directions, function( handle, direction ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'padding_' + direction, self.isFlex() ),
actualDimension = self.values[ optionKey ] || self.values[ 'padding_' + direction ],
percentSpacing = false;
if ( ! actualDimension ) {
actualDimension = defaults[ optionKey ] || 0;
}
// Check if using a percentage.
percentSpacing = actualDimension && actualDimension.includes( '%' );
if ( percentSpacing ) {
// Get actual dimension and set.
actualDimension = ( parentWidth / 100 ) * parseFloat( actualDimension );
if ( 'top' === direction || 'bottom' === direction ) {
$el.find( '.fusion-container-padding-' + direction ).css( 'height', actualDimension );
} else {
$el.find( '.fusion-container-padding-' + direction ).css( 'width', actualDimension );
}
if ( 'top' === direction && 20 > actualDimension ) {
$el.find( '.fusion-container-margin-top, .fusion-container-padding-top' ).addClass( 'fusion-overlap' );
}
}
$el.find( '.fusion-container-padding-' + direction ).css( 'display', 'block' );
if ( 'top' === direction || 'bottom' === direction ) {
$el.find( '.fusion-container-padding-' + direction ).height( actualDimension );
} else {
$el.find( '.fusion-container-padding-' + direction ).width( actualDimension );
}
$el.find( '.fusion-container-padding-' + direction ).resizable( {
handles: handle,
minHeight: 0,
minWidth: 0,
create: function() {
if ( 'top' === direction ) {
if ( 20 > parseInt( actualDimension, 10 ) && ! percentSpacing ) {
$el.find( '.fusion-container-margin-top, .fusion-container-padding-top' ).addClass( 'fusion-overlap' );
} else {
$el.find( '.fusion-container-margin-top, .fusion-container-padding-top' ).removeClass( 'fusion-overlap' );
}
}
},
resize: function( event, ui ) {
var optionKey = FusionApp.getResponsiveOptionKey( 'padding_' + direction, self.isFlex() ),
actualDimension = self.values[ optionKey ],
percentSpacing = false,
value = 'top' === direction || 'bottom' === direction ? ui.size.height : ui.size.width;
percentSpacing = actualDimension && actualDimension.includes( '%' );
jQuery( ui.element ).addClass( 'active' );
jQuery( ui.element ).closest( '.fusion-builder-container' ).addClass( 'active' );
value = 0 > value ? 0 : value;
value = value + 'px';
if ( percentSpacing ) {
value = 0 === parseFloat( value ) ? '0%' : Math.round( parseFloat( parseFloat( value ) / ( parentWidth / 100 ) ) ) + '%';
}
// Top padding overlap
if ( 'top' === direction ) {
if ( 20 > ui.size.height ) {
jQuery( ui.element ).addClass( 'fusion-overlap' );
$el.find( '.fusion-container-margin-top' ).addClass( 'fusion-overlap' );
} else {
jQuery( ui.element ).removeClass( 'fusion-overlap' );
$el.find( '.fusion-container-margin-top' ).removeClass( 'fusion-overlap' );
}
}
// Set values and width.
$el.find( '.fusion-fullwidth' ).css( 'padding-' + direction, value );
jQuery( ui.element ).find( '.fusion-spacing-tooltip, .fusion-column-spacing' ).addClass( 'active' );
jQuery( ui.element ).find( '.fusion-spacing-tooltip' ).text( value );
// Update open modal.
self.updateDragSettings( '#' + optionKey, value );
},
stop: function( event, ui ) {
jQuery( ui.element ).removeClass( 'active' );
jQuery( ui.element ).closest( '.fusion-builder-container' ).removeClass( 'active' );
// Delete all spacing resizable within because parent width has changed.
if ( jQuery( ui.element ).closest( '.fusion-builder-container' ).find( '.fusion-column-spacing .ui-resizable' ).length ) {
jQuery( ui.element ).closest( '.fusion-builder-container' ).find( '.fusion-column-spacing .ui-resizable' ).resizable( 'destroy' );
}
}
} );
} );
},
/**
* Destroy container resizable.
*
* @since 2.0.0
* @return {void}
*/
destroyResizable: function() {
this.destroyMarginResizable();
this.destroyPaddingResizable();
},
/**
* Destroy container margin resizable.
*
* @since 2.0.0
* @return {void}
*/
destroyMarginResizable: function() {
var $containerSpacer = this.$el.find( '.fusion-container-margin-top, .fusion-container-margin-bottom' );
jQuery.each( $containerSpacer, function( index, spacer ) {
if ( jQuery( spacer ).hasClass( 'ui-resizable' ) ) {
jQuery( spacer ).resizable( 'destroy' );
jQuery( spacer ).hide();
}
} );
},
/**
* Destroy container padding resizable.
*
* @since 2.0.0
* @return {void}
*/
destroyPaddingResizable: function() {
var $containerSpacer = this.$el.find( '.fusion-container-padding-top, .fusion-container-padding-right, .fusion-container-padding-bottom, .fusion-container-padding-left' );
jQuery.each( $containerSpacer, function( index, spacer ) {
if ( jQuery( spacer ).hasClass( 'ui-resizable' ) ) {
jQuery( spacer ).resizable( 'destroy' );
jQuery( spacer ).hide();
}
} );
},
/**
* Filter out DOM before patching.
*
* @since 2.0.0
* @return {void}
*/
patcherFilter: function( diff ) {
var filteredDiff = [],
self = this;
self.reInitDraggables = false;
_.each( diff, function( info ) {
if ( 'removeElement' === info.action ) {
if ( 'undefined' !== typeof info.element.attributes && 'undefined' !== typeof info.element.attributes[ 'class' ] && -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-fullwidth' ) ) {
self.reInitDraggables = true;
filteredDiff.push( info );
} else if ( 'undefined' !== typeof info.element.attributes && 'undefined' !== typeof info.element.attributes[ 'class' ] && -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-container-spacing' ) ) {
// Ignore.
} else {
filteredDiff.push( info );
}
} else if ( 'addElement' === info.action ) {
if ( 'undefined' !== typeof info.element.attributes && 'undefined' !== typeof info.element.attributes[ 'class' ] && -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-container-spacing' ) ) {
// Ignore.
} else {
filteredDiff.push( info );
}
} else {
filteredDiff.push( info );
}
} );
return filteredDiff;
},
publish: function( event ) {
var cid = jQuery( event.currentTarget ).data( 'cid' ),
view = FusionPageBuilderViewManager.getView( cid ),
params = view.model.get( 'params' );
FusionApp.confirmationPopup( {
title: fusionBuilderText.container_publish,
content: fusionBuilderText.are_you_sure_you_want_to_publish,
actions: [
{
label: fusionBuilderText.no,
classes: 'no',
callback: function() {
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
},
{
label: fusionBuilderText.yes,
classes: 'yes',
callback: function() {
params.status = 'published';
view.model.set( 'params', params );
view.$el.find( 'a[data-cid="' + cid + '"].fusion-builder-publish-tooltip' ).remove();
FusionEvents.trigger( 'fusion-history-turn-on-tracking' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.container_published );
FusionEvents.trigger( 'fusion-content-changed' );
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
}
]
} );
},
unglobalize: function( event ) {
var cid = jQuery( event.currentTarget ).data( 'cid' ),
view = FusionPageBuilderViewManager.getView( cid ),
params = view.model.get( 'params' );
event.preventDefault();
FusionApp.confirmationPopup( {
title: fusionBuilderText.remove_global,
content: fusionBuilderText.are_you_sure_you_want_to_remove_global,
actions: [
{
label: fusionBuilderText.no,
classes: 'no',
callback: function() {
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
},
{
label: fusionBuilderText.yes,
classes: 'yes',
callback: function() {
// Remove global attributes.
delete params.fusion_global;
view.model.set( 'params', params );
view.$el.removeClass( 'fusion-global-container fusion-global-column fusion-global-nested-row fusion-global-element fusion-global-parent-element' );
view.$el.find( 'a[data-cid="' + cid + '"].fusion-builder-unglobal-tooltip' ).remove();
view.$el.removeAttr( 'fusion-global-layout' );
FusionEvents.trigger( 'fusion-history-turn-on-tracking' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.removed_global );
FusionEvents.trigger( 'fusion-content-changed' );
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
}
]
} );
},
/**
* Fires when preview are is resized.
*
* @since 3.0
* @return {void}
*/
onPreviewResize: function() {
if ( ! this.isFlex() ) {
return;
}
if ( this.$el.hasClass( 'fusion-builder-element-edited' ) ) {
this.updateDragHandles();
}
},
setResponsiveContainerStyles: function() {
var self = this,
extras = jQuery.extend( true, {}, fusionAllElements.fusion_builder_column.extras ),
minHeightKey;
this.responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var containerStyles = '',
paddingKey,
spacingKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Padding.
paddingKey = 'padding_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== self.values[ paddingKey ] ) {
containerStyles += 'padding-' + direction + ' : ' + _.fusionGetValueWithUnit( self.values[ paddingKey ] ) + ' !important;';
}
if ( 'left' === direction || 'right' === direction ) {
return;
}
// Margin.
spacingKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== self.values[ spacingKey ] ) {
containerStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( self.values[ spacingKey ] ) + ';';
}
} );
// Minimum height.
if ( 'min' === self.values.hundred_percent_height ) {
minHeightKey = 'large' === size ? 'min_height' : 'min_height_' + size;
if ( '' !== self.values[ minHeightKey ] ) {
if ( -1 !== self.values[ minHeightKey ].indexOf( '%' ) ) {
self.values[ minHeightKey ] = self.values[ minHeightKey ].replace( '%', 'vh' );
}
containerStyles += 'min-height:' + _.fusionGetValueWithUnit( self.values[ minHeightKey ] ) + ';';
}
}
if ( '' === containerStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== containerStyles ) {
containerStyles = '.fusion-body #fusion-container-' + self.model.get( 'cid' ) + ' > .fusion-fullwidth {' + containerStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
self.responsiveStyles += containerStyles;
} else {
// Medium and Small size screen styles.
self.responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + containerStyles + '}';
}
} );
},
/**
* Updates column sizes controls.
*
* @since 3.0
* @return {void}
*/
updateDragHandles: function() {
this.destroyResizable();
this.marginDrag();
this.paddingDrag();
},
/**
* Runs just after render on cancel.
*
* @since 3.5
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) );
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( '' !== values.video_mp4 ) {
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.videos[ values.video_mp4 ] ) {
FusionPageBuilderApp.mediaMap.videos[ values.video_mp4 ] = true;
}
}
}
},
/**
* check if String is JSON string.
*
* @since 3.7
* @return boolean
*/
IsJsonString: function( str ) {
try {
const json = JSON.parse( str );
return ( 'object' === typeof json );
} catch ( e ) {
return false;
}
},
/**
* Get render logics devices.
*
* @since 3.7
* @return boolean
*/
getRenderLogicsDevices: function( value ) {
value = value || this.values.render_logics;
let renderLogics = value && this.IsJsonString( atob( value ) ) ? JSON.parse( atob( value ) ) : [];
// Get device Render logics only.
renderLogics = renderLogics.filter( ( r ) => 'device_type' === r.field );
return renderLogics;
}
} );
} );
}( jQuery ) );
;/* global FusionEvents */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Studio import modal view.
FusionPageBuilder.StudioImportModalView = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-studio-import-modal' ).html() ),
className: 'fusion-builder-studio-import-modal',
events: {
'click .awb-admin-modal-corner-close': 'closeModal'
},
/**
* Renders the view.
*
* @since 3.5.0
* @return {Object} this
*/
render: function() {
this.$el.html( this.template() );
return this;
},
/**
* Updates modal status.
*
* @since 3.5.0
* @param {String} status - New status text.
* @return {void}
*/
updateStatus: function( status ) {
this.$el.find( '.awb-admin-modal-status-bar .awb-admin-modal-status-bar-label' ).html( status );
},
/**
* Updates modal progress.
*
* @since 3.5.0
* @param {Object} avadaMedia - Avada Media object, all things we need to import.
* @param {String} currentImportKey - Object key which is currently being imported.
* @return {void}
*/
updateProgressBar: function( avadaMedia, currentImportKey ) {
var mediaKeys = Object.keys( avadaMedia ),
progress = ( mediaKeys.indexOf( currentImportKey ) + 1 ) / mediaKeys.length;
this.$el.find( '.awb-admin-modal-status-bar .awb-admin-modal-status-bar-progress-bar' ).css( 'width', ( 100 * progress ) + '%' );
},
/**
* Remove the view.
*
* @since 3.5.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*/
closeModal: function( event ) {
if ( event ) {
event.preventDefault();
}
FusionEvents.trigger( 'awb-studio-import-modal-closed' );
this.remove();
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, FusionPageBuilderViewManager, fusionBuilderText, fusionAllElements, FusionEvents */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Container View
FusionPageBuilder.ContextMenuView = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-context-menu' ).html() ),
className: 'fusion-builder-context-menu',
events: {
'click [data-action="edit"]': 'editTrigger',
'click [data-action="save"]': 'saveTrigger',
'click [data-action="clone"]': 'cloneTrigger',
'click [data-action="remove"]': 'removeTrigger',
'click [data-action="copy"]': 'copy',
'click [data-action="paste-before"]': 'pasteBefore',
'click [data-action="paste-after"]': 'pasteAfter',
'click [data-action="paste-start"]': 'pasteStart',
'click [data-action="paste-end"]': 'pasteEnd',
'click [data-action="invert"]': 'invertTrigger'
},
/**
* Initialize the builder sidebar.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.copyData = {
data: {
type: false,
content: false
}
};
this.getCopy();
this.elWidth = 130;
this.elHeight = 257;
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var leftOffset = this.model.event.pageX,
topOffset = this.model.event.pageY;
this.$el.html( this.template( jQuery.extend( true, this.copyData, this.model.parent.attributes ) ) );
if ( this.model.event.pageX + this.elWidth > jQuery( '#fb-preview' ).width() ) {
leftOffset = jQuery( '#fb-preview' ).width() - this.elWidth;
}
if ( this.model.event.pageY + this.elHeight > jQuery( jQuery( '#fb-preview' )[ 0 ].contentWindow.document ).height() ) {
topOffset = jQuery( jQuery( '#fb-preview' )[ 0 ].contentWindow.document ).height() - this.elHeight;
}
this.$el.css( { top: ( topOffset ) + 'px', left: ( leftOffset ) + 'px' } );
return this;
},
/**
* Trigger edit on relevant element.
*
* @since 2.0.0
*/
editTrigger: function( event ) {
if ( 'fusion_builder_row_inner' === this.model.parent.attributes.element_type ) {
this.model.parentView.editRow( event );
} else {
this.model.parentView.settings( event );
}
},
/**
* Trigger save on relavent element.
*
* @since 2.0.0
*/
saveTrigger: function( event ) {
this.model.parentView.openLibrary( event );
},
/**
* Trigger clone on relavent element.
*
* @since 2.0.0
*/
cloneTrigger: function( event ) {
switch ( this.model.parent.attributes.element_type ) {
case 'fusion_builder_container':
this.model.parentView.cloneContainer( event );
break;
case 'fusion_builder_column_inner':
case 'fusion_builder_column':
this.model.parentView.cloneColumn( event );
break;
case 'fusion_builder_row_inner':
this.model.parentView.cloneNestedRow( event );
break;
default:
this.model.parentView.cloneElement( event );
break;
}
},
/**
* Trigger remove on relavent element.
*
* @since 2.0.0
*/
removeTrigger: function( event ) {
switch ( this.model.parent.attributes.element_type ) {
case 'fusion_builder_container':
this.model.parentView.removeContainer( event );
break;
case 'fusion_builder_column_inner':
case 'fusion_builder_column':
this.model.parentView.removeColumn( event );
break;
case 'fusion_builder_row_inner':
this.model.parentView.removeRow( event );
break;
default:
this.model.parentView.removeElement( event );
break;
}
},
/**
* Copy the element.
*
* @since 2.0.0
*/
copy: function() {
var type = this.model.parent.attributes.element_type,
content = this.model.parentView.getContent(),
$temp = jQuery( '<textarea>' ),
data;
// Copy to actual clipboard, handy for pasting.
jQuery( 'body' ).append( $temp );
$temp.val( content ).select();
document.execCommand( 'copy' );
$temp.remove();
data = {
type: type,
content: content
};
this.storeCopy( data );
},
/**
* Stored copy data.
*
* @since 2.0.0
* @return {void}
*/
storeCopy: function( data ) {
if ( 'undefined' !== typeof Storage ) {
localStorage.setItem( 'fusionCopyContent', data.content );
localStorage.setItem( 'fusionCopyType', data.type );
this.getCopy();
}
},
/**
* Get stored data.
*
* @since 2.0.0
* @return {void}
*/
getCopy: function() {
if ( 'undefined' !== typeof Storage ) {
if ( localStorage.getItem( 'fusionCopyContent' ) ) {
this.copyData.data.content = localStorage.getItem( 'fusionCopyContent' );
this.copyData.data.type = localStorage.getItem( 'fusionCopyType' );
}
}
},
/**
* Paste after element.
*
* @since 2.0.0
*/
pasteAfter: function() {
this.paste( 'after' );
},
/**
* Paste before element.
*
* @since 2.0.0
*/
pasteBefore: function() {
this.paste( 'before' );
},
/**
* Paste child to start.
*
* @since 2.0.0
*/
pasteStart: function() {
this.paste( 'start' );
},
/**
* Paste child to end.
*
* @since 2.0.0
*/
pasteEnd: function() {
this.paste( 'end' );
},
/**
* Paste after element.
*
* @since 2.0.0
*/
paste: function( position ) {
var data = this.copyData.data,
type = data.type,
content = data.content,
elType = FusionPageBuilderApp.getElementType( type ),
target = false,
parentId,
parentView,
rowView;
if ( 'after' === position || 'before' === position ) {
parentId = this.model.parent.attributes.parent;
target = this.model.parentView.$el;
// If container, the parentId is self.
if ( 'fusion_builder_container' === this.model.parent.attributes.type ) {
parentId = this.model.parent.attributes.cid;
FusionPageBuilderApp.targetContainerCID = this.model.parent.attributes.cid;
}
} else {
parentId = this.model.parent.attributes.cid;
target = false;
// If this is a container and we are inserting a column, the parent is actually the row.
if ( 'fusion_builder_container' === this.model.parent.attributes.type ) {
parentId = this.model.parentView.$el.find( '.fusion-builder-row-container' ).first().data( 'cid' );
}
}
FusionPageBuilderApp.shortcodesToBuilder( content, parentId, false, false, target, position );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.pasted + ' ' + fusionAllElements[ type ].name + ' ' + fusionBuilderText.element );
FusionEvents.trigger( 'fusion-content-changed' );
// If its a column, get the parent column and update.
if ( 'fusion_builder_column' === type || 'fusion_builder_column_inner' === type ) {
rowView = FusionPageBuilderViewManager.getView( parentId );
if ( rowView ) {
rowView.createVirtualRows();
rowView.updateColumnsPreview();
}
}
// If its a child element, the parent need to re-render.
if ( 'child_element' === elType ) {
if ( 'after' === position || 'before' === position ) {
parentView = FusionPageBuilderViewManager.getView( parentId );
parentView.render();
} else {
this.model.parentView.render();
}
}
// If its an element the column needs rebuilt.
if ( 'element' === elType || 'parent_element' === elType ) {
parentView = FusionPageBuilderViewManager.getView( parentId );
if ( parentView ) {
parentView._equalHeights( parentView.model.attributes.parent );
}
}
// Handle multiple global elements.
window.fusionGlobalManager.handleMultiGlobal( {
currentModel: this.model.parentView.model,
handleType: 'save',
attributes: this.model.parentView.model
} );
},
/**
* Remove context meny..
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*/
removeMenu: function( event ) {
if ( event ) {
event.preventDefault();
}
// Remove reference in builder app.
FusionPageBuilderApp.contextMenuView = false;
this.remove();
},
/**
* Invert trigger.
*
* @since 3.7
*/
invertTrigger: function() {
var type = this.model.parent.attributes.element_type,
content = this.model.parentView.getContent(),
target = false,
parentId;
parentId = this.model.parent.attributes.cid;
FusionPageBuilderApp.targetContainerCID = this.model.parent.attributes.cid;
target = this.model.parentView.$el;
// get all the colors and hold them.
const reversedColors = {};
for ( let i = 1, revI = 8; 8 >= i; i++, revI-- ) {
reversedColors[ '--awb-color' + i ] = '--awb-color' + revI;
reversedColors[ '--awb-color' + i + '-h' ] = '--awb-color' + revI + '-h';
reversedColors[ '--awb-color' + i + '-s' ] = '--awb-color' + revI + '-s';
reversedColors[ '--awb-color' + i + '-l' ] = '--awb-color' + revI + '-l';
reversedColors[ '--awb-color' + i + '-a' ] = '--awb-color' + revI + '-a';
}
reversedColors[ 'background_blend_mode="multiply"' ] = 'background_blend_mode="lighten"';
reversedColors[ 'background_blend_mode="lighten"' ] = 'background_blend_mode="multiply"';
const patterns = new RegExp( Object.keys( reversedColors ).join( '|' ), 'g' );
content = content.replace( patterns, function( matched ) {
return reversedColors[ matched ];
} );
FusionPageBuilderApp.shortcodesToBuilder( content, parentId, false, false, target, 'after' );
this.model.parentView.removeContainer( false, true );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.invert + ' ' + fusionAllElements[ type ].name + ' ' + fusionBuilderText.element );
FusionEvents.trigger( 'fusion-content-changed' );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, fusionAllElements, FusionEvents, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Container View
FusionPageBuilder.ContextMenuInlineView = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-context-menu-inline' ).html() ),
className: 'fusion-builder-context-menu fusion-builder-inline-context-menu',
events: {
'click [data-action="edit"]': 'editShortcodeInline',
'click [data-action="remove-node"]': 'removeNode',
'click [data-action="remove-style"]': 'removeStyle'
},
/**
* Initialize inline context menu.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.elWidth = 105;
this.elHeight = 36;
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var leftOffset = this.model.event.pageX,
topOffset = this.model.event.pageY,
$element = this.model.$target.find( ' > *' ),
elementOffset = $element.offset(),
self = this;
topOffset = elementOffset.top - this.elHeight - 20;
leftOffset = elementOffset.left + ( ( $element.width() - this.elWidth ) / 2 );
this.$el.html( this.template( this.model.attributes ) );
this.$el.css( { top: ( topOffset ) + 'px', left: ( leftOffset ) + 'px' } );
setTimeout( function() {
self.$el.addClass( 'fusion-builder-inline-context-menu-loaded' );
}, 50 );
return this;
},
/**
* Edit a shortcode within this element content.
*
* @since 2.0.0
* @param {Object} event - The event triggering the callback.
* @return {void}
*/
editShortcodeInline: function( event ) {
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.inlineEditorHelpers.getInlineElementSettings( this.model );
},
/**
* Remove entire node.
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*/
removeNode: function( event ) {
var $editor,
content,
param,
params = this.model.parentView.model.get( 'params' ),
editorInstance;
if ( event ) {
event.preventDefault();
}
$editor = this.model.$target.closest( '.fusion-live-editable' );
this.model.$target.remove();
editorInstance = FusionPageBuilderApp.inlineEditors.getEditor( $editor.data( 'medium-editor-editor-index' ) );
if ( 'undefined' !== typeof editorInstance ) {
content = editorInstance.getContent();
} else {
content = $editor.html();
}
param = $editor.data( 'param' ),
// Fix for inline font family style.
content = content.replace( /"/g, '\'' );
// Adds in any inline shortcodes.
content = FusionPageBuilderApp.htmlToShortcode( content, this.model.parentView.model.get( 'cid' ) );
params[ param ] = content;
this.model.parentView.model.set( 'params', params );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
},
/**
* Remove styling only.
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*/
removeStyle: function( event ) {
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.inlineEditorHelpers.removeStyle( this.model );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
},
/**
* Remove context meny..
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*/
removeMenu: function( event ) {
if ( event ) {
event.preventDefault();
}
// Remove reference in builder app.
FusionPageBuilderApp.contextMenuView = false;
this.remove();
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, FusionEvents, fusionAllElements, FusionPageBuilderViewManager, fusionGlobalManager, fusionBuilderText, FusionPageBuilderElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Element View
FusionPageBuilder.ElementView = FusionPageBuilder.BaseView.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-element-template' ).html() ),
className: 'fusion-builder-live-element fusion-builder-data-cid',
events: {
'click .fusion-builder-remove': 'removeElement',
'click .fusion-builder-clone': 'cloneElement',
'click .fusion-builder-settings': 'settings',
'click .fusion-builder-container-save': 'openLibrary',
'click .fusion-builder-element-save': 'openLibrary',
'click .fusion-builder-element-content a:not(.fusion-lightbox):not(.rs_error_message_button)': 'disableLink',
'click .fusion-builder-element-drag': 'preventDefault',
'click .fusion-tb-source': 'openDynamicSourcePO'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
var elementType,
inlineElements = [ 'fusion_button', 'fusion_fontawesome', 'fusion_imageframe', 'fusion_text' ];
this.model.inlineCollection = new FusionPageBuilder.Collection();
elementType = this.model.get( 'element_type' );
this.renderedYet = FusionPageBuilderApp.reRenderElements;
// If triggering a view update.
this.listenTo( FusionEvents, 'fusion-view-update', this.reRender );
this.listenTo( FusionEvents, 'fusion-view-update-' + this.model.get( 'cid' ), this.reRender );
// If there is a template.
if ( jQuery( '#tmpl-' + this.model.attributes.element_type + '-shortcode' ).length ) {
this.model.set( 'noTemplate', false );
this.elementTemplate = FusionPageBuilder.template( jQuery( '#tmpl-' + this.model.attributes.element_type + '-shortcode' ).html() );
} else {
this.model.set( 'noTemplate', true );
this.elementTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_shortcode-shortcode' ).html() );
}
this.model.set( 'editLabel', this.getEditLabel() );
this.elementIsCloning = false;
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
this.$el.attr( 'data-type', elementType );
if ( 'undefined' !== typeof fusionAllElements[ elementType ].components_per_template && 1 === fusionAllElements[ elementType ].components_per_template ) {
this.$el.attr( 'data-cloning-disabled', 1 );
}
if ( -1 !== jQuery.inArray( elementType, inlineElements ) ) {
this.$el.addClass( 'fusion-builder-live-element-inline' );
}
if ( 'undefined' !== typeof this.model.attributes.params && 'undefined' !== typeof this.model.attributes.params.fusion_global ) {
this.$el.attr( 'fusion-global-layout', this.model.attributes.params.fusion_global );
this.$el.removeClass( 'fusion-global-element' ).addClass( 'fusion-global-element' );
}
// JQuery trigger.
this._refreshJs = _.debounce( _.bind( this.refreshJs, this ), 300 );
// Make sure the ajax callbacks are not repeated.
this._triggerCallback = _.debounce( _.bind( this.triggerCallback, this ), 200 );
this._updateResponsiveTypography = _.debounce( _.bind( this.updateResponsiveTypography, this ), 200 );
// Undo/redo functionality.
this._triggerColumn = _.debounce( _.bind( this.triggerColumn, this ), 300 );
// Check if query_data is not set and element has callback.
this.needsQuery();
this.baseInit();
this.onInit();
// If inlne editing with overrides.
this.activeInlineEditing = false;
this.autoSelectEditor = false;
this.model.set( 'inlineEditors', [] );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this;
FusionPageBuilderApp.disableDocumentWrite();
this.beforeRender();
this.$el.html( this.template( this.model.attributes ) );
this.renderContent();
if ( this.renderedYet ) {
this._refreshJs();
// Update column trigger.
this.triggerColumn();
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-typography-reset', self.model.get( 'cid' ) );
if ( 800 > jQuery( '#fb-preview' ).width() ) {
self._updateResponsiveTypography();
}
}, 100 );
}
this.onRender();
this.needsGoogle();
this.renderedYet = true;
FusionPageBuilderApp.enableDocumentWrite();
setTimeout( function() {
self.droppableElement();
if ( ! self.activeInlineEditing ) {
FusionPageBuilderApp.inlineEditorHelpers.liveEditorEvent( self );
self.activeInlineEditing = false;
}
if ( FusionPageBuilderApp.inlineEditorHelpers.inlineEditorAllowed( self.model.get( 'element_type' ) ) ) {
self.renderInlineSettings();
}
}, 100 );
return this;
},
/**
* Re-Renders the view.
*
* @since 2.0.0
* @param {Object} event - The event triggering the rerender.
* @param {string} param - Param being changed if any.
* @return {void}
*/
reRender: function( event ) {
var self = this,
element = fusionAllElements[ this.model.get( 'element_type' ) ];
if ( event && 'object' === typeof event ) {
event.preventDefault();
}
// If element has query callback and no data yet, then fire.
if ( 'undefined' !== typeof element.callback && 'undefined' === typeof this.model.get( 'query_data' ) ) {
this.triggerQuery( element.callback );
return;
}
// Neither of above, then just patchView.
this.patchView( event );
setTimeout( function() {
self.droppableElement();
if ( ! self.activeInlineEditing ) {
FusionPageBuilderApp.inlineEditorHelpers.liveEditorEvent( self );
}
self.activeInlineEditing = false;
}, 100 );
},
/**
* Determines if the element is part of a flex column or not.
*
* @since 2.0.0
* @return {void}
*/
flexDisplay: function() {
var container = FusionPageBuilderApp.getParentContainer( this ),
column = FusionPageBuilderApp.getParentColumn( this ),
params = {},
columnBlock = false;
if ( column ) {
params = column.model.get( 'params' );
columnBlock = 'undefined' !== typeof params.content_layout && 'block' === params.content_layout;
}
return container && container.isFlex() && ! columnBlock;
},
/**
* Triggers extra query when needed.
*
* @since 2.0.0
* @return {void}
*/
needsQuery: function() {
var element = fusionAllElements[ this.model.get( 'element_type' ) ],
callbackFunction;
// Check for callback set.
if ( 'undefined' !== typeof element.callback && 'undefined' === typeof this.model.get( 'query_data' ) && 'undefined' === typeof this.model.get( 'markup' ) ) {
callbackFunction = element.callback;
this.triggerQuery( callbackFunction );
}
// Check for element without template and set shortcode for render function.
if ( this.model.get( 'noTemplate' ) && 'undefined' === typeof this.model.get( 'markup' ) ) {
this.model.set( 'shortcode', FusionPageBuilderApp.generateElementShortcode( this.$el ) );
}
},
triggerQuery: function( callbackFunction ) {
callbackFunction.args = 'undefined' === typeof callbackFunction.args ? '' : callbackFunction.args;
callbackFunction.ajax = 'undefined' === typeof callbackFunction.ajax ? false : callbackFunction.ajax;
callbackFunction.action = 'undefined' === typeof callbackFunction.action ? false : callbackFunction.action;
callbackFunction.cid = this.model.get( 'cid' );
// If ajax trigger via debounce, else do it here and retun data.
if ( callbackFunction.ajax ) {
if ( 'generated_element' !== this.model.get( 'type' ) ) {
FusionPageBuilderApp.shortcodeAjax = true;
}
this._triggerCallback( false, callbackFunction );
}
},
/**
* Check if element needs a google font loaded.
*
* @since 2.0.0
* @return {void}
*/
needsGoogle: function() {
var variant = ':regular',
$fontNodes = this.$el.find( '[data-fusion-google-font]' ),
script,
scriptID;
if ( $fontNodes.length ) {
$fontNodes.each( function() {
var family = jQuery( this ).attr( 'data-fusion-google-font' );
family = family.replace( /"/g, '"' );
script = family;
script += ( variant ) ? variant : '';
scriptID = script.replace( /:/g, '' ).replace( /"/g, '' ).replace( /'/g, '' ).replace( / /g, '' ).replace( /,/, '' );
if ( ! jQuery( 'head' ).find( '#' + scriptID ).length ) {
jQuery( 'head' ).first().append( '<script id="' + scriptID + '">WebFont.load({google:{families:["' + script + '"]},context:FusionApp.previewWindow,active: function(){ jQuery( window ).trigger( "fusion-font-loaded"); },});</script>' );
}
} );
}
},
/**
* Triggers for columns.
*
* @since 2.0.0
* @param {Object} parent The parent object.
* @return {void}
*/
triggerColumn: function( parent ) {
var parentCid = 'undefined' === typeof parent ? this.model.attributes.parent : parent;
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-content-changed', parentCid );
}, 300 );
},
/**
* Get template attributes.
*
* @since 2.0.0
* @return {void}
*/
getTemplateAtts: function() {
var element = fusionAllElements[ this.model.get( 'element_type' ) ],
templateAttributes = jQuery.extend( true, {}, this.model.attributes ),
params = jQuery.extend( true, {}, this.model.get( 'params' ) ),
values = {},
extras = {};
// Set values & extras
if ( element && 'undefined' !== typeof element.defaults ) {
values = jQuery.extend( true, {}, element.defaults, _.fusionCleanParameters( params ) );
if ( 'undefined' !== typeof element.extras ) {
extras = jQuery.extend( true, {}, element.extras );
}
}
templateAttributes.values = values;
templateAttributes.extras = extras;
templateAttributes = this.getDynamicAtts( templateAttributes );
templateAttributes = this.filterTemplateAtts( templateAttributes );
return templateAttributes;
},
/**
* Render the content.
*
* @since 2.0.0
* @return {void}
*/
renderContent: function() {
var $elementContent = this.$el.find( '.fusion-builder-element-content' ),
element = fusionAllElements[ this.model.get( 'element_type' ) ],
self = this,
markup;
// If needs query add loader and either trigger or check where triggered.
if ( 'undefined' !== typeof element.callback && 'undefined' === typeof this.model.get( 'query_data' ) && true === element.callback.ajax ) {
// If this is first render, use markup if it exists.
if ( ! this.renderedYet && 'undefined' !== typeof this.model.get( 'markup' ) ) {
markup = this.model.get( 'markup' );
$elementContent.html( markup.output + '<div class="fusion-clearfix"></div>' );
return;
}
this.addLoadingOverlay();
this.triggerQuery( element.callback );
return;
}
// Otherwise use element template
$elementContent.html( self.getTemplate() );
},
/**
* Removes an element.
*
* @since 2.0.0
* @param {Object} event The event triggering the element removal.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
removeElement: function( event, isAutomated, forceManually ) {
var parentCid = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCid; // jshint ignore: line
} ),
colView,
MultiGlobalArgs;
if ( event ) {
event.preventDefault();
}
// If the column is deleted manually.
if ( event || forceManually ) {
colView = FusionPageBuilderViewManager.getView( parentCid );
colView.$el.find( '.fusion-builder-module-controls-container a' ).trigger( 'mouseleave' );
FusionEvents.trigger( 'fusion-content-changed' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
}
// Hook to allow custom actions.
this.beforeRemove();
// Removes scripts which have been moved to body.
FusionApp.deleteScripts( this.model.get( 'cid' ) );
// Remove live editors.
FusionPageBuilderApp.inlineEditorHelpers.removeLiveEditors( this );
// Remove element view
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
// Destroy element model
this.model.destroy();
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
// Update column trigger.
this.triggerColumn( parentCid );
this.remove();
if ( parentModel.children.length && 'undefined' === typeof isAutomated ) {
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: parentModel.children.models[ 0 ],
handleType: 'save',
attributes: parentModel.children.models[ 0 ].attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
}
},
/**
* Opens dynamic source PO.
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*
*/
openDynamicSourcePO: function( event ) { // eslint-disable-line no-unused-vars
if ( 'undefined' !== typeof FusionApp.sidebarView ) {
FusionApp.sidebarView.openOption( 'dynamic_content_preview_type', 'po' );
}
},
/**
* Clones an element.
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*
*/
cloneElement: function( event, forceManually ) {
var elementAttributes,
currentModel,
MultiGlobalArgs;
if ( event ) {
event.preventDefault();
}
if ( ( 'undefined' !== typeof this.$el.data( 'cloning-disabled' ) && 1 === this.$el.data( 'cloning-disabled' ) ) || true === this.elementIsCloning ) {
return;
}
this.elementIsCloning = true;
elementAttributes = jQuery.extend( true, {}, this.model.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.targetElement = this.$el;
elementAttributes.at_index = FusionPageBuilderApp.getCollectionIndex( this.$el );
if ( 'undefined' !== elementAttributes.from ) {
delete elementAttributes.from;
}
currentModel = FusionPageBuilderApp.collection.add( elementAttributes );
this.elementIsCloning = false;
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: currentModel,
handleType: 'save',
attributes: currentModel.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
if ( event || forceManually ) {
FusionEvents.trigger( 'fusion-content-changed' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.cloned + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
}
// Update column trigger.
this.triggerColumn();
},
/**
* Get the content.
*
* @since 2.0.0
* @return {string}
*/
getContent: function() {
return FusionPageBuilderApp.generateElementShortcode( this.$el, false );
},
/**
* Get the placeholder.
*
* @since 2.0.0
* @return {string}
*/
getPlaceholder: function() {
var label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
var icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
var placeholder = _.template( '<div class="fusion-builder-placeholder-preview"><i class="<%= icon %>" aria-hidden="true"></i> <%= label %></div>' );
return placeholder( { icon: icon, label: label } );
},
/**
* Get component placeholder.
*
* @since 2.0.0
* @return {string}
*/
getComponentPlaceholder: function() {
var placeholder = jQuery( this.getPlaceholder() ).append( '<span class="fusion-tb-source-separator"> - </span><a href="#" class="fusion-tb-source">' + fusionBuilderText.dynamic_source + '</a>' );
return placeholder[ 0 ].outerHTML;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionEvents, FusionPageBuilderApp, fusionGlobalManager, fusionBuilderText, fusionAllElements, FusionPageBuilderViewManager, fusionMultiElements, FusionPageBuilderElements */
/* eslint no-unused-vars: 0 */
/* eslint guard-for-in: 0 */
/* eslint no-undef: 0 */
/* eslint no-empty-function: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Element View
FusionPageBuilder.ParentElementView = FusionPageBuilder.BaseView.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-element-parent-template' ).html() ),
className: 'fusion-builder-live-element fusion-builder-data-cid',
events: {
'click .fusion-builder-remove': 'removeElement',
'click .fusion-builder-clone': 'cloneElement',
'click .fusion-builder-settings': 'settings',
'click .fusion-builder-add-child': 'addChildElement',
'click .fusion-builder-element-save': 'openLibrary',
'click a': 'disableLink',
'click .fusion-builder-element-drag': 'preventDefault'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.model.children = new FusionPageBuilder.Collection();
this.listenTo( this.model.children, 'add', this.addChildView );
this.emptyPlaceholderText = 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ] ? fusionBuilderText.empty_parent.replace( '%s', fusionAllElements[ this.model.get( 'element_type' ) ].name ) : '';
// If triggering a view update.
this.listenTo( FusionEvents, 'fusion-view-update', this.reRender );
this.listenTo( FusionEvents, 'fusion-view-update-' + this.model.get( 'cid' ), this.reRender );
this.listenTo( FusionEvents, 'fusion-view-update-' + this.model.get( 'element_type' ), this.reRender );
this._triggerCallback = _.debounce( _.bind( this.triggerCallback, this ), 200 );
// If there is a template.
if ( jQuery( '#tmpl-' + this.model.attributes.element_type + '-shortcode' ).length ) {
this.model.set( 'noTemplate', false );
this.elementTemplate = FusionPageBuilder.template( jQuery( '#tmpl-' + this.model.attributes.element_type + '-shortcode' ).html() );
} else {
this.model.set( 'noTemplate', true );
this.elementTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_shortcode-shortcode' ).html() );
}
this.elementIsCloning = false;
this.mouseDown = false;
this.fetchIds = [];
this.childIds = [];
this.updateGallery = false;
this.model.set( 'editLabel', this.getEditLabel() );
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
this.$el.attr( 'data-type', this.model.get( 'element_type' ) );
if ( 'undefined' !== typeof this.model.attributes.params && 'undefined' !== typeof this.model.attributes.params.fusion_global ) {
this.$el.attr( 'fusion-global-layout', this.model.attributes.params.fusion_global );
this.$el.removeClass( 'fusion-global-parent-element' ).addClass( 'fusion-global-parent-element' );
}
this.baseInit();
// JQuery trigger.
this.renderedYet = FusionPageBuilderApp.reRenderElements;
this._refreshJs = _.debounce( _.bind( this.refreshJs, this ), 300 );
this.model.set( 'sortable', 'undefined' === typeof fusionAllElements[ this.model.get( 'element_type' ) ].sortable ? true : fusionAllElements[ this.model.get( 'element_type' ) ].sortable );
this.onInit();
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function( event ) {
var self = this;
this.$el.html( this.template( this.model.attributes ) );
this.renderContent();
// If from ajax, do not regenerate children.
if ( 'string' !== typeof event && 'ajax' !== event ) {
this.generateChildElements();
}
// If no template, no need for sortable children call.
if ( ! this.model.get( 'noTemplate' ) ) {
setTimeout( function() {
self.sortableChildren();
}, 100 );
}
// Don't refresh on first render.
if ( this.renderedYet ) {
this._refreshJs();
}
this.onRender();
this.renderedYet = true;
setTimeout( function() {
self.droppableElement();
}, 100 );
return this;
},
/**
* Make children sortable.
* This is executed from the render() function.
*
* @since 2.0.0
* @return {void}
*/
sortableChildren: function() {
var self = this,
$container = self.$el.find( '.fusion-child-element' );
if ( false === this.model.get( 'sortable' ) ) {
return;
}
$container.on( 'mousedown', function( event ) {
if ( ! jQuery( event.originalEvent.target ).hasClass( 'fusion-live-editable' ) ) {
self.mouseDown = true;
}
} );
$container.on( 'mousemove', function() {
if ( self.mouseDown ) {
$container.css( { overflow: 'auto' } );
}
} );
$container.on( 'mouseup', function() {
self.mouseDown = false;
$container.css( { overflow: '' } );
} );
this.$el.find( '.fusion-builder-element-content' ).sortable( {
items: '.fusion-builder-live-child-element',
tolerance: 'pointer',
appendTo: $container,
containment: $container,
cursor: 'grabbing',
cancel: '.fusion-live-editable',
zIndex: 99999999,
helper: 'clone',
scroll: false,
revert: 100,
start: function() {
FusionPageBuilderApp.$el.addClass( 'fusion-builder-dragging' );
$container.addClass( 'fusion-parent-sortable' );
},
update: function( event, ui ) {
var MultiGlobalArgs,
elementView = FusionPageBuilderViewManager.getView( ui.item.data( 'cid' ) ),
newIndex = ui.item.parent().children( '.fusion-builder-live-child-element' ).index( ui.item );
self.updateElementContent();
// Update collection
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, newIndex, self.model.get( 'cid' ) );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.moved + ' ' + fusionAllElements[ elementView.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: self.model,
handleType: 'save',
attributes: self.model.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
FusionEvents.trigger( 'fusion-content-changed' );
},
stop: function() {
self.mouseDown = false;
$container.css( { overflow: '' } );
$container.removeClass( 'fusion-parent-sortable' );
FusionPageBuilderApp.$el.removeClass( 'fusion-builder-dragging' );
}
} );
},
/**
* Updates the element contents.
*
* @since 2.0.0
* @return {void}
*/
updateElementContent: function() {
var content = '',
children;
if ( this.model.get( 'noTemplate' ) ) {
children = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
_.each( children, function( child ) {
content += child.getContent();
} );
} else {
this.$el.find( '.fusion-builder-live-child-element' ).each( function() {
var $thisEl = jQuery( this );
content += FusionPageBuilderApp.generateElementShortcode( $thisEl, false );
} );
}
this.model.attributes.params.element_content = content;
},
/**
* Get template attributes.
*
* @since 2.0.0
* @return {void}
*/
getTemplateAtts: function() {
var templateAttributes = jQuery.extend( true, {}, this.model.attributes ),
params = jQuery.extend( true, {}, this.model.get( 'params' ) ),
values = {},
extras = {},
element = fusionAllElements[ this.model.get( 'element_type' ) ];
if ( 'undefined' !== typeof this.elementTemplate ) {
// Get element values.
if ( element && 'undefined' !== typeof element.defaults ) {
values = jQuery.extend( true, {}, element.defaults, _.fusionCleanParameters( params ) );
// Get element extras.
if ( 'undefined' !== typeof element.extras ) {
extras = jQuery.extend( true, {}, element.extras );
}
}
templateAttributes.values = values;
templateAttributes.extras = extras;
templateAttributes.thisModel = this.model;
templateAttributes = this.getDynamicAtts( templateAttributes );
templateAttributes = this.filterTemplateAtts( templateAttributes );
return templateAttributes;
}
},
/**
* Renders the content.
*
* @since 2.0.0
* @return {void}
*/
renderContent: function() {
if ( 'undefined' !== typeof this.elementTemplate ) {
this.$el.find( '.fusion-builder-element-content' ).html( this.getTemplate() );
}
},
/**
* Removes children.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
removeChildren: function( event ) {
var children = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
if ( event ) {
event.preventDefault();
}
_.each( children, function( child ) {
child.removeElement( '', 'Automated' );
} );
},
/**
* Removes an element.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
removeElement: function( event, isAutomated, forceManually ) {
var parentCid = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCid; // jshint ignore: line
} ),
MultiGlobalArgs,
colView;
if ( event || forceManually ) {
if ( event ) {
event.preventDefault();
}
colView = FusionPageBuilderViewManager.getView( parentCid );
colView.$el.find( '.fusion-builder-module-controls-container a' ).trigger( 'mouseleave' );
}
// Hook to allow custom actions.
this.beforeRemove();
// Remove children elements
this.removeChildren();
// Remove element view
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
// Destroy element model
this.model.destroy();
this.remove();
// If element is removed manually
if ( event || forceManually ) {
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
}
if ( parentModel.children.length && 'undefined' === typeof isAutomated ) {
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: parentModel.children.models[ 0 ],
handleType: 'save',
attributes: parentModel.children.models[ 0 ].attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
}
},
/**
* Clones an element.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
cloneElement: function( event, forceManually ) {
var elementAttributes,
currentModel,
MultiGlobalArgs;
if ( event ) {
event.preventDefault();
}
if ( true === this.elementIsCloning ) {
return;
}
this.elementIsCloning = true;
elementAttributes = jQuery.extend( true, {}, this.model.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.targetElement = this.$el;
elementAttributes.at_index = FusionPageBuilderApp.getCollectionIndex( this.$el );
if ( 'undefined' !== elementAttributes.from ) {
delete elementAttributes.from;
}
currentModel = FusionPageBuilderApp.collection.add( elementAttributes );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.cloned + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
this.elementIsCloning = false;
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: currentModel,
handleType: 'save',
attributes: currentModel.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
if ( event || forceManually ) {
FusionEvents.trigger( 'fusion-content-changed' );
}
},
noTemplateAjaxUpdate: function() {
this.updateElementContent();
FusionApp.callback.fusion_do_shortcode( this.model.get( 'cid' ), this.getContent() );
},
/**
* Generates the child elements.
*
* @since 2.0.0
* @param {boolean|undefined} fixSettingsLvl - Whether we want to fix the settings levels or not.
* Use true (bool) for yes. undefined has the same effect as false.
* @return {void}
*/
generateChildElements: function( fixSettingsLvl ) {
var thisEl = this,
parentAtts = this.model.get( 'params' ),
content = this.model.attributes.params.element_content,
shortcodeTags = jQuery.map( fusionMultiElements, function( val, i ) { // jshint ignore: line
return val;
} ).join( '|' ),
regExp = window.wp.shortcode.regexp( shortcodeTags ),
innerRegExp = FusionPageBuilderApp.regExpShortcode( shortcodeTags ),
last = false,
matches = 'undefined' !== typeof content ? content.match( regExp ) : false,
modules = {};
// Make sure we don't just keep adding.
this.removeChildren();
thisEl.model.children.reset( null );
if ( ! content ) {
return;
}
_.each( matches, function( shortcode, index ) {
var shortcodeElement = shortcode.match( innerRegExp ),
shortcodeName = shortcodeElement[ 2 ],
shortcodeAttributes = '' !== shortcodeElement[ 3 ] ? window.wp.shortcode.attrs( shortcodeElement[ 3 ] ) : '',
shortcodeContent = shortcodeElement[ 5 ],
moduleCID = FusionPageBuilderViewManager.generateCid(), // jshint ignore: line
prefixedAttributes = { params: ( {} ) },
tagName = 'div',
// Check if shortcode allows generator
allowGenerator = 'undefined' !== typeof fusionAllElements[ shortcodeName ].allow_generator ? fusionAllElements[ shortcodeName ].allow_generator : '',
moduleSettings,
key,
prefixedKey,
dependencyOption,
dependencyOptionValue,
moduleContent,
markupContent;
if ( 'undefined' !== typeof fusionAllElements[ shortcodeName ].tag_name ) {
tagName = fusionAllElements[ shortcodeName ].tag_name;
}
// If last child.
last = index + 1 === matches.length;
moduleSettings = {
type: 'element',
element_type: shortcodeName,
cid: FusionPageBuilderViewManager.generateCid(),
view: thisEl,
created: 'auto',
multi: 'multi_element_child',
child_element: 'true',
allow_generator: allowGenerator,
inline_editor: FusionPageBuilderApp.inlineEditorHelpers.inlineEditorAllowed( shortcodeName ),
params: {},
parent: thisEl.model.get( 'cid' ),
tag_name: tagName,
last: last
};
// Get markup from map if set. Add further checks here so only necessary elements do this check.
if ( -1 === shortcodeName.indexOf( 'fusion_builder_' ) ) {
markupContent = FusionPageBuilderApp.extraShortcodes.byShortcode( shortcodeElement[ 0 ] );
if ( 'undefined' !== typeof markupContent ) {
moduleSettings.markup = markupContent;
} else {
moduleSettings.shortcode = shortcodeElement[ 0 ];
}
}
if ( _.isObject( shortcodeAttributes.named ) ) {
for ( key in shortcodeAttributes.named ) {
prefixedKey = key;
prefixedAttributes.params[ prefixedKey ] = shortcodeAttributes.named[ key ];
}
moduleSettings = _.extend( moduleSettings, prefixedAttributes );
}
// TODO: check if needed. Commented out for FB item 420.
// if ( ! shortcodesInContent ) {
moduleSettings.params.element_content = shortcodeContent;
// }.
// Checks if map has set selectors. If so needs to be set prior to render.
if ( 'undefined' !== typeof fusionAllElements[ shortcodeName ].selectors ) {
moduleSettings.selectors = jQuery.extend( true, {}, fusionAllElements[ shortcodeName ].selectors );
}
// Set module settings for modules with dependency options
if ( 'undefined' !== typeof fusionAllElements[ shortcodeName ].option_dependency ) {
dependencyOption = fusionAllElements[ shortcodeName ].option_dependency;
dependencyOptionValue = prefixedAttributes.params[ dependencyOption ];
moduleContent = prefixedAttributes.params.element_content;
prefixedAttributes.params[ dependencyOptionValue ] = moduleContent;
}
// Fix for deprecated 'settings_lvl' attribute
if ( true === fixSettingsLvl ) {
if ( 'fusion_content_box' === moduleType ) { // jshint ignore: line
// Reset values that are inherited from parent
moduleSettings.params.iconcolor = '';
moduleSettings.params.backgroundcolor = '';
moduleSettings.params.circlecolor = '';
moduleSettings.params.circlebordercolor = '';
moduleSettings.params.circlebordersize = '';
moduleSettings.params.outercirclebordercolor = '';
moduleSettings.params.outercirclebordersize = '';
// Set values from parent element
moduleSettings.params.animation_type = parentAtts.animation_type;
moduleSettings.params.animation_direction = parentAtts.animation_direction;
moduleSettings.params.animation_speed = parentAtts.animation_speed;
moduleSettings.params.link_target = parentAtts.link_target;
}
}
modules[ moduleSettings.cid ] = moduleSettings;
} );
this.onGenerateChildElements( modules );
// Add child elements to children collection.
_.each( modules, function( moduleSettings ) {
thisEl.model.children.add( [ moduleSettings ] );
} );
},
/**
* Extendable function for when child elements get generated.
*
* @since 2.0.0
* @param {Object} modules An object of modules that are not a view yet.
* @return {void}
*/
onGenerateChildElements: function( modules ) {
},
/**
* Adds a child element.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addChildElement: function( event, predefinedParams ) {
var params = {},
defaultParams,
value,
moduleSettings,
allowGenerator,
childElement,
newModel,
MultiGlobalArgs,
tagName = 'div';
if ( event ) {
event.preventDefault();
}
childElement = fusionMultiElements[ this.model.get( 'element_type' ) ];
defaultParams = predefinedParams ? predefinedParams : fusionAllElements[ childElement ].params;
allowGenerator = ( 'undefined' !== typeof fusionAllElements[ childElement ].allow_generator ) ? fusionAllElements[ childElement ].allow_generator : '';
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
value = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
params[ param.param_name ] = value;
} );
if ( 'undefined' !== typeof fusionAllElements[ childElement ].tag_name ) {
tagName = fusionAllElements[ childElement ].tag_name;
}
moduleSettings = {
type: 'element',
element_type: childElement,
cid: FusionPageBuilderViewManager.generateCid(),
view: this,
created: 'manually',
multi: 'multi_element_child',
child_element: 'true',
params: params,
allow_generator: allowGenerator,
inline_editor: FusionPageBuilderApp.inlineEditorHelpers.inlineEditorAllowed( childElement ),
parent: this.model.get( 'cid' ),
tag_name: tagName,
last: true
};
// Checks if map has set selectors. If so needs to be set prior to render.
if ( 'undefined' !== typeof fusionAllElements[ childElement ].selectors ) {
moduleSettings.selectors = jQuery.extend( true, {}, fusionAllElements[ childElement ].selectors );
}
if ( 'undefined' !== typeof event && null !== event && jQuery( event.currentTarget ).closest( '.fusion-builder-live-child-element' ).length ) {
moduleSettings.targetElement = jQuery( event.currentTarget ).closest( '.fusion-builder-live-child-element' );
}
newModel = this.model.children.add( [ moduleSettings ] );
if ( this.model.get( 'noTemplate' ) ) {
this.noTemplateAjaxUpdate();
}
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added + ' ' + fusionAllElements[ childElement ].name + ' ' + fusionBuilderText.element );
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: newModel[ 0 ],
handleType: 'changeOption'
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
FusionEvents.trigger( 'fusion-content-changed' );
this.childViewAdded();
},
afterPatch: function() {
var self = this;
this.generateChildElements();
setTimeout( function() {
self.droppableElement();
}, 100 );
},
/**
* Adds a child view.
*
* @since 2.0.0
* @param {Object} child - The child element's model.
* @return {void}
*/
addChildView: function( child ) {
var view,
viewSettings = {
model: child,
collection: FusionPageBuilderElements
};
if ( 'undefined' !== typeof FusionPageBuilder[ child.get( 'element_type' ) ] ) {
view = new FusionPageBuilder[ child.get( 'element_type' ) ]( viewSettings );
} else {
view = new FusionPageBuilder.ChildElementView( viewSettings );
}
FusionPageBuilderViewManager.addView( child.get( 'cid' ), view );
if ( 'undefined' !== typeof child.get( 'targetElement' ) ) {
if ( 'undefined' === typeof child.get( 'targetElementPosition' ) || 'after' === child.get( 'targetElementPosition' ) ) {
child.get( 'targetElement' ).after( view.render().el );
} else {
child.get( 'targetElement' ).before( view.render().el );
}
} else if ( 'undefined' === typeof child.get( 'targetElementPosition' ) || 'end' === child.get( 'targetElementPosition' ) ) {
this.$el.find( '.fusion-child-element' ).append( view.render().el );
} else {
this.$el.find( '.fusion-child-element' ).prepend( view.render().el );
}
// Check for extra contents and append to correct location.
this.appendContents( view );
this.updateElementContent();
},
/**
* Fired when child view is added.
*
* @since 2.0.0
* @return {void}
*/
childViewAdded: function() {
},
/**
* Fired when child view is removed.
*
* @since 2.0.0
* @return {void}
*/
childViewRemoved: function() {
},
/**
* Fired when child view is cloned.
*
* @since 2.0.0
* @return {void}
*/
childViewCloned: function() {
},
/**
* Appends content to the view.
*
* @since 2.0.0
* @param {Object} view - The view.
* @return {void}
*/
appendContents: function( view ) {
var self = this,
extraAppend = view.model.get( 'extraAppend' ),
contents,
selector,
existing;
if ( 'undefined' !== typeof extraAppend ) {
contents = extraAppend.contents;
selector = extraAppend.selector;
existing = extraAppend.existing;
if ( 'object' === typeof extraAppend.existing ) {
_.each( extraAppend.existing, function( old, index ) {
self.$el.find( selector ).remove( old );
self.$el.find( selector ).append( contents[ index ] );
} );
return;
}
this.$el.find( selector ).remove( existing );
this.$el.find( selector ).append( contents );
}
},
/**
* Delegates multiple child elements.
*
* @since 2.0.0
* @return {void}
*/
delegateChildEvents: function() {
var cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
view.delegateEvents();
} );
},
/**
* Sets the content and re-renders.
*
* @since 2.0.0
* @param {string} content - The content.
* @return {void}
*/
setContent: function( content ) {
this.model.attributes.params.element_content = content;
this.reRender();
},
/**
* Gets the content.
*
* @since 2.0.0
* @return {void}
*/
getContent: function() {
return FusionPageBuilderApp.generateElementShortcode( this.$el, false );
},
/**
* Append children.
*
* @since 2.0.0
* @return {void}
*/
appendChildren: function( target ) {
var self = this,
cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
self.$el.find( target ).append( view.$el );
view.reRender();
} );
this.delegateChildEvents();
}
} );
} );
}( jQuery ) );
;/* global FusionEvents, FusionPageBuilderApp, FusionPageBuilderViewManager, fusionGlobalManager, fusionBuilderText, fusionAllElements, FusionPageBuilderElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Element View
FusionPageBuilder.ChildElementView = FusionPageBuilder.BaseView.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-child-element-template' ).html() ),
className: 'fusion-builder-live-child-element fusion-builder-data-cid',
tagName: function() {
return this.model.get( 'tag_name' );
},
events: {
'click .fusion-builder-remove-child': 'removeElement',
'click .fusion-builder-clone-child': 'cloneElement',
'click .fusion-builder-settings-child': 'settings',
'click a': 'disableLink'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
var parent = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent; // jshint ignore:line
} );
this.model.inlineCollection = new FusionPageBuilder.Collection();
this._triggerCallback = _.debounce( _.bind( this.triggerCallback, this ), 200 );
// If triggering a view update.
this.listenTo( FusionEvents, 'fusion-child-view-update', this.reRender );
this.listenTo( FusionEvents, 'fusion-view-update-' + this.model.get( 'cid' ), this.reRender );
this.listenTo( FusionEvents, 'fusion-view-update-' + this.model.get( 'element_type' ), this.reRender );
// If there is a template.
if ( jQuery( '#tmpl-' + this.model.attributes.element_type + '-shortcode' ).length ) {
this.model.set( 'noTemplate', false );
this.elementTemplate = FusionPageBuilder.template( jQuery( '#tmpl-' + this.model.attributes.element_type + '-shortcode' ).html() );
} else {
this.model.set( 'noTemplate', true );
this.elementTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_shortcode-shortcode' ).html() );
}
this.elementIsCloning = false;
this.model.set( 'editLabel', this.getEditLabel() );
// JQuery trigger.
this._refreshJs = _.debounce( _.bind( this.refreshJs, this ), 300 );
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
this.$el.attr( 'data-parent-cid', this.model.get( 'parent' ) );
this.$el.attr( 'data-element-type', this.model.get( 'element_type' ) );
if ( 'undefined' !== typeof this.model.attributes.params && 'undefined' !== typeof this.model.attributes.params.fusion_global ) {
this.$el.attr( 'fusion-global-layout', this.model.attributes.params.fusion_global );
this.$el.removeClass( 'fusion-global-child-element' ).addClass( 'fusion-global-child-element' );
}
this.model.set( 'show_ui', 'undefined' === typeof fusionAllElements[ this.model.get( 'element_type' ) ].show_ui ? true : fusionAllElements[ this.model.get( 'element_type' ) ].show_ui );
if ( ! parentModel.get( 'sortable' ) ) {
this.$el.attr( 'data-fusion-no-dragging', true );
}
this.model.set( 'sortable', parentModel.get( 'sortable' ) );
this.baseInit();
this.onInit();
// If inlne editing with overrides.
this.activeInlineEditing = false;
this.autoSelectEditor = false;
this.model.set( 'inlineEditors', [] );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this;
this.$el.html( this.template( this.model.attributes ) );
this.renderContent();
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
if ( 'undefined' !== typeof this.model.attributes.extraAppend ) {
this.updateExtraContents();
}
this.$el.find( '.fusion-builder-module-controls-container' ).on( 'mouseenter mouseleave', _.bind( this.changeParentContainerControlsZindex, this ) );
this.onRender();
this._refreshJs();
setTimeout( function() {
if ( ! self.activeInlineEditing ) {
FusionPageBuilderApp.inlineEditorHelpers.liveEditorEvent( self );
self.activeInlineEditing = false;
}
if ( FusionPageBuilderApp.inlineEditorHelpers.inlineEditorAllowed( self.model.get( 'element_type' ) ) ) {
self.renderInlineSettings();
}
}, 100 );
return this;
},
afterPatch: function() {
this._refreshJs();
},
/**
* Changes the z-index on the controls wrapper of the parent container.
*
* @since 2.0.0
* @return {void}
*/
changeParentContainerControlsZindex: function( event ) {
if ( 'mouseenter' === event.type ) {
this.$el.closest( '.fusion-builder-container' ).find( '.fusion-builder-module-controls-container-wrapper' ).css( 'z-index', '0' );
} else {
this.$el.closest( '.fusion-builder-container' ).find( '.fusion-builder-module-controls-container-wrapper' ).removeAttr( 'style' );
}
},
/**
* Updates extra elements by replacing their contents.
*
* @since 2.0.0
* @return {void}
*/
updateExtraContents: function() {
var self = this,
extraAppend = this.model.get( 'extraAppend' ),
contents = extraAppend.contents,
existing = extraAppend.existing;
if ( 'object' === typeof extraAppend.existing ) {
_.each( existing, function( old, index ) {
self.updateSingleExtraContent( old, contents[ index ] );
} );
} else {
this.updateSingleExtraContent( existing, contents );
}
if ( 'undefined' !== typeof this.model.attributes.extraAppend.trigger ) {
this.$el.find( 'a[id="' + this.model.attributes.extraAppend.trigger.replace( '#', '' ) + '"]' ).closest( 'li' ).trigger( 'click' );
}
},
updateSingleExtraContent: function( existing, contents ) {
if ( this.$el.closest( '.fusion-builder-live-element' ).find( existing ).length ) {
this.$el.closest( '.fusion-builder-live-element' ).find( existing ).replaceWith( FusionPageBuilderApp.renderContent( contents, this.model.get( 'cid' ), this.model.get( 'parent' ) ) );
}
},
/**
* Removes extra elements by removing their contents.
*
* @since 2.0.0
* @return {void}
*/
removeExtraContents: function() {
var $parentEl = this.$el.closest( '.fusion-builder-live-element' ),
$existing,
targetId,
$sibling;
// Find and remove extra content.
if ( 'undefined' !== typeof this.model.attributes.extraAppend && 'undefined' !== typeof this.model.attributes.extraAppend.existing ) {
$existing = Array.isArray( this.model.attributes.extraAppend.existing ) ? $parentEl.find( this.model.attributes.extraAppend.existing.join( ', ' ) ) : $parentEl.find( this.model.attributes.extraAppend.existing );
const $existingTabContent = Array.isArray( this.model.attributes.extraAppend.existing ) ? $parentEl.find( this.model.attributes.extraAppend.existing[ 1 ] ) : $parentEl.find( this.model.attributes.extraAppend.existing );
// If tabs element and this tab is active, make another tab active.
if ( $existing.hasClass( 'active' ) && 'fusion_tab' === this.model.get( 'element_type' ) ) {
$sibling = $existingTabContent.siblings( '.tab-pane' ).first();
if ( $sibling.length ) {
$sibling.addClass( 'active in' );
targetId = $sibling.attr( 'id' );
$parentEl.find( '[href="#' + targetId + '"]' ).closest( '.fusion-builder-live-child-element' ).addClass( 'active' );
}
}
$existing.remove();
}
},
/**
* Sets the attributes of an element.
*
* @since 2.0.0
* @param {Object} element - The element we're updating.
* @param {Object} attributes - The attributes we're setting/updating.
* @return {void}
*/
setElementAttributes: function( element, attributes ) {
var dataVar;
if ( 'object' === typeof attributes && element.length ) {
_.each( attributes, function( values, attribute ) {
if ( 'class' === attribute ) {
element.attr( 'class', values );
} else if ( 'id' === attribute ) {
element.attr( 'id', values );
} else if ( 'style' === attribute ) {
element.attr( 'style', values );
} else if ( -1 !== attribute.indexOf( 'data' ) ) {
dataVar = attribute.replace( 'data-', '' );
if ( element.data( dataVar ) ) {
element = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( element );
element.data( dataVar, values );
}
attribute = attribute.replace( /_/g, '-' );
element.attr( attribute, values );
}
} );
}
},
/**
* Renders the content.
*
* @since 2.0.0
* @return {void}
*/
getTemplateAtts: function() {
var templateAttributes = jQuery.extend( true, {}, this.model.attributes ),
params = jQuery.extend( true, {}, this.model.get( 'params' ) ),
values = {},
extras = {},
element = fusionAllElements[ this.model.get( 'element_type' ) ],
parent = this.model.get( 'parent' ),
parentValues = {},
parentModel,
parentElementContent = '';
// Use appropriate template.
if ( 'undefined' !== typeof this.elementTemplate ) {
// Get parent values.
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent; // jshint ignore:line
} );
if ( parentModel && 'undefined' !== typeof fusionAllElements[ parentModel.get( 'element_type' ) ] ) {
parentValues = jQuery.extend( true, {}, fusionAllElements[ parentModel.get( 'element_type' ) ].defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) );
}
// Get element values.
if ( element && 'undefined' !== typeof element.defaults ) {
// No need to inherit parent's element_content.
if ( 'undefined' !== typeof parentValues.element_content ) {
parentElementContent = parentValues.element_content;
delete parentValues.element_content;
}
values = jQuery.extend( true, {}, element.defaults, parentValues, _.fusionCleanParameters( params ) );
parentValues.element_content = parentElementContent;
// Get element extras.
if ( 'undefined' !== typeof element.extras ) {
extras = jQuery.extend( true, {}, element.extras );
}
}
templateAttributes.parentValues = parentValues;
templateAttributes.values = values;
templateAttributes.extras = extras;
templateAttributes.thisModel = this.model;
templateAttributes.parentModel = parentModel;
templateAttributes = this.getDynamicAtts( templateAttributes );
templateAttributes = this.filterTemplateAtts( templateAttributes );
return templateAttributes;
}
},
/**
* Renders the content.
*
* @since 2.0.0
* @return {void}
*/
renderContent: function() {
// Use appropriate template.
if ( 'undefined' !== typeof this.elementTemplate ) {
this.$el.find( '.fusion-builder-child-element-content' ).html( this.getTemplate() );
return;
}
// Ajax here
this.$el.find( '.fusion-builder-child-element-content' ).html( 'no template found' );
},
/**
* Removes an element.
*
* @since 2.0.0
* @param {Object} event - The event triggering the element removal.
* @return {void}
*/
removeElement: function( event, isAutomated ) {
var parentCid = this.model.get( 'parent' ),
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCid; // jshint ignore: line
} ),
MultiGlobalArgs;
if ( event ) {
event.preventDefault();
parentView.$el.find( '.fusion-builder-module-controls-container a' ).trigger( 'mouseleave' );
}
// Hook to allow custom actions.
this.beforeRemove();
// Remove extra content not within view.
this.removeExtraContents();
// Remove element view
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
// Remove live editors.
FusionPageBuilderApp.inlineEditorHelpers.removeLiveEditors( this );
// Destroy element model
this.model.destroy();
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
this.remove();
// If element is removed manually
if ( event ) {
this.forceUpdateParent();
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
}
if ( parentModel.children.length && 'undefined' === typeof isAutomated ) {
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: parentModel.children.models[ 0 ],
handleType: 'save',
attributes: parentModel.children.models[ 0 ].attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
}
if ( event ) {
parentView.childViewRemoved();
}
},
/**
* Force-updates the parent element.
*
* @since 2.0.0
* @return {void}
*/
forceUpdateParent: function() {
// Used to make sure parent of child is updated on live edit.
var parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'undefined' !== typeof parentView ) {
parentView.updateElementContent();
parentView.refreshJs();
}
this.ajaxUpdateParent( parentView );
},
ajaxUpdateParent: function( parentView ) {
parentView = 'undefined' === typeof parentView ? FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ) : parentView;
// If no template, use ajax to re-render.
if ( parentView.model.get( 'noTemplate' ) ) {
parentView.noTemplateAjaxUpdate();
}
},
/**
* Clones an element.
*
* @since 2.0.0
* @param {Object} event - The event triggering the element cloning.
* @return {void}
*/
cloneElement: function( event ) {
var elementAttributes,
parentModel,
currentModel,
MultiGlobalArgs,
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
self = this;
// Get element parent
parentModel = this.collection.find( function( model ) {
return model.get( 'cid' ) == self.model.get( 'parent' ); // jshint ignore: line
} );
if ( event ) {
event.preventDefault();
}
if ( true === this.elementIsCloning ) {
return;
}
this.elementIsCloning = true;
elementAttributes = jQuery.extend( true, {}, this.model.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.targetElement = this.$el;
elementAttributes.at_index = FusionPageBuilderApp.getCollectionIndex( this.$el );
// Add a clone flag for fusion gallery child.
if ( 'fusion_gallery_image' === this.model.get( 'element_type' ) ) {
elementAttributes.cloned = true;
}
if ( 'undefined' !== elementAttributes.from ) {
delete elementAttributes.from;
}
FusionPageBuilderApp.addToChildCollection( elementAttributes );
currentModel = parentModel.children.find( function( model ) {
return model.get( 'cid' ) == elementAttributes.cid; // jshint ignore:line
} );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.cloned + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: currentModel,
handleType: 'save',
attributes: currentModel.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
this.elementIsCloning = false;
this.forceUpdateParent();
if ( event ) {
FusionEvents.trigger( 'fusion-content-changed' );
}
parentView.childViewCloned();
},
/**
* Get the content.
*
* @since 2.0.0
* @return {string}
*/
getContent: function() {
return FusionPageBuilderApp.generateElementShortcode( this.$el, false );
},
isFirstChild: function() {
var self = this,
index,
parentModel;
parentModel = FusionPageBuilderApp.collection.find( function( model ) {
return model.get( 'cid' ) === self.model.get( 'parent' );
} );
index = parentModel.children.indexOf( this.model );
return 0 === index;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, fusionBuilderText, FusionPageBuilderViewManager, FusionEvents, FusionPageBuilderElements, fusionAllElements, fusionSanitize */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Row View
FusionPageBuilder.RowView = FusionPageBuilder.BaseRowView.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-row-template' ).html() ),
className: 'fusion_builder_row',
events: {
'click .fusion-builder-insert-column': 'displayColumnsOptions'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.baseRowInit();
this.nestedRow = false;
this.model.set( 'rows', {} );
this.model.children = new FusionPageBuilder.Collection();
this.listenTo( this.model.children, 'add', this.addChildView );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.updateColumnsPreview );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.legacyColumns );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function( forced ) {
var self = this;
forced = 'undefined' === typeof forced ? false : forced;
this.$el.html( this.template( this.getTemplateAtts() ) );
this.appendChildren();
setTimeout( function() {
self.droppableColumn();
}, 100 );
// Show column dialog when adding a new row
if ( 'manually' !== this.model.get( 'created' ) && ! forced ) {
this.displayContainerLibrary();
}
return this;
},
/**
* The row attributes.
*
* @since 3.0
* @return {Object}
*/
attr: function() {
var attr = {
style: ''
},
parentContainer = FusionPageBuilderApp.getParentContainer( this ),
isFlex = parentContainer && parentContainer.isFlex(),
containerParams,
width,
widthValue,
columnSpacingUnit,
columnSpacingValue,
widthUnit;
if ( ! parentContainer ) {
return attr;
}
containerParams = jQuery.extend( true, {}, fusionAllElements.fusion_builder_container.defaults, _.fusionCleanParameters( parentContainer.model.attributes.params ) ),
attr[ 'class' ] = 'fusion-builder-row-container fusion-builder-row fusion-row';
attr[ 'data-cid' ] = this.model.get( 'cid' );
if ( isFlex ) {
attr[ 'class' ] += ' fusion-flex-align-items-' + containerParams.flex_align_items;
if ( 'stretch' !== containerParams.align_content ) {
attr[ 'class' ] += ' fusion-flex-align-content-' + containerParams.align_content;
}
if ( 'flex-start' !== containerParams.flex_justify_content ) {
attr[ 'class' ] += ' fusion-flex-justify-content-' + containerParams.flex_justify_content;
}
width = 'yes' === containerParams.hundred_percent ? '100%' : fusionAllElements.fusion_builder_row.extras.site_width;
columnSpacingUnit = fusionSanitize.get_unit( containerParams.flex_column_spacing );
if ( '%' === columnSpacingUnit ) {
columnSpacingValue = fusionSanitize.number( containerParams.flex_column_spacing );
widthValue = fusionSanitize.number( width );
widthUnit = fusionSanitize.get_unit( width );
width = ( widthValue * ( 1 + ( columnSpacingValue / 100 ) ) ) + widthUnit;
} else {
width = 'calc( ' + width + ' + ' + containerParams.flex_column_spacing + ' )';
}
if ( 'no' === containerParams.hundred_percent ) {
attr.style += 'max-width:' + width + ';';
}
attr.style += 'margin-left: calc(-' + containerParams.flex_column_spacing + ' / 2 );';
attr.style += 'margin-right: calc(-' + containerParams.flex_column_spacing + ' / 2 );';
}
return attr;
},
/**
* Get template attributes.
*
* @since 2.0.0
* @return {void}
*/
getTemplateAtts: function() {
var templateAttributes = {
attr: this.attr()
};
return templateAttributes;
},
/**
* Display the column options.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
displayColumnsOptions: function( event ) {
var viewSettings,
view;
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.parentRowId = this.model.get( 'cid' );
viewSettings = {
model: this.model,
collection: this.collection
};
if ( jQuery( event.currentTarget ).closest( '.fusion-builder-column' ).length ) {
viewSettings.targetElement = jQuery( event.currentTarget ).closest( '.fusion-builder-column' );
}
view = new FusionPageBuilder.ColumnLibraryView( viewSettings );
jQuery( view.render().el ).dialog( {
title: 'Select Column',
width: FusionApp.dialog.dialogWidth,
height: FusionApp.dialog.dialogHeight,
draggable: false,
modal: true,
resizable: false,
dialogClass: 'fusion-builder-dialog fusion-builder-large-library-dialog fusion-builder-columns-library-dialog',
open: function() {
FusionApp.dialog.resizeDialog();
},
close: function() {
view.remove();
}
} );
},
/**
* Display the container library.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
displayContainerLibrary: function( event ) {
var viewSettings,
view,
parentView;
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.parentRowId = this.model.get( 'cid' );
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
viewSettings = {
model: this.model,
collection: this.collection
};
view = new FusionPageBuilder.ContainerLibraryView( viewSettings );
jQuery( view.render().el ).dialog( {
title: 'Select Container',
width: FusionApp.dialog.dialogWidth,
height: FusionApp.dialog.dialogHeight,
draggable: false,
modal: true,
resizable: false,
dialogClass: 'fusion-builder-dialog fusion-builder-large-library-dialog fusion-builder-container-library-dialog',
open: function() {
FusionApp.dialog.resizeDialog();
},
close: function() {
parentView.removeContainer();
view.remove();
}
} );
},
/**
* Removes a row.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
removeRow: function( event ) { // jshint ignore: line
var columns;
if ( event ) {
event.preventDefault();
}
columns = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
// Remove all columns
_.each( columns, function( column ) {
if ( 'function' === typeof column.removeColumn ) {
column.removeColumn();
}
} );
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
this.model.destroy();
this.remove();
this.setRowData();
if ( event ) {
FusionEvents.trigger( 'fusion-content-changed' );
}
},
/**
* Creates drop zone for empty row.
*
* @since 2.0.0
* @return {void}
*/
droppableColumn: function() {
var $el = this.$el,
self = this;
if ( ! $el ) {
return;
}
$el.find( '.fusion-builder-empty-container .fusion-column-target' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-column',
drop: function( event, ui ) {
var handleColumnDropInsideRow = self.handleColumnDropInsideRow.bind( self );
handleColumnDropInsideRow( ui.draggable, $el );
}
} );
},
handleColumnDropInsideRow: function( $element, $targetEl ) {
var columnCid = $element.data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( columnCid ),
originalCid = columnView.model.get( 'parent' ),
self = this,
originalView,
newIndex;
// Move the actual html.
$targetEl.find( '.fusion-builder-empty-container' ).after( $element );
newIndex = $element.parent().children( '.fusion-builder-column' ).index( $element );
FusionPageBuilderApp.onDropCollectionUpdate( columnView.model, newIndex, this.model.get( 'cid' ) );
// Update destination row which is this current one.
this.setRowData();
// If destination row and original row are different, update original as well.
if ( this.model.get( 'cid' ) !== originalCid ) {
originalView = FusionPageBuilderViewManager.getView( originalCid );
originalView.setRowData();
}
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.column + ' order changed' );
setTimeout( function() {
// If different container type we re-render so that it corrects for new situation.
if ( 'object' !== typeof originalView || FusionPageBuilderApp.sameContainerTypes( originalView.model.get( 'parent' ), self.model.get( 'parent' ) ) ) {
columnView.droppableColumn();
} else {
FusionEvents.trigger( 'fusion-close-settings-' + columnView.model.get( 'cid' ) );
columnView.reRender();
}
}, 300 );
},
/**
* Appends children. Calls the delegateEvents function in the view.
*
* @since 2.0.0
* @return {void}
*/
appendChildren: function() {
var self = this,
cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
self.$el.find( '.fusion-builder-row-container' ).append( view.$el );
view.delegateEvents();
} );
},
/**
* Adds a child view.
*
* @since 2.0.0
* @param {Object} element - The element model.
* @return {void}
*/
addChildView: function( element ) {
var view,
viewSettings = {
model: element,
collection: FusionPageBuilderElements,
attributes: {
'data-cid': element.get( 'cid' )
}
};
viewSettings.className = 'fusion-builder-column fusion-builder-column-outer';
if ( 'string' === typeof element.attributes.params.type && element.attributes.params.type.includes( '_' ) ) {
viewSettings.className += ' fusion-builder-column-' + element.attributes.params.type;
}
view = new FusionPageBuilder.ColumnView( viewSettings );
// Calculate virtual rows
this.createVirtualRows();
// This column was cloned
if ( ! _.isUndefined( element.get( 'cloned' ) ) && true === element.get( 'cloned' ) ) {
element.targetElement = view.$el;
element.unset( 'cloned' );
}
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( ! _.isUndefined( element.get( 'targetElement' ) ) && 'undefined' === typeof element.get( 'from' ) ) {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'after' === element.get( 'targetElementPosition' ) ) {
element.get( 'targetElement' ).after( view.render().el );
} else {
element.get( 'targetElement' ).before( view.render().el );
}
} else {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'end' === element.get( 'targetElementPosition' ) ) {
this.$el.find( '.fusion-builder-row-container' ).append( view.render().el );
} else {
this.$el.find( '.fusion-builder-row-container' ).prepend( view.render().el );
}
element.unset( 'from' );
}
this.updateColumnsPreview();
},
/**
* Delegates child events.
*
* @since 2.0.0
* @return {void}
*/
delegateChildEvents: function() {
var cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
view.delegateEvents();
view.delegateChildEvents();
view.droppableColumn();
} );
},
recalculateMargins: function() {
var attr = this.attr();
this.$el.find( '.fusion-builder-row-container' ).first().attr( 'style', attr.style );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Dynamic Selection.
FusionPageBuilder.DynamicSelection = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-dynamic-selection' ).html() ),
className: 'fusion-builder-dynamic-selection option-field',
events: {
},
/**
* Renders the view.
*
* @since 2.1
* @return {Object} this
*/
render: function() {
var $option = this.model.get( 'option' ),
templateData;
if ( $option.length ) {
$option.attr( 'data-dynamic-selection', true );
}
templateData = {
params: FusionPageBuilderApp.dynamicValues.getOrderedParams(),
option: $option.attr( 'data-option-type' )
};
this.$el.html( this.template( templateData ) );
this.initSelect();
return this;
},
initSelect: function() {
var self = this,
parent = this.model.get( 'parent' ),
$option = this.model.get( 'option' ),
param = this.model.get( 'param' ),
$selectField = this.$el.find( '.fusion-select-field' ),
$selectPreview = $selectField.find( '.fusion-select-preview-wrap' ),
$selectSearchInput = $selectField.find( '.fusion-select-search input' );
if ( $selectField.hasClass( 'fusion-select-inited' ) ) {
return;
}
$selectField.addClass( 'fusion-select-inited' );
// Hide empty option groups.
$selectField.find( '.fusion-select-optiongroup' ).each( function() {
if ( jQuery( this ).next().hasClass( 'fusion-select-optiongroup' ) || 0 === jQuery( this ).next().length ) {
jQuery( this ).remove();
}
} );
// Open select dropdown.
$selectPreview.on( 'click', function( event ) {
var open = $selectField.hasClass( 'fusion-open' );
event.preventDefault();
if ( ! open ) {
$selectField.addClass( 'fusion-open' );
if ( $selectSearchInput.length ) {
$selectSearchInput.focus();
}
} else {
$selectField.removeClass( 'fusion-open' );
if ( $selectSearchInput.length ) {
$selectSearchInput.val( '' ).blur();
}
$selectField.find( '.fusion-select-label' ).css( 'display', 'block' );
}
} );
// Option is selected.
$selectField.on( 'click', '.fusion-select-label', function() {
parent.elementView.dynamicParams.addParam( param, jQuery( this ).data( 'value' ) );
parent.initEditDynamic( $option.find( '.fusion-dynamic-content' ), true );
self.removeView();
} );
$selectSearchInput.on( 'keyup change paste', function() {
var val = jQuery( this ).val(),
optionInputs = $selectField.find( '.fusion-select-label' );
// Select option on "Enter" press if only 1 option is visible.
if ( 'keyup' === event.type && 13 === event.keyCode && 1 === $selectField.find( '.fusion-select-label:visible' ).length ) {
$selectField.find( '.fusion-select-label:visible' ).trigger( 'click' );
return;
}
_.each( optionInputs, function( optionInput ) {
if ( -1 === jQuery( optionInput ).html().toLowerCase().indexOf( val.toLowerCase() ) ) {
jQuery( optionInput ).css( 'display', 'none' );
} else {
jQuery( optionInput ).css( 'display', 'block' );
}
} );
} );
},
removeView: function() {
var $option = this.model.get( 'option' ),
parent = this.model.get( 'parent' );
this.$el.remove();
if ( parent ) {
parent.dynamicSelection = false;
}
if ( $option.length ) {
$option.attr( 'data-dynamic-selection', false );
}
// Destroy element model
this.model.destroy();
this.remove();
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
FusionPageBuilder.options = FusionPageBuilder.options || {};
FusionPageBuilder.options.fusionDynamicData = {
optionDynamicData: function( $element ) {
var self = this;
$element = $element || this.$el;
$element.find( '[data-dynamic="true"] .fusion-dynamic-content' ).each( function() {
self.initEditDynamic( jQuery( this ) );
} );
},
initEditDynamic: function( $targetEl, open ) {
var dynamicData = this.elementView.dynamicParams.getAll(),
self = this,
repeater = FusionPageBuilder.template( jQuery( '#fusion-app-repeater-fields' ).html() ),
param = $targetEl.closest( '.fusion-builder-option' ).attr( 'data-option-id' ),
options = FusionPageBuilderApp.dynamicValues.getOptions(),
values = 'object' === typeof dynamicData && 'object' === typeof dynamicData[ param ] ? dynamicData[ param ] : { data: undefined },
dynamic = values && 'object' === typeof options[ values.data ] ? options[ values.data ] : false,
fields = dynamic ? dynamic.fields : false,
label = dynamic && 'string' === typeof dynamic.label ? dynamic.label : values.data,
$html = '',
$fields = $targetEl.find( '.dynamic-param-fields' ),
supported = jQuery.extend( true, {}, FusionApp.data.dynamicCommon ),
excludes = 'object' === typeof dynamic.exclude ? _.values( dynamic.exclude ) : false,
ajax = dynamic && 'object' === typeof dynamic.callback && 'undefined' !== typeof dynamic.callback.ajax ? dynamic.callback.ajax : false;
if ( 'object' !== typeof dynamicData[ param ] ) {
return;
}
if ( excludes && 'object' === typeof supported ) {
_.each( supported, function( supportField, supportId ) {
if ( -1 !== _.indexOf( excludes, supportId ) ) {
delete supported[ supportId ];
}
} );
}
if ( 'object' === typeof supported && ! _.isEmpty( supported ) ) {
if ( 'object' === typeof fields ) {
fields = _.extend( fields, supported );
} else {
fields = supported;
}
}
// Update the editable fields.
$fields.empty();
if ( fields ) {
_.each( fields, function( field, id ) {
var value = values[ id ],
attributes = {
field: field,
value: value
};
$html += jQuery( repeater( attributes ) ).html();
} );
$fields.append( $html );
}
// Update the title, id and ajax attribute.
if ( dynamic ) {
$targetEl.find( '.dynamic-title h3' ).text( label );
$targetEl.find( '.dynamic-wrapper' ).attr( 'data-id', values.data ).attr( 'data-ajax', ajax );
}
// Prevent duplicate listeners.
$targetEl.off( 'click' );
// Listener for open and close toggle.
$targetEl.on( 'click', '.dynamic-title', function() {
jQuery( this ).parent().find( '.dynamic-param-fields' ).slideToggle( 300 );
if ( jQuery( this ).find( '.dynamic-toggle-icon' ).hasClass( 'fusiona-pen' ) ) {
jQuery( this ).find( '.dynamic-toggle-icon' ).removeClass( 'fusiona-pen' ).addClass( 'fusiona-minus' );
} else {
jQuery( this ).find( '.dynamic-toggle-icon' ).removeClass( 'fusiona-minus' ).addClass( 'fusiona-pen' );
}
} );
// Listener for removing the dynamic data.
$targetEl.on( 'click', '.dynamic-remove.fusiona-trash-o', function( event ) {
event.preventDefault();
self.removeDynamicData( $targetEl );
} );
// Init the editable sub options.
if ( 'function' === typeof this.initOptions ) {
this.initOptions( $targetEl );
}
// If its a newly added one, lets open it.
if ( 'undefined' !== typeof open && open ) {
$targetEl.find( '.dynamic-param-fields' ).show();
$targetEl.find( '.dynamic-toggle-icon' ).removeClass( 'fusiona-pen' ).addClass( 'fusiona-minus' );
}
},
removeDynamicData: function( $targetEl ) {
var param = $targetEl.closest( '.fusion-builder-option' ).attr( 'data-option-id' );
if ( 'undefined' !== typeof this.elementView ) {
this.elementView.dynamicParams.removeParam( param );
}
},
/**
* Sets dynamic data param value.
*
* @since 2.0.0
* @param {Object} $option - jQuery object.
* @param {String} param - Parameter ID.
* @param {Mixed} value - Value of this option.
* @return {void}
*/
setDynamicParamValue: function( $option, subParam, value ) {
var param = $option.parent().closest( '.fusion-builder-option' ).attr( 'data-option-id' );
if ( 'undefined' !== typeof this.elementView ) {
this.elementView.dynamicParams.updateParam( param, subParam, value );
}
}
};
;/* global FusionApp, FusionPageBuilderViewManager, FusionEvents, fusionAllElements, FusionPageBuilderApp, fusionBuilderText, fusionGlobalManager, fusionBuilderInsertIntoEditor, openShortcodeGenerator, awbPalette */
/* eslint no-unused-vars: 0 */
/* eslint no-alert: 0 */
/* eslint no-empty-function: 0 */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.ElementSettingsView = window.wp.Backbone.View.extend( {
className: 'fusion_builder_module_settings',
template: FusionPageBuilder.template( jQuery( '#fusion-builder-block-module-settings-template' ).html() ),
optionHasChanged: false,
events: {
'click [id$="fusion_shortcodes_text_mode"]': 'activateSCgenerator',
'change input': 'optionChange',
'keyup input:not(.fusion-slider-input)': 'optionChange',
'change select': 'optionChange',
'keyup textarea': 'optionChange',
'change textarea': 'optionChange',
'paste textarea': 'optionChangePaste',
'fusion-change input': 'optionChange',
'click .upload-image-remove': 'removeImage',
'click .option-preview-toggle': 'previewToggle',
'click .insert-slider-video': 'addSliderVideo',
'click .fusion-panel-shortcut:not(.dialog-more-menu-item)': 'defaultPreview',
'click .fusion-panel-description': 'showHideDescription',
'click #fusion-close-element-settings': 'saveSettings',
'click .fusion-builder-go-back': 'openParent',
'click .option-dynamic-content': 'addDynamicContent',
'click .option-has-responsive': 'showResponsiveOptions',
'click .fusion-responsive-options li a': 'changeResponsiveOption',
'mouseleave .fusion-builder-option': 'hideResponsiveOptions',
'click .fusion-builder-toggle-subgroup': 'toggleSubGroup'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
// Manipulate model attributes via custom function if provided by the element.
this.onSettingsCallback();
// Store element view.
this.elementView = FusionPageBuilderViewManager.getView( this.model.get( 'cid' ) );
this.loadComplete = false;
this.codeEditorOption = false;
this.changesPaused = false;
// JQuery trigger.
this._refreshJs = _.debounce( _.bind( this.refreshJs, this ), 300 );
// Fetch query_data if not present only. dont save
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].has_ajax ) {
if ( 'undefined' === typeof this.model.get( 'query_data' ) ) {
this.elementView.triggerAjaxCallbacks( true );
}
}
// When tab is changed we init options.
this.tabsRendered = {};
this.initOptions = _.debounce( _.bind( this.debouncedInitOptions, this ), 50 );
this.listenTo( FusionEvents, 'fusion-tab-changed', this.initOptions );
this.listenTo( FusionEvents, 'fusion-inline-edited', this.forceChange );
this.childSortableView = false;
// Active states selected for element.
this.activeStates = {};
this.$targetEl = 'undefined' !== typeof this.elementView ? this.elementView.$el : false;
this._tempStateRemove = _.debounce( _.bind( this.tempStateRemove, this ), 3000 );
this.parentValues = this.getParentValues() ? this.getParentValues() : false;
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
this.$el.addClass( this.containerIsFlex() ? 'has-flex' : '' );
this.$el.addClass( this.columIsBlockLayout() ? 'has-block-column' : '' );
this.type = 'EO';
this.onInit();
this.listenTo( FusionEvents, 'fusion-element-removed', this.removeView );
this.listenTo( FusionEvents, 'fusion-preview-refreshed', this.saveSettings );
this.listenTo( FusionEvents, 'fusion-close-settings-' + this.model.get( 'cid' ), this.saveSettings );
this.listenTo( FusionEvents, 'fusion-param-changed-' + this.model.get( 'cid' ), this.paramChanged );
this.listenTo( FusionEvents, 'fusion-default-changed-' + this.model.get( 'cid' ), this.defaultChanged );
this.listenTo( FusionEvents, 'fusion-row-nested-edit', this.saveSettings );
if ( 'dialog' !== FusionApp.preferencesData.editing_mode && 'generated_element' !== this.model.get( 'type' ) && ! this.$el.hasClass( 'fusion-builder-settings-chart-table-dialog' ) ) {
this.$el.addClass( 'fusion-builder-custom-tab' );
}
if ( 'generated_element' === this.model.get( 'type' ) ) {
FusionEvents.trigger( 'fusion-history-pause-tracking' );
}
this.newElement = false;
if ( 'undefined' !== typeof this.model.get( 'added' ) ) {
this.newElement = true;
}
// Dynamic content.
this.listenTo( FusionEvents, 'fusion-dynamic-data-removed', this.removeDynamicStatus );
this.listenTo( FusionEvents, 'fusion-dynamic-data-added', this.addDynamicStatus );
this.dynamicSelection = false;
this.debouncedOptionChanges = {};
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
this.renderOptions();
this.initOptions();
this.model.unset( 'added' );
// Check option dependencies
this.dependencies = new FusionPageBuilder.Dependencies( fusionAllElements[ this.model.get( 'element_type' ) ].params, this );
FusionApp.dialog.dialogTabs( this.$el );
this.loadComplete = true;
if ( 'undefined' !== this.model.get( 'multi' ) && 'multi_element_parent' === this.model.get( 'multi' ) ) {
this.appendChildSortables();
}
FusionEvents.trigger( 'fusion-settings-modal-open' );
if ( -1 !== this.model.get( 'element_type' ).indexOf( 'fusion_builder_column' ) ) {
this.setDirectionAttribute();
}
this.onRender();
this.checkPageTemplate();
this.inlineHistoryListener();
return this;
},
setDirectionAttribute: function() {
var $option = this.$el.find( '[data-option-id="content_layout"]' ),
value = 'column';
if ( ! $option.length ) {
return;
}
value = $option.find( '#content_layout' ).val();
$option.attr( 'data-direction', value );
},
containerIsFlex: function() {
var container = FusionPageBuilderApp.getParentContainer( this.model.get( 'cid' ) );
return container && container.isFlex();
},
columIsBlockLayout: function() {
var column = FusionPageBuilderApp.getParentColumn( this.model.get( 'cid' ) );
return column && column.isBlockLayout() && 'fusion_builder_column' !== this.model.get( 'element_type' ) && 'fusion_builder_column_inner' !== this.model.get( 'element_type' );
},
addDynamicContent: function( event ) {
var self = this,
$option = jQuery( event.target ).closest( '.fusion-builder-option' ),
param = $option.attr( 'data-option-id' ),
sameParam = false,
viewSettings;
if ( this.dynamicSelection ) {
if ( param === this.dynamicSelection.model.get( 'param' ) ) {
sameParam = true;
}
this.dynamicSelection.removeView();
}
if ( sameParam ) {
return;
}
viewSettings = {
model: new FusionPageBuilder.Element( {
param: param,
option: $option,
parent: this
} )
};
// On select or cancel or event we destroy.
this.dynamicSelection = new FusionPageBuilder.DynamicSelection( viewSettings );
$option.find( '.fusion-dynamic-selection' ).html( this.dynamicSelection.render().el );
},
removeDynamicStatus: function( param ) {
this.$el.find( '.fusion-builder-option[data-option-id="' + param + '"]' ).attr( 'data-dynamic', false );
// Needed for dependencies.
this.$el.find( '#' + param ).trigger( 'fusion-change' );
},
addDynamicStatus: function( param ) {
this.$el.find( '.fusion-builder-option[data-option-id="' + param + '"]' ).attr( 'data-dynamic', true );
// Needed for dependencies.
this.$el.find( '#' + param ).trigger( 'fusion-change' );
},
onRender: function() {
},
reRender: function() {
var $parentDialog = this.$el.closest( '.ui-dialog' ),
$dialogTopContainer;
this.tabsRendered = {};
this.destroyOptions();
this.render();
if ( $parentDialog.length ) {
$parentDialog.find( '.ui-dialog-titlebar + .fusion-builder-modal-top-container' ).remove();
$parentDialog.find( '.ui-dialog-titlebar' ).after( this.$el.find( '.fusion-builder-modal-top-container' ) );
} else {
FusionPageBuilderApp.SettingsHelpers.renderDialogMoreOptions( this );
}
},
/**
* Listens for change in parent and destroys settings view since no longer valid.
*
* @since 2.0.0
* @return {void}
*/
inlineHistoryListener: function() {
var self = this,
parentCid;
if ( this.model.get( 'inlineElement' ) && 'undefined' !== typeof this.model.parentView ) {
parentCid = this.model.parentView.model.get( 'cid' );
// Timeout so addition of inline does not trigger.
setTimeout( function() {
self.listenTo( FusionEvents, 'fusion-param-changed-' + parentCid, function() {
self.removeView( parentCid );
} );
}, 1000 );
}
},
/**
* Simply sets optionHasChanged to true.
*
* @since 2.0.0
* @return {void}
*/
forceChange: function() {
this.optionHasChanged = true;
},
/**
* Append child sortables.
*
* @since 2.0.0
* @return {void}
*/
appendChildSortables: function() {
var viewSettings = {
model: this.model,
collection: this.collection,
attributes: {
settingsView: this
}
},
view;
view = new FusionPageBuilder.ElementSettingsParent( viewSettings );
this.$el.find( '.fusion-child-sortables' ).html( view.render().el );
this.childSortableView = view;
},
/**
* Execute Callbacks.
*
* @since 2.0.0
* @return {void}
*/
onSettingsCallback: function() {
var functionName,
params,
processedParams;
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].on_settings ) {
functionName = fusionAllElements[ this.model.get( 'element_type' ) ].on_settings;
if ( 'function' === typeof FusionPageBuilderApp[ functionName ] ) {
params = this.model.get( 'params' );
processedParams = FusionPageBuilderApp[ functionName ]( params, this );
this.model.set( 'params', processedParams );
}
}
},
/**
* Trigger optionChange when pasting.
*
* @since 2.0.0
* @return {void}
*/
optionChangePaste: function( event ) {
var self = this;
setTimeout( function() {
self.optionChange( event );
}, 200 );
},
/**
* Debounce optionChanged if no template.
*
* @since 2.0.0
* @param {Object} event - The JS event.
* @return {void}
*/
optionChange: function( event, data ) {
var $target = jQuery( event.target ),
$option = $target.closest( '.fusion-builder-option' ),
paramName = this.getParamName( $target, $option ),
$dynamicWrapper = $option.closest( '.dynamic-wrapper' ),
ajaxDynamicParam = false,
debounceTimeout = 'tinymce' === $option.data( 'option-type' ) ? 300 : 500,
element,
option;
if ( this.changesPaused ) {
return;
}
// Fix range with default value not triggering properly.
if ( $target.is( '.fusion-slider-input.fusion-with-default' ) || $target.is( '.awb-ignore' ) ) {
return;
}
// Check if it is a dynamic param being changed which will result in an ajax request.
if ( $dynamicWrapper.length && $dynamicWrapper.attr( 'data-ajax' ) && 'before' !== paramName && 'after' !== paramName && 'fallback' !== paramName ) {
ajaxDynamicParam = $option.closest( '.dynamic-wrapper' ).attr( 'data-ajax' );
if ( $target.closest( '.fusion-builder-option' ).hasClass( 'text' ) ) {
debounceTimeout = 500;
}
}
// Forced default reset on select field.
if ( 'object' === typeof data && 'undefined' !== typeof data.silent && data.silent && 'undefined' !== typeof this.elementView ) {
element = fusionAllElements[ this.elementView.model.get( 'element_type' ) ];
option = element.params[ paramName ];
// If it has a callback then just set the param value directly.
if ( 'undefined' !== typeof option.callback ) {
this.elementView.changeParam( paramName, $target.val() );
return;
}
}
if ( ! jQuery( event.target ).hasClass( 'fusion-skip-debounce' ) && ( this.model.get( 'noTemplate' ) || jQuery( event.target ).hasClass( 'fusion-debounce-change' ) || ajaxDynamicParam || 'tinymce' === $option.data( 'option-type' ) ) ) {
if ( ! this.debouncedOptionChanges[ paramName ] ) {
this.debouncedOptionChanges[ paramName ] = _.debounce( _.bind( this.optionChanged, this ), debounceTimeout );
}
this.debouncedOptionChanges[ paramName ]( event );
} else {
this.optionChanged( event );
}
},
/**
* Custom callback on option change.
*
* @since 2.0.0
* @return {void}
*/
customOnChangeCallback: function() {
var functionName;
// Manupulate model attributes via custom function if provided by element
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].on_change ) {
functionName = fusionAllElements[ this.model.get( 'element_type' ) ].on_change;
if ( 'function' === typeof FusionApp.callback[ functionName ] ) {
this.model.attributes = FusionApp.callback[ functionName ]( jQuery.extend( true, {}, this.model.attributes ), this );
}
}
},
/**
* Get real param name.
*
* @since 2.0.0
* @return {void}
*/
getParamName: function( $target, $option ) {
var paramName = $option.data( 'option-id' ),
$wrapper = $target.closest( '.fusion-builder-option' );
// Non single dimension fields or font family input.
if ( $wrapper.hasClass( 'typography' ) || ( $wrapper.hasClass( 'dimension' ) && ! $target.closest( '.single-builder-dimension' ).length ) ) {
paramName = $target.attr( 'name' );
}
return paramName;
},
/**
* Get param value.
*
* @since 2.0.0
* @return {void}
*/
getParamValue: function( $target ) {
var paramValue = $target.val();
// If code block element then need to use method to get val.
if ( $target.closest( '.fusion-builder-option.code' ).length ) {
paramValue = this.codeEditorOption[ $target.closest( '.fusion-builder-option.code' ).attr( 'data-index' ) ].getValue();
// Base64 encode for Code option type.
if ( 1 === Number( FusionApp.settings.disable_code_block_encoding ) ) {
paramValue = FusionPageBuilderApp.base64Encode( paramValue );
}
}
if ( $target.hasClass( 'fusion-builder-raw-textarea' ) || $target.hasClass( 'fusion-builder-raw-text' ) ) {
paramValue = FusionPageBuilderApp.base64Encode( paramValue );
}
// Escape input fields.
if ( $target.is( 'input' ) && '' !== paramValue ) {
if ( ! $target.hasClass( 'fusion-builder-upload-field' ) && ! $target.hasClass( 'awb-typo-input' ) && ! $target.is( '#generator_element_content' ) && ! $target.is( '#generator_multi_child_content' ) && false === $target.closest( 'li' ).data( 'dynamic' ) ) {
paramValue = _.escape( paramValue );
}
}
if ( $target.closest( '.fusion-builder-option' ).hasClass( 'escape_html' ) ) {
paramValue = _.escape( paramValue );
}
if ( $target.hasClass( 'fusion-multi-select-option' ) ) {
paramValue = [];
jQuery.each( $target.parent().find( '> .fusion-multi-select-option:checked' ), function( index, elem ) {
paramValue.push( jQuery( elem ).val() );
} );
paramValue = paramValue.join( ',' );
}
// Ajax select option type.
if ( $target.closest( '.fusion-builder-option' ).hasClass( 'ajax_select' ) ) {
paramValue = [];
jQuery.each( $target.parent().find( '.fusion-select-option:checked' ), function( index, elem ) {
paramValue.push( jQuery( elem ).val() );
} );
paramValue = paramValue.join( ',' );
}
return paramValue;
},
/**
* Whether or not option change is valid.
*
* @since 2.0.0
* @return {void}
*/
shouldContinue: function( $target, paramName, paramValue, params ) {
var tabId = this.$el.find( '.fusion-tab-content.active' ).length ? this.$el.find( '.fusion-tab-content.active' ).attr( 'id' ) : false,
rowIndex,
pricing,
callbackFunction;
// Filter value being changed.
if ( $target.closest( '.fusion-builder-option.subgroup' ).length ) {
return false;
}
// Repeater value being changed.
if ( $target.closest( '.fusion-builder-option.repeater' ).length && ! $target.hasClass( 'fusion-repeater-value' ) ) {
rowIndex = $target.closest( '.repeater-row' ).index();
this.setRepeaterValue( $target.closest( '.fusion-builder-option.repeater' ).find( '.fusion-repeater-value' ), paramName, rowIndex, paramValue );
return false;
}
// Dynamic value being changed.
if ( $target.closest( '.fusion-dynamic-content' ).length ) {
this.setDynamicParamValue( $target.closest( '.fusion-builder-option' ), paramName, paramValue );
return false;
}
if ( $target.hasClass( 'fusion-always-update' ) ) {
return true;
}
if ( $target.hasClass( 'fusion-hide-from-atts' ) ) {
return false;
}
// If its a tab and its not fully rendered yet.
if ( tabId && ( 'undefined' === typeof this.tabsRendered[ tabId ] || true !== this.tabsRendered[ tabId ] ) ) {
return false;
}
// Layout not complete.
if ( false === this.loadComplete ) {
return false;
}
if ( ! paramName ) {
return false;
}
// If value hasnt changed.
if ( paramValue === params[ paramName ] || ( '' === paramValue && 'undefined' === typeof params[ paramName ] ) ) {
if ( 'fusion_pricing_column' !== this.model.get( 'element_type' ) ) {
return false;
}
callbackFunction = FusionPageBuilderApp.getCallbackFunction( this.model.attributes, paramName, paramValue, this.elementView );
if ( 'fusionPricingTablePrice' !== callbackFunction[ 'function' ] ) {
return false;
}
pricing = this.model.get( 'priceParams' );
if ( '' === paramValue && 'undefined' === typeof pricing[ paramName ] ) {
return false;
}
}
// If its a color picker with fusion using default set but the value its trying to use is not empty, then return.
if ( $target.hasClass( 'fusion-using-default' ) && '' !== paramValue && 'undefined' !== typeof paramValue ) {
return false;
}
return true;
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
optionChanged: function( event ) {
var $target = jQuery( event.target ),
$option = $target.closest( '.fusion-builder-option' ),
reRender = true,
params = this.model.get( 'params' ),
modelData = jQuery.extend( this.model.attributes, {} ),
paramName,
initialVal,
MultiGlobalArgs,
paramValue,
parentView;
this.customOnChangeCallback();
paramName = this.getParamName( $target, $option );
paramValue = this.getParamValue( $target, paramName, paramValue, params );
initialVal = 'undefined' === typeof params[ paramName ] ? '' : params[ paramName ];
if ( ! this.shouldContinue( $target, paramName, paramValue, params ) ) {
return;
}
this.optionHasChanged = true;
if ( ! this.model.get( 'inlineElement' ) ) {
if ( 'undefined' !== typeof this.elementView ) {
reRender = this.elementView.updateParam( paramName, paramValue, event );
}
}
if ( 'undefined' !== typeof this.elementView && 'function' === typeof this.elementView.onOptionChange ) {
this.elementView.onOptionChange( paramName, paramValue, event );
}
// Trigger temporary active state if exists.
this.triggerTemporaryState( $option );
// Trigger Option change for any other option to listen for it.
FusionEvents.trigger( 'awb-options-change-' + paramName, paramValue, this.model.get( 'cid' ) );
if ( 'generated_element' === this.model.get( 'type' ) ) {
return;
}
// Update inline element which has no separate view.
if ( this.model.get( 'inlineElement' ) ) {
params[ paramName ] = paramValue;
this.model.set( 'params', params );
FusionPageBuilderApp.inlineEditorHelpers.processInlineElement( this.model, paramName );
}
// Re render view, right now that is auto done on model change.
if ( reRender && 'undefined' !== typeof this.elementView && ! $target.hasClass( 'skip-update' ) ) {
// Re-render if element should.
if ( -1 === this.model.get( 'element_type' ).indexOf( 'fusion_builder_column' ) || ( 'spacing' !== paramName ) ) {
this.elementView.reRender();
}
}
// JS trigger for option specific refreshes.
this._refreshJs( paramName );
// Trigger active states.
this.triggerActiveStates();
// A setting of some kind has been changed.
this.settingChanged = true;
if ( this.childSortableView ) {
this.childSortableView.render();
}
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: this.model,
handleType: 'changeOption',
Name: paramName,
Value: paramValue
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
},
getParentValues: function() {
var parentView;
if ( 'multi_element_child' === this.model.get( 'multi' ) ) {
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'undefined' === parentView ) {
return false;
}
return parentView.model.get( 'params' );
}
return false;
},
/**
* Triggers a refresh.
*
* @since 2.0.0
* @return void
*/
refreshJs: function( paramName ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-option-change-' + paramName, this.model.attributes.cid );
},
/**
* Destroys the options.
*
* @since 2.0.0
* @return {void}
*/
destroyOptions: function() {
var self = this;
// Close colorpickers before saving
this.$el.find( '.fusion-color-created' ).each( function() {
if ( 'undefined' !== typeof jQuery( this ).awbColorPicker( 'instance' ) ) {
jQuery( this ).awbColorPicker( 'close' );
}
} );
// Destroy each CodeMirror editor instance
this.$el.find( '.fusion-builder-code-block' ).each( function( index ) {
if ( self.codeEditorOption[ index ] ) {
self.codeEditorOption[ index ].toTextArea();
}
} );
// Remove each instance of tinyMCE editor from this view if it has been init.
this.$el.find( '.fusion-editor-field' ).each( function() {
var editorID = jQuery( this ).attr( 'id' );
if ( jQuery( this ).hasClass( 'fusion-init' ) ) {
self.fusionBuilderMCEremoveEditor( editorID );
}
} );
this.onDestroyOptions();
},
/**
* Destroy options callback.
*
* @since 2.0.0
* @return {void}
*/
onDestroyOptions: function() {
},
/**
* Activate shortcode generator.
*
* @since 2.0.0
* @return {void}
*/
activateSCgenerator: function( event ) {
openShortcodeGenerator( jQuery( event.target ) );
},
/**
* Init the view options.
*
* @since 2.0.0
* @return {void}
*/
renderOptions: function() {
var thisModel = this.model,
fixSettingsLvl = false,
parentAtts,
attributes = jQuery.extend( true, {}, this.model.attributes );
// Fix for deprecated 'settings_lvl' attribute
if ( 'undefined' !== thisModel.attributes.params.settings_lvl && 'parent' === thisModel.attributes.params.settings_lvl ) {
fixSettingsLvl = true;
parentAtts = thisModel.attributes.params;
}
if ( 'object' === typeof this.elementView ) {
attributes.dynamic_params = this.elementView.dynamicParams.getAll();
}
// Set correct type param based on TO setting in case 'old' container is edited.
if ( 'fusion_builder_container' === this.model.get( 'element_type' ) && 'undefined' === typeof attributes.params.type ) {
attributes.params.type = 1 === parseInt( fusionAllElements.fusion_builder_container.extras.container_legacy_support ) ? 'legacy' : 'flex';
}
// We don't allow 'legacy' containers in header layout sections.
if ( 'fusion_builder_container' === this.model.get( 'element_type' ) && 'undefined' !== typeof FusionApp.data.template_category && 'header' === FusionApp.data.template_category ) {
attributes.params.type = 'flex';
}
if ( 'function' === typeof this.filterAttributes ) {
attributes = this.filterAttributes( attributes );
}
// if fusion gallery image ( child ) add parents value to atts.
if ( 'fusion_gallery_image' === this.model.get( 'element_type' ) ) {
attributes.parentValues = this.getParentValues();
}
this.$el.html( this.template( { atts: attributes } ) );
},
/**
* Init the view options.
*
* @since 2.0.0
* @return {void}
*/
debouncedInitOptions: function( $element ) {
var tabId = this.$el.find( '.fusion-tab-content.active' ).length ? this.$el.find( '.fusion-tab-content.active' ).attr( 'id' ) : false,
$baseEl = tabId ? this.$el.find( '.fusion-tab-content.active' ) : this.$el,
$thisEl = 'undefined' !== typeof $element && $element.length ? $element : $baseEl,
self = this;
// Check if tab has already been init.
if ( 'undefined' === typeof $element && ( ( tabId && true === this.tabsRendered ) || ( 'undefined' !== typeof this.tabsRendered[ tabId ] && this.tabsRendered[ tabId ] ) || true === this.tabsRendered ) ) {
return;
}
this.optionDynamicData( $thisEl );
this.textFieldPlaceholder( $thisEl );
this.optionDateTimePicker( $thisEl );
this.optionColorpicker( $thisEl );
this.optionColumnWidth( $thisEl );
this.optionFormOptions( $thisEl );
this.optionLogics( $thisEl );
this.optionIconpicker( $thisEl );
this.optionCodeBlock( $thisEl );
this.optionDimension( $thisEl );
this.optionSelect( $thisEl );
this.optionMultiSelect( $thisEl );
this.optionUpload( $thisEl );
this.optionMultiUpload( $thisEl );
this.optionEditor( $thisEl );
this.optionCheckboxButtonSet( $thisEl );
this.optionRadioButtonSet( $thisEl );
this.optionLinkSelector( $thisEl );
this.optionRange( $thisEl );
this.optionSortable( $thisEl );
this.optionSortableText( $thisEl );
this.optionConnectedSortable( $thisEl );
this.optionAjaxSelect( $thisEl );
this.optionFocusImage( $thisEl );
this.optionTypography( $thisEl );
// TODO: fix for WooCommerce element.
if ( 'fusion_woo_shortcodes' === this.model.get( 'element_type' ) ) {
if ( true === FusionPageBuilderApp.shortcodeGenerator ) {
$thisEl.find( '#element_content' ).attr( 'id', 'generator_element_content' );
}
}
// Attachment upload alert.
$thisEl.find( '.uploadattachment .fusion-builder-upload-button' ).on( 'click', function() {
alert( fusionBuilderText.to_add_images ); // jshint ignore: line
} );
// Fusion Form label update.
if ( this.model.get( 'element_type' ).includes( 'fusion_form_' ) ) {
setTimeout( function() {
var elem = $thisEl.find( 'input[name="label"]' )[ 0 ],
elemLen,
oSel;
if ( elem ) {
elemLen = elem.value.length;
// For IE Only
if ( document.selection ) {
// Set focus
elem.focus();
// Use IE Ranges
oSel = document.selection.createRange();
// Reset position to 0 & then set at end
oSel.moveStart( 'character', -elemLen );
oSel.moveStart( 'character', elemLen );
oSel.moveEnd( 'character', 0 );
oSel.select();
} else if ( elem.selectionStart || '0' == elem.selectionStart ) {
// Firefox/Chrome
elem.selectionStart = elemLen;
elem.selectionEnd = elemLen;
elem.focus();
} // if
}
}, 200 );
$thisEl.on( 'change', '[name="label"]', function( event ) {
var label = ( event.target && event.target.value ) || '';
var $name = jQuery( this ).parents().siblings( '[data-option-id="name"]' ).find( 'input' );
if ( '' === $name.val() && label ) {
$name.val( _.fusionSanitize( label ) );
$name.trigger( 'change' );
}
} );
$thisEl.on( 'keydown', '[name="name"], [name$="field_name"]', function( e ) {
var c = e.which;
var ascii = {
'109': '45',
'173': '45',
'186': '59',
'189': '45'
};
if ( ascii.hasOwnProperty( c ) ) {
c = ascii[ c ];
}
if ( ( 65 <= c && 90 >= c ) || ( !e.shiftKey && 48 <= c && 57 >= c ) || 45 == c || ( e.shiftKey && 59 == c ) || 8 == c || ( 37 <= c && 40 >= c ) ) {
return;
}
return event.preventDefault();
} );
}
if ( 'undefined' === typeof $element ) {
this.optionRepeater( 'builder' );
}
setTimeout( function() {
$thisEl.find( 'select, input, textarea, radio' ).filter( ':eq(0)' ).not( '[data-placeholder], .awb-color-picker' ).focus();
}, 1 );
// If rendering a specific tab, save this fact to prevent reinit.
if ( tabId ) {
setTimeout( function() {
self.tabsRendered[ tabId ] = true;
}, 500 );
} else {
this.tabsRendered = true;
}
},
/**
* Inserts shortcode from generator.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
insertGeneratedShortcode: function( event ) {
var attributes,
functionName,
parentView,
element;
if ( event ) {
event.preventDefault();
}
// Remove activee states.
this.removeActiveStates();
attributes = this.model.attributes;
// Escapes &, <, >, ", `, and ' characters
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].escape_html && true === fusionAllElements[ this.model.get( 'element_type' ) ].escape_html ) {
attributes.params.element_content = _.escape( attributes.params.element_content );
}
// Manupulate model attributes via custom function if provided by element
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].on_save ) {
functionName = fusionAllElements[ this.model.get( 'element_type' ) ].on_save;
if ( 'function' === typeof FusionApp.callback[ functionName ] ) {
attributes = FusionApp.callback[ functionName ]( attributes, this );
}
}
element = FusionPageBuilderApp.generateElementShortcode( this.model, false, true );
FusionEvents.trigger( 'fusion-history-resume-tracking' );
this.openGeneratorTarget();
fusionBuilderInsertIntoEditor( element, FusionPageBuilderApp.shortcodeGeneratorEditorID );
// Destroy option fields
this.destroyOptions();
if ( 'multi_element_child' === this.model.get( 'multi' ) ) {
// Set element/model attributes
this.model.set( attributes );
FusionEvents.trigger( 'fusion-multi-element-edited' );
FusionEvents.trigger( 'fusion-multi-child-update-preview' );
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'undefined' !== typeof parentView ) {
parentView.updateElementContent();
}
} else if ( 'multi_element_parent' === this.model.get( 'multi' ) ) {
// TODO: this.mode.set( 'params' );
this.model.set( attributes );
}
if ( FusionPageBuilderApp.manuallyAdded ) {
FusionPageBuilderApp.shortcodeGenerator = FusionPageBuilderApp.manualGenerator;
FusionPageBuilderApp.shortcodeGeneratorEditorID = FusionPageBuilderApp.manualEditor;
FusionPageBuilderApp.manuallyAdded = false;
}
if ( 'undefined' !== typeof this.model && 'undefined' !== typeof this.model.get( 'multi' ) && 'multi_element_child' === this.model.get( 'multi' ) ) {
FusionEvents.trigger( 'fusion-child-changed' );
}
this.remove();
FusionPageBuilderApp.shortcodeGenerator = '';
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
FusionEvents.trigger( 'fusion-settings-modal-save' );
},
removeView: function( cid ) {
if ( cid !== this.model.get( 'cid' ) && ( 'undefined' === typeof this.model.parentView || ! this.model.parentView || cid !== this.model.parentView.model.get( 'cid' ) ) ) {
return;
}
if ( this.dynamicSelection ) {
this.dynamicSelection.removeView();
}
// Destroy option fields
this.destroyOptions();
FusionEvents.trigger( 'fusion-settings-removed', this.model.get( 'cid' ) );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-dialog-ui-active' );
this.remove();
FusionApp.sidebarView.changeTabTitle();
},
/**
* Saves the settings.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
saveSettings: function( event ) {
var attributes,
functionName,
parentView,
MultiGlobalArgs;
if ( event ) {
event.preventDefault();
}
// Destroy option fields
this.destroyOptions();
// Remove activee states.
this.removeActiveStates();
attributes = this.model.attributes;
// Column and container spacing.
if ( 'fusion_builder_container' === this.model.get( 'element_type' ) || 'fusion_builder_column' === this.model.get( 'element_type' ) || 'fusion_builder_column_inner' === this.model.get( 'element_type' ) ) {
this.elementView.destroyResizable();
this.elementView.$el.removeClass( 'fusion-builder-element-edited' );
}
// Escapes &, <, >, ", `, and ' characters
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].escape_html && true === fusionAllElements[ this.model.get( 'element_type' ) ].escape_html ) {
attributes.params.element_content = _.escape( attributes.params.element_content );
}
// Manipulate model attributes via custom function if provided by element
if ( 'undefined' !== typeof fusionAllElements[ this.model.get( 'element_type' ) ].on_save ) {
functionName = fusionAllElements[ this.model.get( 'element_type' ) ].on_save;
if ( 'function' === typeof FusionApp.callback[ functionName ] ) {
attributes = FusionApp.callback[ functionName ]( attributes, this );
}
}
if ( 'multi_element_child' === this.model.get( 'multi' ) ) {
// Set element/model attributes
this.model.set( attributes );
FusionEvents.trigger( 'fusion-multi-element-edited' );
FusionEvents.trigger( 'fusion-multi-child-update-preview' );
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'undefined' !== typeof parentView ) {
parentView.updateElementContent();
// Close parent's settings dialog.
if ( event && 'undefined' !== typeof event.currentTarget && ( jQuery( event.currentTarget ).hasClass( 'fusiona-close-fb' ) || jQuery( event.currentTarget ).hasClass( 'ui-dialog-titlebar-close' ) ) ) {
FusionEvents.trigger( 'fusion-close-settings-' + this.model.get( 'parent' ) );
}
}
this.remove();
} else if ( 'multi_element_parent' === this.model.get( 'multi' ) ) {
// TODO: this.mode.set( 'params' );
this.model.set( attributes );
this.remove();
} else { // Regular element
this.remove();
}
// Change Heading text.
FusionApp.sidebarView.changeTabTitle();
if ( 'undefined' !== typeof this.elementView ) {
this.elementView.onSettingsClose();
}
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: this.model,
handleType: 'save',
attributes: this.model.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
if ( FusionPageBuilderApp.manuallyAdded ) {
FusionPageBuilderApp.shortcodeGenerator = FusionPageBuilderApp.manualGenerator;
FusionPageBuilderApp.shortcodeGeneratorEditorID = FusionPageBuilderApp.manualEditor;
FusionPageBuilderApp.manuallyAdded = false;
}
if ( 'undefined' !== typeof this.model && 'undefined' !== typeof this.model.get( 'multi' ) && 'multi_element_child' === this.model.get( 'multi' ) ) {
FusionEvents.trigger( 'fusion-child-changed' );
}
FusionEvents.trigger( 'fusion-settings-modal-save', this.model.get( 'cid' ) );
},
/**
* Saves the child and opens parent settings.
*
* @since 2.0.0
* @return {void}
*/
openParent: function( event ) {
var parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( parentView ) {
parentView.settings();
}
this.saveSettings( event );
},
/**
* Opens target dialog for generator insert/cancel.
*
* @since 2.0.0
* @return {void}
*/
openGeneratorTarget: function() {
var targetView = FusionPageBuilderViewManager.getView( this.model.get( 'target' ) );
if ( targetView && 'dialog' === FusionApp.preferencesData.editing_mode ) {
targetView.settings();
}
},
/**
* Closes the generator modal.
*
* @since 2.0.0
* @return {void}
*/
closeGeneratorModal: function() {
// Destroy element model
this.model.destroy();
FusionEvents.trigger( 'fusion-history-resume-tracking' );
FusionEvents.trigger( 'fusion-settings-modal-cancel' );
this.openGeneratorTarget();
this.remove();
},
/**
* Remove an MCE Editor.
*
* @since 2.0.0
* @param {string} id - The editor ID.
* @return {void}
*/
fusionBuilderMCEremoveEditor: function( id ) {
if ( 'undefined' !== typeof window.tinyMCE ) {
window.tinyMCE.execCommand( 'mceRemoveEditor', false, id );
if ( 'undefined' !== typeof window.tinyMCE.get( id ) ) {
window.tinyMCE.remove( '#' + id );
}
}
},
/**
* Runs before we start processing element settings dependencies.
*
* @since 2.0.0
* @return {void}
*/
beforeProcessDependencies: function() {
var view = this,
thisEl = view.$el,
shortcode = view.model.get( 'element_type' ),
dividerType,
upAndDown,
centerOption;
// Special check for section separator.
if ( 'undefined' !== typeof shortcode && 'fusion_section_separator' === shortcode ) {
dividerType = thisEl.find( '#divider_type' );
upAndDown = dividerType.closest( 'ul' ).find( 'li[data-option-id="divider_candy"]' ).find( '.fusion-option-divider_candy' ).find( '.ui-button[data-value="bottom,top"]' );
centerOption = dividerType.closest( 'ul' ).find( 'li[data-option-id="divider_position"]' ).find( '.fusion-option-divider_position' ).find( '.ui-button[data-value="center"]' );
if ( 'triangle' !== dividerType.val() ) {
upAndDown.hide();
} else {
upAndDown.show();
}
if ( 'bigtriangle' !== dividerType.val() ) {
centerOption.hide();
} else {
centerOption.show();
}
dividerType.on( 'change paste keyup', function() {
if ( 'triangle' !== jQuery( this ).val() ) {
upAndDown.hide();
} else {
upAndDown.show();
}
if ( 'bigtriangle' !== jQuery( this ).val() ) {
centerOption.hide();
if ( centerOption.hasClass( 'ui-state-active' ) ) {
centerOption.prev().click();
}
} else {
centerOption.show();
}
} );
}
},
addSliderVideo: function( event ) {
var defaultParams,
elementType,
targetCid = this.model.get( 'cid' );
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.manualGenerator = FusionPageBuilderApp.shortcodeGenerator;
FusionPageBuilderApp.manualEditor = FusionPageBuilderApp.shortcodeGeneratorEditorID;
FusionPageBuilderApp.manuallyAdded = true;
FusionPageBuilderApp.shortcodeGenerator = true;
FusionPageBuilderApp.shortcodeGeneratorEditorID = 'video';
elementType = jQuery( event.currentTarget ).data( 'type' );
// Get default options
defaultParams = fusionAllElements[ elementType ].defaults;
this.collection.add( [
{
type: 'generated_element',
added: 'manually',
element_type: elementType,
params: defaultParams,
target: targetCid
}
] );
},
defaultPreview: function( event ) {
var $element = jQuery( event.currentTarget );
if ( event ) {
event.preventDefault();
}
if ( FusionApp.sidebarView ) {
FusionApp.sidebarView.shortcutClick( $element );
}
},
showHideDescription: function( event ) {
var $element = jQuery( event.currentTarget );
$element.closest( '.fusion-builder-option' ).find( '.description' ).first().slideToggle( 250 );
$element.toggleClass( 'active' );
},
toggleSubGroup: function( event ) {
var $element = jQuery( event.currentTarget );
const $tabs = $element.closest( '.fusion-builder-option' ).find( '.fusion-builder-option-container' );
const $content = $element.closest( '.fusion-builder-option' ).next( '.fusion-subgroups-content-wrap' );
if ( $element.hasClass( 'active' ) ) {
$tabs.slideDown( 250, function() {
$content.slideDown( 500 );
} );
} else {
$content.slideUp( 500, function() {
$tabs.slideUp( 250 );
} );
}
$element.toggleClass( 'active' );
},
showResponsiveOptions: function( event ) {
var $element = jQuery( event.currentTarget ).parent();
$element.toggleClass( 'active-item' );
},
changeResponsiveOption: function( event ) {
var $element = jQuery( event.currentTarget );
var $parent = jQuery( event.currentTarget ).closest( 'li.active-item' );
jQuery( '.fusion-builder-preview-' + $element.data( 'indicator' ) ).trigger( 'click' );
$parent.removeClass( 'active-item' );
},
hideResponsiveOptions: function( event ) {
var $element = jQuery( event.currentTarget );
$element.find( '.fusion-panel-options li.active-item' ).removeClass( 'active-item' );
},
checkPageTemplate: function() {
var option = this.$el.find( 'li[data-option-id="hundred_percent"]' ),
postTypes = [ 'post', 'fusion_template', 'fusion_element' ];
if ( 'fusion_builder_container' === this.model.get( 'element_type' ) ) {
option.show();
// Normal post and content override is not active.
if ( 'fusion_tb_section' !== FusionApp.data.postDetails.post_type && 'object' !== typeof FusionApp.data.template_override.content ) {
// Check the post type.
if ( postTypes.includes( FusionApp.data.postDetails.post_type ) ) {
// Blog post.
if ( 'no' === FusionApp.data.postMeta._fusion.blog_width_100 || ( 'default' === FusionApp.data.postMeta._fusion.blog_width_100 && '0' === FusionApp.settings.blog_width_100 ) ) {
option.hide();
}
} else if ( 'avada_portfolio' === FusionApp.data.postDetails.post_type ) {
// Portfolio post.
if ( 'no' === FusionApp.data.postMeta._fusion.portfolio_width_100 || ( 'default' === FusionApp.data.postMeta._fusion.portfolio_width_100 && '0' === FusionApp.settings.portfolio_width_100 ) ) {
option.hide();
}
} else if ( '100-width.php' !== FusionApp.data.postMeta._wp_page_template ) {
// Page with default template.
option.hide();
}
} else if ( 'undefined' !== typeof FusionApp.data.postMeta._fusion.fusion_tb_section_width_100 && 'no' === FusionApp.data.postMeta._fusion.fusion_tb_section_width_100 ) { // Template Builder.
option.hide();
}
}
},
onInit: function() {
},
onCancel: function() {
},
defaultChanged: function( param, value ) {
var self = this,
$option = 0 < this.$el.find( 'li[data-option-id="' + param + '"]' ).length ? this.$el.find( 'li[data-option-id="' + param + '"]' ) : this.$el.find( '#' + param ).closest( '.fusion-builder-option' ),
optionType = false,
oldValue,
$target,
validColorValue,
values,
$datePicker,
$timePicker;
if ( ! $option.length ) {
return;
}
if ( $option.attr( 'data-option-type' ) ) {
optionType = $option.attr( 'data-option-type' );
}
if ( ! optionType ) {
optionType = $option.attr( 'class' ).replace( 'fusion-builder-option', '' ).trim();
}
switch ( optionType ) {
case 'colorpicker':
case 'colorpickeralpha':
$target = $option.find( '.awb-color-picker' );
if ( $target.length ) {
if ( 'undefined' === typeof $target.awbColorPicker( 'instance' ) ) {
break;
}
$target.awbColorPicker( 'instance' ).defaultColor( value );
if ( '' === $target.val() ) {
// Refresh the preview to global color.
$target.awbColorPicker( 'color', value );
$target.awbColorPicker( 'color', '' );
}
}
break;
case 'range':
if ( 'object' === typeof self.$rangeSlider && 'undefined' !== typeof self.$rangeSlider[ $option.attr( 'data-index' ) ] ) {
if ( $option.find( '.fusion-range-default' ).length ) {
oldValue = $option.find( '.fusion-range-default' ).attr( 'data-default' );
$option.find( '.fusion-range-default' ).attr( 'data-default', value );
}
self.$rangeSlider[ $option.attr( 'data-index' ) ].noUiSlider.options[ 'default' ] = value;
if ( oldValue === self.$rangeSlider[ $option.attr( 'data-index' ) ].noUiSlider.get() ) {
$option.find( '.fusion-range-default' ).trigger( 'click' );
}
}
break;
}
},
paramChanged: function( param, value ) {
var self = this,
$option = 0 < this.$el.find( 'li[data-option-id="' + param + '"]' ).length ? this.$el.find( 'li[data-option-id="' + param + '"]' ) : this.$el.find( '[name=' + param + ']' ).closest( '.fusion-builder-option' ),
optionType = false,
$target,
values,
$datePicker,
$timePicker;
if ( jQuery( '.fusion-table-builder-chart' ).length ) {
jQuery( '.fusion-table-builder-chart' ).closest( '.ui-dialog-content' ).dialog( 'close' );
}
if ( ! $option.length ) {
return;
}
if ( $option.attr( 'data-option-type' ) ) {
optionType = $option.attr( 'data-option-type' );
}
this.changesPaused = true;
if ( ! optionType ) {
optionType = $option.attr( 'class' ).replace( 'fusion-builder-option', '' ).trim();
}
switch ( optionType ) {
case 'iconpicker':
$option.find( '.icon_preview.selected-element' ).removeClass( 'selected-element' );
if ( value && 2 === value.split( ' ' ).length ) {
$option.find( '.icon-' + value.split( ' ' )[ 0 ] ).addClass( 'selected-element' );
}
$option.find( '#' + param ).val( value ).trigger( 'change' );
break;
case 'upload':
$option.find( '#' + param ).val( value ).trigger( 'change' );
$option.find( '.fusion-builder-upload-preview img' ).remove();
if ( value && '' !== value ) {
$option.find( '.fusion-upload-area:not( .fusion-uploaded-image )' ).addClass( 'fusion-uploaded-image' );
$option.find( '.fusion-builder-upload-preview' ).prepend( '<img src="' + value + '" />' );
} else {
$option.find( '.fusion-upload-area' ).removeClass( 'fusion-uploaded-image' );
}
break;
case 'multiple_select':
$option.find( '.fusion-select-preview' ).empty();
$option.find( 'input[type="checkbox"]' ).prop( 'checked', false );
if ( value && '' !== value ) {
values = value.split( ',' );
_.each( values, function( value ) {
$option.find( 'input[value="' + value + '"]' ).prop( 'checked', true );
$option.find( '.fusion-select-preview' ).append( '<span class="fusion-preview-selected-value" data-value="' + value + '">' + $option.find( 'input[value="' + value + '"]' ).attr( 'data-label' ) + '<span class="fusion-option-remove">x</span></span>' );
} );
}
if ( 0 === $option.find( '.fusion-select-preview .fusion-preview-selected-value' ).length ) {
$option.find( '.fusion-select-preview-wrap' ).addClass( 'fusion-select-show-placeholder' );
} else {
$option.find( '.fusion-select-preview-wrap' ).removeClass( 'fusion-select-show-placeholder' );
}
$option.find( '#' + param ).val( value ).trigger( 'change' );
break;
case 'tinymce':
if ( $option.find( '#child_' + param ).length ) {
param = 'child_' + param;
}
$option.find( '#' + param ).val( value );
if ( $option.find( '#' + param ).hasClass( 'fusion-editor-field' ) && 'undefined' !== typeof window.tinyMCE && window.tinyMCE.get( param ) && ! window.tinyMCE.get( param ).isHidden() ) {
if ( window.tinyMCE.get( param ).getParam( 'wpautop', true ) && 'undefined' !== typeof window.switchEditors ) {
value = window.switchEditors.wpautop( value );
}
window.tinyMCE.get( param ).setContent( value, { format: 'html' } );
}
break;
case 'date_time_picker':
$option.find( '#' + param ).val( value ).trigger( 'change' );
$datePicker = $option.find( '.fusion-date-picker' );
$timePicker = $option.find( '.fusion-time-picker' );
if ( -1 !== value.indexOf( ' ' ) && $datePicker.length && $timePicker.length ) {
values = value.split( ' ' );
$datePicker.val( values[ 0 ] );
$timePicker.val( values[ 1 ] );
} else if ( $datePicker.length ) {
$datePicker.val( value );
} else if ( $timePicker.length ) {
$timePicker.val( value );
}
break;
case 'raw_textarea':
case 'raw_text':
try {
value = FusionPageBuilderApp.base64Decode( value );
$option.find( '#' + param ).val( value ).trigger( 'change' );
} catch ( e ) {
console.warn( 'Something went wrong! Error triggered - ' + e );
}
break;
case 'code':
if ( 'undefined' !== typeof self.codeEditorOption[ $option.attr( 'data-index' ) ] ) {
try {
value = FusionPageBuilderApp.base64Decode( value );
self.codeEditorOption[ $option.attr( 'data-index' ) ].setValue( value );
} catch ( e ) {
console.warn( 'Something went wrong! Error triggered - ' + e );
}
}
break;
case 'range':
if ( 'undefined' !== typeof self.$rangeSlider[ $option.attr( 'data-index' ) ] ) {
if ( 'undefined' === typeof value || '' === value ) {
value = self.$rangeSlider[ $option.attr( 'data-index' ) ].noUiSlider.options[ 'default' ];
}
self.$rangeSlider[ $option.attr( 'data-index' ) ].noUiSlider.set( value );
}
break;
case 'checkbox_button_set':
$option.find( '.button-set-value' ).val( value ).trigger( 'change' );
$option.find( '.ui-state-active' ).removeClass( 'ui-state-active' );
if ( 'string' === typeof value && '' !== value ) {
values = value.split( ',' );
_.each( values, function( value ) {
$option.find( '[data-value="' + value + '"]' ).addClass( 'ui-state-active' );
} );
} else if ( 'hide_on_mobile' === param ) {
$option.find( '.buttonset-item' ).addClass( 'ui-state-active' );
}
break;
case 'select':
$target = $option.find( '.fusion-select-options .fusion-select-label[data-value="' + value + '"]' );
if ( $target.length ) {
$option.find( '.fusion-option-selected' ).removeClass( 'fusion-option-selected' );
$target.addClass( 'fusion-option-selected' );
$option.find( '.fusion-select-preview' ).html( $target.html() );
$option.find( '#' + param ).val( value ).trigger( 'fusion-change' );
}
break;
case 'colorpicker':
case 'colorpickeralpha':
$target = $option.find( '.fusion-builder-color-picker-hex' );
if ( $target.length ) {
$target.val( value ).trigger( 'change' );
}
break;
case 'radio_button_set':
$target = $option.find( '.buttonset-item[data-value="' + value + '"]' );
if ( $target.length ) {
$option.find( '.ui-state-active' ).removeClass( 'ui-state-active' );
$target.addClass( 'ui-state-active' );
$option.find( '#' + param ).val( value ).trigger( 'change' );
}
break;
case 'dimension':
$target = $option.find( '#' + param );
if ( $target.length ) {
$target.val( value ).trigger( 'change' );
}
break;
case 'sortable':
self.reRender();
break;
case 'sortable_text':
self.reRender();
break;
case 'connected_sortable':
self.reRender();
break;
default:
$option.find( '[name=' + param + ']' ).val( value ).trigger( 'change' );
break;
}
this.changesPaused = false;
}
} );
// Options
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionCodeBlock );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionColorPicker );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionDimensionField );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionIconPicker );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionOptionUpload );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.radioButtonSet );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionRangeField );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionSelectField );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionCheckboxButtonSet );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionDateTimePicker );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionEditor );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionAjaxSelect );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionMultiSelect );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionSwitchField );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionTextFieldPlaceholder );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionLinkSelector );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionRepeaterField );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionSortable );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionSortableText );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionConnectedSortable );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionDynamicData );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionTypographyField );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionColumnWidth );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionFormOptions );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionLogics );
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.options.fusionImageFocusPoint );
// Active states.
_.extend( FusionPageBuilder.ElementSettingsView.prototype, FusionPageBuilder.fusionActiveStates );
}( jQuery ) );
;/* global CodeMirror, fusionAppConfig, fusionAllElements, fusionBuilderConfig */
/* eslint no-shadow: 0 */
/* eslint no-empty: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function( $ ) {
var widgets, widget, widgetData, widgetDataPromise, widgetDataLoading, widgetDataLoaded, fusionConfig;
widgets = [];
/**
* Gets all widget HTML forms
* @param {Function} callback
*/
function getWidgetForms( callback ) {
if ( widgetDataLoaded ) {
return callback();
}
if ( widgetDataLoading ) {
widgetDataPromise.success( callback );
} else {
widgetDataLoading = true;
widgetDataPromise = jQuery.ajax( {
url: fusionConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'fusion_get_widget_form'
}
} ).done( function( response ) {
widgetDataLoaded = true;
widgetDataLoading = false;
widgetData = response.data;
// Fix for the hashed widget php class names
_.each( widgetData, function( value, key ) {
if ( 'undefined' === typeof fusionAllElements.fusion_widget.params.type.value[ key ] ) {
// Try to find a corresponding class name by widget name
jQuery.map( fusionAllElements.fusion_widget.params.type.value, function( val, i ) {
if ( val === value.name ) {
// Add the new class name key
value.title = i;
widgetData[ i ] = value;
// Delete the old class name key
widgetData[ key ][ 'delete' ];
}
} );
}
} );
return callback && callback();
} );
}
}
$( document ).ready( function() {
// Get correct fusion config in both front/backend
fusionConfig = ( 'undefined' !== typeof FusionApp ) ? fusionAppConfig : fusionBuilderConfig;
// Check if widget_element is enabled and get corresponding form html
if ( fusionConfig.widget_element_enabled ) {
getWidgetForms();
}
FusionPageBuilder.BaseWidgetSettingsView = FusionPageBuilder.ElementSettingsView.extend( {
/**
* Invalid widgets list
* Different from blacklist, because invalid widgets will force form append rather than use compatibility mode
*
* @since 2.0.0
*/
invalidWidgets: [ 'Fusion_Widget_Social_Links' ],
/**
* Creates a formatted widget form field name.
*
* @since 2.0.0
* @param {String} className
* @param {String} name
*/
createWidgetFieldName: function ( className, name ) {
var prefix = className.toLowerCase().replace( /\\/g, '_' ) + '__';
name = name.toLowerCase();
try {
prefix += name.match( /\[(.*?)\]/g ).slice( -1 )[ 0 ].replace( /\[|(\])/g, '' );
} catch ( e ) {}
return prefix;
},
/**
* Parses a widget and registers it to `widgets` variable.
*
* @since 2.0.0
* @param {Object} widget
* @param {String} className
*/
registerWidget: function( widget, className ) {
var $form,
selectors,
fields,
getElementAttributes,
incorrectFields,
self;
self = this;
fields = {};
// Make a form and insert widget form contents for easy manipulation
$form = $( '<form></form>' ).html( widget.form );
// HTML selectors we want to retrieve from `$form`
selectors = [
'fieldset',
'input',
'select',
'textarea'
].join( ',' );
getElementAttributes = function ( element, keys ) {
var result = {};
_.each( keys, function( key ) {
result[ key ] = element[ key ];
} );
return result;
};
// Start form parsing
$form.find( selectors ).not( '[type="button"]' ).each( function() {
var field, name;
// The form field attributes
field = getElementAttributes(
this,
[ 'id', 'className', 'name', 'tagName', 'type', 'value', 'placeholder', 'options', 'checked' ]
);
// The form field name
name = self.createWidgetFieldName( className, field.name );
// Map options for select elements
field.options = _.map( field.options, function( option ) {
return getElementAttributes( option, [ 'value', 'text', 'selected' ] );
} );
// Match field attributes to fusion form fields by tagName
switch ( field.tagName ) {
case 'INPUT': {
if ( [ 'text', 'number' ].includes( field.type ) ) {
field.type = 'textfield';
} else if ( 'checkbox' === field.type ) {
field.type = 'radio_button_set';
field.value = {
'on': 'On',
'off': 'Off'
};
// eslint-disable-next-line dot-notation
field.default = field.checked ? 'on' : 'off';
}
break;
}
case 'SELECT': {
field.type = 'select';
field.value = _.reduce( field.options, function( options, option ) {
if ( option.selected ) {
field[ 'default' ] = option.value;
}
options[ option.value ] = option.text;
return options;
}, {} );
break;
}
case 'TEXTAREA': {
field.type = 'textarea';
break;
}
default:
break;
}
// Match field attributes to fusion form fields
if ( field.id ) {
// Temporal fix for menu widget typo
field.id = 'widget-menu-widget--menu_Link_color' === field.id ? field.id.toLowerCase() : field.id;
field.heading = $form.find( 'label[for="' + field.id + '"]' ).text() || field.placeholder;
}
field.param_name = name;
// assing same ajax callback
field.callback = {};
field.callback[ 'function' ] = 'fusion_get_widget_markup';
field.callback.ajax = true;
if ( 'hidden' === field.type ) {
delete field.dependency;
field.hidden = true;
}
fields[ name ] = field;
} );
// Check if there were errors during parsing and add it to incorrect fields array
incorrectFields = _.find( fields, function ( field ) {
return ! field.heading || !field.name;
} );
widgets[ className ] = {
className: className,
fields: fields,
data: widget,
isInvalid: incorrectFields || this.invalidWidgets.includes( className ),
isCoreWidget: [ 'WP_Widget_Text', 'WP_Widget_Media_Audio', 'WP_Widget_Media_Image', 'WP_Widget_Media_Video', 'WP_Widget_Media_Gallery', 'WP_Widget_Custom_HTML' ].includes( className )
};
},
/**
* Register all widgets from `widgetData` to `widgets`
*
* @since 2.0.0
* @returns {void}
*/
registerWidgets: function () {
var self = this;
// Attach a callback to getWidgetForms() in case `widgetData` is not fully loaded
getWidgetForms( function() {
self.widgetData = widgetData;
// Just parse `widgetData` once
if ( ! widgets.length ) {
_.each( self.widgetData, self.registerWidget.bind( self ) );
}
self.setWidgetFields();
// HTML and Text widget especial unescape.
if ( widget ) {
if ( 'WP_Widget_Custom_HTML' === widget.className ) {
self.model.attributes.params.wp_widget_custom_html__content = _.unescape( self.model.attributes.params.wp_widget_custom_html__content );
} else if ( 'WP_Widget_Text' === widget.className ) {
self.model.attributes.params.wp_widget_text__text = _.unescape( self.model.attributes.params.wp_widget_text__text );
}
}
} );
},
/**
* Cleans selection of a appended widget form
*
* @since 2.0.0
* @returns {void}
*/
clean: function() {
//NOTE: required for form only
this.destroyWidgetOptions();
this.deleteWpModels();
this.cleanForm();
},
/**
* Cleans previous appended forms
*
* @since 2.0.0
* @return {void}
*/
cleanForm: function() {
this.$el.find( '.fusion-widget-settings-form' ).remove();
},
/**
* Appends form into settings view
*
* @since 2.2.0
* @return {void}
*/
insertForm: function () {
var container,
event,
formSettings,
widgetData,
codeElement,
$el,
widgetClassName,
self = this;
// Create form and append it below the widget selector.
container = this.$el.find( '#general .fusion_widget .fusion-builder-option:first ' );
widgetData = widget.data;
widgetClassName = widget.className;
formSettings = {
coreWidget: widget.isCoreWidget,
attributes: {
id: widgetData.id + '-' + this.cid,
base: widgetData.id,
form: widgetData.form,
type: widgetClassName,
class: widgetData.classname
},
widgetData: this.widgetData
};
this.appendedForm = this.formTemplate( formSettings );
container.after( this.appendedForm );
jQuery( container.next() ).find( 'label' ).each( function() {
if ( 'INPUT' === jQuery( this ).prev().prop( 'tagName' ) ) {
jQuery( this ).prev().before( jQuery( this ) );
}
jQuery( this ).children().insertAfter( jQuery( this ) );
} );
// Aditional steps for core widgets.
if ( formSettings.coreWidget ) {
$el = this.$el.find( '.widget-inside' ).parent();
this.setFormValues( widgetClassName );
// Create the core WP view.
event = new jQuery.Event( 'widget-added' );
if ( 'WP_Widget_Text' === widgetClassName ) {
wp.textWidgets.handleWidgetAdded( event, $el );
} else if ( 'WP_Widget_Custom_HTML' === widgetClassName ) {
wp.customHtmlWidgets.handleWidgetAdded( event, $el );
} else {
wp.mediaWidgets.handleWidgetAdded( event, $el );
}
this.$el.find( '.widget-inside' ).css( 'display', 'block' );
if ( this.$el.find( '.wp-editor-area' ).length ) {
setTimeout( function() {
wp.textWidgets.widgetControls[ 'text-' + self.cid ].initializeEditor();
}, 200 );
}
if ( this.$el.find( '.custom-html-widget-fields .code' ).length ) {
codeElement = this.$el.find( '.custom-html-widget-fields .code' );
self.codeBlock = codeElement.next( '.CodeMirror' ).get( 0 ).CodeMirror;
if ( ! self.codeBlock ) {
self.codeBlock = CodeMirror.fromTextArea( codeElement[ 0 ], {
lineNumbers: true,
lineWrapping: true,
autofocus: true,
mode: 'htmlmixed'
} );
}
// Refresh editor after initialization
setTimeout( function() {
self.codeBlock.refresh();
self.codeBlock.focus();
}, 100 );
}
} else {
$el = this.$el.find( '.fusion-widget-settings-form' );
this.setFormValues( widgetClassName );
setTimeout( function() {
$el.find( '.widget-inside' ).css( 'display', 'block' );
}, 100 );
}
},
/**
* Goes to each form value and set's default values or previously selected ones.
*
* @since 2.2.0
* @return {void}
*/
setFormValues: function( widgetClassName ) {
var self = this;
// Set form values
var paramPrefix = widgetClassName.toLowerCase() + '__';
_.each( this.model.attributes.params, function( value, key ) {
var $input, selector;
if ( 'type' !== key && -1 !== key.indexOf( paramPrefix ) ) {
selector = '[name$="[' + key.replace( paramPrefix, '' ) + ']"]';
$input = self.$el.find( selector );
}
if ( $input && $input.length ) {
if ( $input.is( ':checkbox' ) ) {
if ( 1 === parseInt( value ) || true === value || 'on' === value || 'enabled' === value ) {
$input.prop( 'checked', true );
} else {
$input.prop( 'checked', false );
}
} else {
$input.val( value );
}
}
} );
},
/**
* Delete the models.
*
* @since 2.2.0
* @returns {void}
*/
deleteWpModels: function() {
if ( 'undefined' !== typeof wp.mediaWidgets.widgetControls && 'undefined' !== typeof wp.mediaWidgets.modelCollection ) {
wp.mediaWidgets.modelCollection.reset();
wp.mediaWidgets.widgetControls = {};
}
if ( 'undefined' !== typeof wp.textWidgets.widgetControls ) {
wp.textWidgets.widgetControls = {};
}
if ( 'undefined' !== typeof wp.customHtmlWidgets.widgetControls ) {
wp.customHtmlWidgets.widgetControls = {};
}
},
/**
* Handler to destroy specific widget options.
*
* @since 2.2.0
* @returns {void}
*/
destroyWidgetOptions: function() {
// Remove each instance of tinyMCE editor from this view
this.$el.find( '.wp-editor-area' ).each( function() {
var editorID = jQuery( this ).attr( 'id' );
if ( 'undefined' !== typeof window.tinyMCE ) {
window.tinyMCE.execCommand( 'mceRemoveEditor', false, editorID );
if ( 'undefined' !== typeof window.tinyMCE.get( editorID ) ) {
window.tinyMCE.remove( '#' + editorID );
}
}
} );
},
/**
* Removes all generated options from selected widget
*
* @since 2.2.0
* @returns {void}
*/
cleanWidget: function() {
var self = this;
if ( ! widget ) {
return;
}
// Clean prev fields
_.each( widget.fields, function( field, key ) {
delete fusionAllElements.fusion_widget.params[ key ];
delete self.model.attributes.params[ key ];
} );
widget = null;
},
/**
* Returns current selected widget
*
* @since 2.2.0
* @returns {void}
*/
getWidget: function() {
return widget;
},
/**
* Sets the widget
* Action get's called when user selects a widget in <select />.
*
* @since 2.2.0
* @returns {void}
*/
setWidget: function() {
var className = this.model.attributes.params.type;
if ( ! className || ! widgets[ className ] ) {
return;
}
widget = widgets[ className ];
},
/**
* Updates settings fields according to the selected widget
*
* @since 2.2.0
* @returns {Void}
*/
updateWidget: function() {
var self = this;
if ( ! widget || widget.isCoreWidget || widget.isInvalid ) {
return;
}
// Update with widget fields
fusionAllElements.fusion_widget.params = _.extend(
{
type: fusionAllElements.fusion_widget.params.type
},
widget.fields,
fusionAllElements.fusion_widget.params
);
// Set default values
_.each( widget.fields, function( field, key ) {
// Skip if it already have a default param
if ( 'undefined' !== typeof self.model.attributes.params[ key ] ) {
return;
}
if ( 'object' === typeof field.value && field.value[ field[ 'default' ] ] ) {
self.model.attributes.params[ key ] = field[ 'default' ];
} else if ( 'object' !== typeof field.value && ( field[ 'default' ] || field.value ) ) {
self.model.attributes.params[ key ] = field[ 'default' ] || field.value;
}
} );
},
/**
* Sets settings fields according to the selected widget
*
* @since 2.2.0
* @returns {Void}
*/
setWidgetFields: function () {
if ( widget && widget.className === this.model.attributes.params.type ) {
return;
}
this.cleanWidget();
this.setWidget();
this.updateWidget();
}
} );
} );
}( jQuery ) );
;/* eslint-disable no-mixed-operators */
/* eslint no-useless-concat: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function( $ ) {
$( document ).ready( function() {
FusionPageBuilder.BulkAddView = window.wp.Backbone.View.extend( {
className: FusionPageBuilder.ElementSettingsView.prototype.className + ' fusion-builder-bulk-add-dialog',
template: FusionPageBuilder.template( $( '#fusion-builder-bulk-add-template' ).html() ),
events: {
'click .predefined-choice': 'predefinedChoices'
},
getChoices: function() {
var textarea = this.$el.find( 'textarea' ).val(),
choices = [];
if ( textarea ) {
_.each( textarea.split( /\n/ ), function( line ) {
var choice = line.trim();
if ( choice ) {
choices.push( choice );
}
} );
}
return choices;
},
predefinedChoices: function( event ) {
var $element = jQuery( event.target ),
value = $element.data( 'value' ),
choices;
if ( ! isNaN( value ) ) {
choices = this.options.choices[ value ].values;
choices = choices.join( '\n' );
this.$el.find( 'textarea' ).val( choices );
}
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager, fusionAppConfig, FusionEvents, fusionBuilderText, FusionPageBuilderApp, fusionGlobalManager */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Element View
FusionPageBuilder.ElementSettingsParent = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-child-sortables' ).html() ),
events: {
'click .fusion-builder-add-multi-child': 'addChildElement',
'click .fusion-builder-add-predefined-multi-child': 'addPredefinedChildElement',
'click .fusion-builder-add-multi-gallery-images': 'openMediaUploaderForGalleryAndImageCarousel',
'click .fusion-builder-multi-setting-remove': 'removeChildElement',
'click .fusion-builder-multi-setting-clone': 'cloneChildElement',
'click .fusion-builder-multi-setting-options': 'editChildElement'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.elementView = FusionPageBuilderViewManager.getView( this.model.get( 'cid' ) );
this.listenTo( FusionEvents, 'fusion-child-changed', this.render );
this.listenTo( this.model.children, 'add', this.render );
this.listenTo( this.model.children, 'remove', this.render );
this.listenTo( this.model.children, 'sort', this.render );
this.settingsView = this.attributes.settingsView;
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
this.$el.html( this.template( this.model ) );
this.sortableOptions();
return this;
},
/**
* Make sortable.
*
* @since 2.0.0
* @return {void}
*/
sortableOptions: function() {
var self = this;
this.$el.find( '.fusion-builder-sortable-children' ).sortable( {
axis: 'y',
cancel: '.fusion-builder-multi-setting-remove, .fusion-builder-multi-setting-options, .fusion-builder-multi-setting-clone',
helper: 'clone',
update: function( event, ui ) {
var content = '',
newIndex = ui.item.parent().children( '.ui-sortable-handle' ).index( ui.item ),
elementView = FusionPageBuilderViewManager.getView( ui.item.data( 'cid' ) ),
childView;
// Update collection
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, newIndex, self.model.get( 'cid' ) );
self.$el.find( '.fusion-builder-sortable-children li' ).each( function() {
childView = FusionPageBuilderViewManager.getView( jQuery( this ).data( 'cid' ) );
content += FusionPageBuilderApp.generateElementShortcode( childView.$el, false );
} );
self.elementView.setContent( content );
// After sorting of children remove the preview block class, as the mouseleave sometimes isn't triggered.
if ( ! jQuery( 'body' ).hasClass( 'fusion-sidebar-resizing' ) && jQuery( 'body' ).hasClass( 'fusion-preview-block' ) ) {
jQuery( 'body' ).removeClass( 'fusion-preview-block' );
}
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', window.fusionBuilderText.moved + ' ' + window.fusionAllElements[ childView.model.get( 'element_type' ) ].name + ' ' + window.fusionBuilderText.element );
}
} );
},
/**
* Adds a child element view and renders it.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addChildElement: function( event, predefinedParams ) {
if ( event ) {
event.preventDefault();
}
this.elementView.addChildElement( null, predefinedParams );
this.render();
this.settingsView.optionHasChanged = true;
},
/**
* Adds a children element views and renders it, used in Bulk Add dialog.
*
* @since 3.5.0
* @param {Object} event - The event.
* @return {void}
*/
addPredefinedChildElement: function( event ) {
var self = this,
modalView;
if ( event ) {
event.preventDefault();
}
if ( jQuery( '.fusion-builder-settings-bulk-dialog' ).length ) {
return;
}
modalView = new FusionPageBuilder.BulkAddView( {
choices: fusionAppConfig.predefined_choices
} );
jQuery( modalView.render().el ).dialog( {
title: ( fusionBuilderText.bulk_add + ' / ' + fusionBuilderText.bulk_add_predefined ),
dialogClass: 'fusion-builder-dialog fusion-builder-settings-dialog bulk-add-dialog',
resizable: false,
width: 450,
buttons: [
{
text: fusionBuilderText.cancel,
click: function() {
jQuery( this ).dialog( 'close' );
}
},
{
text: fusionBuilderText.bulk_add_insert_choices,
click: function() {
var choices = modalView.getChoices();
event.preventDefault();
_.each( choices, function( choice ) {
var predefinedParams = {};
if ( -1 !== choice.indexOf( '||' ) ) {
// We have multiple params in one choice.
_.each( choice.split( '||' ), function( param ) {
var paramKeyValue = param.split( '|' );
predefinedParams[ paramKeyValue[ 0 ] ] = {};
predefinedParams[ paramKeyValue[ 0 ] ].param_name = paramKeyValue[ 0 ].trim();
predefinedParams[ paramKeyValue[ 0 ] ].value = paramKeyValue[ 1 ].trim();
} );
} else {
// Use choice as element_content.
predefinedParams = {
'element_content': {
param_name: 'element_content',
value: choice
}
};
}
self.addChildElement( null, predefinedParams );
} );
jQuery( this ).dialog( 'close' );
},
class: 'ui-button-blue'
}
],
open: function() {
jQuery( '.fusion-builder-modal-settings-container' ).css( 'z-index', 9998 );
},
beforeClose: function() {
jQuery( '.fusion-builder-modal-settings-container' ).css( 'z-index', 99999 );
jQuery( this ).remove();
}
} );
},
/**
* Open a WP Media, to select multiple images, for Gallery Element and Image Carousel Element.
*
* @since 3.5.0
* @param {Object} event - The event.
* @return {void}
*/
openMediaUploaderForGalleryAndImageCarousel: function( event ) {
var multi_upload_button = jQuery( event.currentTarget ).closest( '.fusion-tabs' ).find( '.fusion-multiple-upload-image input' );
var originalButtonEvent;
if ( event ) {
event.preventDefault();
}
originalButtonEvent = this.settingsView.openMultipleMedia.bind( multi_upload_button );
originalButtonEvent( event );
},
/**
* Removes a child element view and rerenders.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
removeChildElement: function( event ) {
var childCid,
childView,
MultiGlobalArgs;
childCid = jQuery( event.target ).closest( '.fusion-builder-data-cid' ).data( 'cid' );
childView = FusionPageBuilderViewManager.getView( childCid );
event.preventDefault();
childView.removeElement( event );
this.render();
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: childView.model,
handleType: 'changeOption'
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
this.settingsView.optionHasChanged = true;
},
/**
* Clones a child element view and rerenders.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
cloneChildElement: function( event ) {
var childCid,
childView,
parentView,
MultiGlobalArgs;
childCid = jQuery( event.target ).closest( '.fusion-builder-data-cid' ).data( 'cid' );
childView = FusionPageBuilderViewManager.getView( childCid );
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'cid' ) );
event.preventDefault();
childView.cloneElement();
this.render();
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: childView.model,
handleType: 'changeOption'
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
this.settingsView.optionHasChanged = true;
},
/**
* Edits a child element view and rerenders.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
editChildElement: function( event ) {
var childCid = jQuery( event.target ).closest( '.fusion-builder-data-cid' ).data( 'cid' ),
childView = FusionPageBuilderViewManager.getView( childCid );
event.preventDefault();
childView.settings();
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderEvents, fusionBuilderText, FusionPageBuilderApp, fusionAppConfig, FusionApp, FusionEvents, ajaxurl */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function( $ ) {
$( document ).ready( function() {
// Base Library View
FusionPageBuilder.BaseLibraryView = window.wp.Backbone.View.extend( {
/**
* Array of studio content's media.
*/
mediaImportKeys: [],
/**
* Studio Import Modal View.
*/
studioImportModalView: null,
/**
* Demo Import Modal View.
*/
demoImportModalView: null,
initialize: function( attributes ) {
this.options = attributes;
this.listenTo( FusionEvents, 'fusion-studio-content-imported', this.loadBuilderAssets );
this.listenTo( FusionEvents, 'awb-studio-import-modal-closed', this.removeView );
},
triggerPreviewChanges: function( event ) {
var $wrapper = jQuery( event.currentTarget ).closest( '.studio-wrapper' ),
changeCounter = 0,
overWriteType,
shouldInvert,
options;
// Early exit if not in preview mode.
if ( ! $wrapper.hasClass( 'fusion-studio-preview-active' ) ) {
return;
}
overWriteType = $wrapper.find( 'input[name="overwrite-type"]:checked' ).val();
shouldInvert = $wrapper.find( 'input[name="invert"]:checked' ).val();
options = {
'overWriteType': overWriteType,
'shouldInvert': shouldInvert
};
jQuery.each( options, function( index, value ) {
if ( options[ index ] !== FusionApp.preferencesData[ index ] ) {
FusionApp.preferencesData[ index ] = options[ index ];
changeCounter++;
}
} );
if ( 0 < changeCounter ) {
FusionEvents.trigger( 'awb-update-studio-item-preview' );
}
},
removeView: function() {
FusionPageBuilderApp.activeModal = '';
this.remove();
},
loadStudio: function( type ) {
var self = this,
$container = 'fusion_template' === type ? jQuery( '#fusion-builder-' + type + '-studio' ) : this.$el.find( '#fusion-builder-' + type + '-studio' ),
$layoutsContainer = $container.find( '.studio-imports' ),
$sidebar = $container.find( 'aside > ul' );
// Early exit if studio is not active.
if ( '1' !== fusionAppConfig.studio_status ) {
return;
}
FusionPageBuilderApp.activeStudio = type;
FusionPageBuilderApp.studio.setOptions( $layoutsContainer );
// Ajax request for data.
if ( ! $layoutsContainer.children().length ) {
// Already have the data, append the layouts we want.
if ( FusionPageBuilderApp.studio.studioData ) {
self.insertStudioContent( $layoutsContainer, $sidebar, type );
return;
}
// Make the request and do it on success.
jQuery.when( FusionPageBuilderApp.studio.getStudioData() ).done( function() {
self.insertStudioContent( $layoutsContainer, $sidebar, type );
} );
return;
}
FusionPageBuilderApp.studio.initFilter( $sidebar );
FusionPageBuilderApp.studio.initLazyLoad( $layoutsContainer );
},
insertStudioContent: function( $layoutsContainer, $sidebar, type ) {
var studioTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_studio_layout' ).html() ),
studioElements = {};
$layoutsContainer.prev( '.fusion-loader' ).hide();
// TB section.
if ( 'fusion_template' === type && 'string' === typeof FusionApp.data.template_category ) {
type = FusionApp.data.template_category;
}
// Forms.
if ( 'fusion_template' === type && 'string' === typeof FusionApp.data.postDetails.post_type && 'fusion_form' === FusionApp.data.postDetails.post_type ) {
type = 'forms';
}
// Off Canvas.
if ( 'fusion_template' === type && 'string' === typeof FusionApp.data.postDetails.post_type && 'awb_off_canvas' === FusionApp.data.postDetails.post_type ) {
type = 'awb_off_canvas';
}
if ( 'object' === typeof FusionPageBuilderApp.studio.studioData && null !== FusionPageBuilderApp.studio.studioData && 'undefined' !== typeof FusionPageBuilderApp.studio.studioData[ type ] ) {
studioElements = FusionPageBuilderApp.studio.filterLayouts( FusionPageBuilderApp.studio.studioData[ type ] );
_.each( studioElements, function( templateData ) {
$layoutsContainer.append( jQuery( studioTemplate( templateData ) ) );
} );
// TODO: needs to be translatable.
$sidebar.append( '<li data-slug="all" class="current">' + fusionBuilderText.all + ' <span>' + _.size( studioElements ) + '</span></li>' );
_.each( FusionPageBuilderApp.studio.studioData.studio_tags[ type ], function( templateTag ) {
$sidebar.append( '<li data-slug="' + templateTag.slug + '">' + templateTag.name + ' <span>' + templateTag.count + '</span></li>' );
} );
}
FusionPageBuilderApp.studio.initFilter( $sidebar );
FusionPageBuilderApp.studio.initLazyLoad( $layoutsContainer );
},
/**
* Toggles import options.
*
* @since 3.7
* @param {Object} event - The event.
* @return {void}
*/
toggleImportOptions: function( event ) {
var $wrapper = jQuery( event.currentTarget ).closest( '.studio-wrapper' );
if ( ! $wrapper.hasClass( 'fusion-studio-preview-active' ) ) {
$wrapper.find( '.awb-import-options' ).toggleClass( 'open' );
}
},
/**
* Things to do before studio item import starts.
*
* @return void
*/
beforeStudioItemImport: function() {
// Hide library modal and it's overlay.
this.$el.closest( '.ui-dialog' ).css( 'display', 'none' ).next( '.ui-widget-overlay' ).css( 'display', 'none' );
// Display import modal.
this.studioImportModalView = new FusionPageBuilder.StudioImportModalView();
jQuery( 'body' ).append( this.studioImportModalView.render().el );
this.studioImportModalView.updateStatus( fusionBuilderText.studio_importing_content );
},
/**
* Imports studio post's media.
*
* @param {object} postData
* * @param {string} mediaKey
* * @param {object} importOptions
* @return promise
*/
importStudioMedia: function( postData, mediaKey, importOptions ) {
this.studioImportModalView.updateStatus( fusionBuilderText.studio_importing_media + ' ' + mediaKey.replace( '_', ' ' ) );
this.studioImportModalView.updateProgressBar( postData.avada_media, mediaKey );
return jQuery.ajax( {
type: 'POST',
url: ajaxurl,
dataType: 'JSON',
data: {
action: 'awb_studio_import_media',
data: {
mediaImportKey: mediaKey,
postData: postData
},
overWriteType: importOptions.overWriteType,
shouldInvert: importOptions.shouldInvert,
imagesImport: importOptions.imagesImport,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce
},
success: function( data ) {
FusionPageBuilderApp.studio.setImportData( data );
}
} );
},
/**
* Imports demo page's media.
*
* @param {object} postData
* @return promise
*/
importDemoPageMedia: function( postData, mediaKey ) {
this.demoImportModalView.updateStatus( fusionBuilderText.demo_importing_media + ' ' + mediaKey.replace( '_', ' ' ) );
this.demoImportModalView.updateProgressBar( postData.avada_media, mediaKey );
return jQuery.ajax( {
type: 'POST',
url: ajaxurl,
dataType: 'JSON',
data: {
action: 'awb_studio_import_media',
data: {
mediaImportKey: mediaKey,
postData: postData
},
fusion_load_nonce: fusionAppConfig.fusion_load_nonce
},
success: function( data ) {
FusionPageBuilderApp.website.setImportData( data );
}
} );
},
loadWebsite: function() {
var self = this,
$container = jQuery( '#fusion-builder-layouts-demos' ),
$sidebar = $container.find( 'aside' ),
$layoutsContainer = $container.find( '.studio-imports' );
// Ajax request for data.
if ( ! $container.find( '.studio-imports' ).children().length ) {
// Already have the data, append the layouts we want.
if ( FusionPageBuilderApp.website.websiteData ) {
self.insertWebsiteContent( $container );
return;
}
// Make the request and do it on success.
jQuery.when( FusionPageBuilderApp.website.getWebsiteData() ).done( function() {
self.insertWebsiteContent( $container );
} );
}
FusionPageBuilderApp.website.initFilter( $sidebar );
FusionPageBuilderApp.website.initLazyLoad( $layoutsContainer );
FusionPageBuilderApp.website.initImport( $container );
},
insertWebsiteContent: function( $container ) {
var $layoutsContainer = $container.find( '.studio-imports' ),
$sidebar = $container.find( 'aside' ),
$pagesContainer = $container.find( '.awb-pages-container' ),
siteTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_website_layout' ).html() ),
pageTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_website_pages' ).html() ),
sidebarTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_website_tags' ).html() ),
siteElements = {},
classes;
$layoutsContainer.prev( '.fusion-loader' ).hide();
if ( 'object' === typeof FusionPageBuilderApp.website.websiteData ) {
$container.find( '.awb-sites-failed-msg' ).hide()
.end().find( '.awb-sites-wrapper' ).css( 'display', '' );
siteElements = FusionPageBuilderApp.website.websiteData.data;
_.each( siteElements, function( templateData ) {
$layoutsContainer.append( jQuery( siteTemplate( templateData ) ) );
$pagesContainer.append( jQuery( pageTemplate( templateData ) ) );
} );
$sidebar.append( jQuery( sidebarTemplate( FusionPageBuilderApp.website.websiteData ) ) );
} else {
$container.find( '.awb-sites-failed-msg' ).show()
.end().find( '.awb-sites-wrapper' ).hide();
}
FusionPageBuilderApp.website.initFilter( $sidebar );
FusionPageBuilderApp.website.initLazyLoad( $layoutsContainer );
FusionPageBuilderApp.website.initImport( $container );
},
/**
* Things to do before demo page import starts.
*
* @return void
*/
beforeDemoPageImport: function() {
// Close library modal.
this.removeView();
// Display import modal.
this.demoImportModalView = new FusionPageBuilder.DemoImportModalView();
jQuery( 'body' ).append( this.demoImportModalView.render().el );
this.demoImportModalView.updateStatus( fusionBuilderText.demo_importing_content );
},
/**
* Dynamically loads assets which are referenced in the studio content import.
*
* @param {Object} post_data
*/
loadBuilderAssets: function( post_data ) {
// Enqueue custom icons' CSS file, update global icons object and reinit iconpickers.
if ( 'undefined' !== typeof post_data.custom_icons ) {
jQuery.each( post_data.custom_icons, function( index, customIconSet ) {
// Builder window.
jQuery( 'head' ).append( '<link rel="stylesheet" id="' + customIconSet.post_name + '" href="' + customIconSet.css_url + '" type="text/css" media="all">' );
// Preview window.
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'head' ).append( '<link rel="stylesheet" id="' + customIconSet.post_name + '" href="' + customIconSet.css_url + '" type="text/css" media="all">' );
// Update global icons object.
// It should be an object, wp_localize_script doesnt convert empty array to an object.
if ( Array.isArray( fusionAppConfig.customIcons ) && 0 === fusionAppConfig.customIcons.length ) {
fusionAppConfig.customIcons = {};
}
fusionAppConfig.customIcons[ customIconSet.post_name ] = customIconSet;
} );
// Reinit icon picker after all new custom icon sets were added.
FusionApp.reInitIconPicker();
}
},
/**
* Get import options.
*
* @since 3.7
* @param {Object} event - The event.
* @return {object}
*/
getImportOptions: function( event ) {
var $wrapper = jQuery( event.currentTarget ).closest( '.studio-wrapper' ),
overWriteType = $wrapper.find( 'input[name="overwrite-type"]:checked' ).val(),
shouldInvert = $wrapper.find( 'input[name="invert"]:checked' ).val(),
contentPlacement = $wrapper.find( 'input[name="load-type"]:checked' ).val(),
imagesImport = $wrapper.find( 'input[name="images"]:checked' ).val(),
layoutID = jQuery( event.currentTarget ).closest( '.fusion-page-layout' ).data( 'layout-id' ),
options;
options = {
'overWriteType': overWriteType,
'layoutID': layoutID,
'shouldInvert': shouldInvert,
'contentPlacement': contentPlacement,
'imagesImport': imagesImport
};
if ( this.areOptionsChanged( options ) ) {
this.saveStudioPreferences( options );
}
return options;
},
/**
* Checks if studio options are changed.
*
* @since 3.7
* @param {Object} options - The options.
* @return {Boolean}
*/
areOptionsChanged: function( options ) {
var preferencesChanged = [],
i;
jQuery.each( options, function( index, value ) {
if ( 'layoutID' === index ) {
return true;
}
if ( options[ index ] !== FusionApp.preferencesData[ index ] ) {
preferencesChanged.push( index );
}
} );
for ( i = 0; i < preferencesChanged.length; i++ ) {
FusionEvents.trigger( 'fusion-preferences-' + preferencesChanged[ i ] + '-updated' );
}
return preferencesChanged.length ? true : false;
},
/**
* Saves studio preferences.
*
* @since 3.7
* @param {Object} options - The options.
* @return {void}
*/
saveStudioPreferences: function( options ) {
// Update data.
FusionApp.preferencesData.overWriteType = options.overWriteType;
FusionApp.preferencesData.shouldInvert = options.shouldInvert;
FusionApp.preferencesData.contentPlacement = options.contentPlacement;
FusionApp.preferencesData.imagesImport = options.imagesImport;
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_app_save_builder_preferences',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
preferences: FusionApp.preferencesData
}
} )
.done( function( response ) {
FusionApp.preferences = response;
} );
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, fusionAppConfig, fusionGlobalManager, fusionBuilderText, FusionEvents, fusionAllElements, FusionPageBuilderViewManager */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Elements View
FusionPageBuilder.ElementLibraryView = FusionPageBuilder.BaseLibraryView.extend( {
className: 'fusion_builder_modal_settings',
events: {
'click .fusion-builder-all-modules .fusion-builder-element:not(.fusion-builder-element-generator,.fusion-builder-disabled-element)': 'addModule',
'click .fusion_builder_custom_elements_load': 'addCustomModule',
'click .fusion-builder-column-layouts li': 'addNestedColumns',
'click .awb-import-options-toggle': 'toggleImportOptions',
'click .awb-import-studio-item': 'loadStudioElement',
'change .awb-import-options .awb-import-style input[name="overwrite-type"]': 'triggerPreviewChanges',
'change .awb-import-options .awb-import-inversion input[name="invert"]': 'triggerPreviewChanges'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function( attributes ) {
this.options = attributes;
if ( true === FusionPageBuilderApp.shortcodeGenerator ) {
this.template = FusionPageBuilder.template( jQuery( '#fusion-builder-generator-modules-template' ).html() );
} else if ( 'fusion_builder_column_inner' === this.model.get( 'element_type' ) ) {
this.template = FusionPageBuilder.template( jQuery( '#fusion-builder-nested-column-modules-template' ).html() );
} else {
this.template = FusionPageBuilder.template( jQuery( '#fusion-builder-modules-template' ).html() );
}
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
this.$el.html( this.template( FusionPageBuilderApp.elements ) );
// Load saved elements
FusionPageBuilderApp.showSavedElements( 'elements', this.$el.find( '#custom-elements' ) );
FusionApp.elementSearchFilter( this.$el );
FusionApp.dialog.dialogTabs( this.$el );
this.loadStudio( 'elements' );
return this;
},
/**
* Adds a custom element and triggers an ajax call.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addCustomModule: function( event ) {
var layoutID,
title,
self = this,
isGlobal,
targetElement;
if ( event ) {
event.preventDefault();
}
if ( true === FusionApp.layoutIsLoading ) {
return;
}
FusionApp.layoutIsLoading = true;
layoutID = jQuery( event.currentTarget ).closest( 'li' ).data( 'layout_id' );
title = jQuery( event.currentTarget ).find( '.fusion_module_title' ).text();
isGlobal = jQuery( event.currentTarget ).closest( 'li' ).hasClass( 'fusion-global' );
if ( 'undefined' !== typeof this.options.targetElement ) {
targetElement = this.options.targetElement;
}
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).css( 'opacity', '0' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).prev( '#fusion-loader' ).show();
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_is_global: isGlobal,
fusion_layout_id: layoutID
}
} )
.done( function( data ) {
var dataObj = JSON.parse( data );
if ( 'undefined' !== typeof targetElement ) {
FusionPageBuilderApp.shortcodesToBuilder( dataObj.post_content, FusionPageBuilderApp.parentColumnId, false, false, targetElement, 'after' );
} else {
FusionPageBuilderApp.shortcodesToBuilder( dataObj.post_content, FusionPageBuilderApp.parentColumnId );
}
FusionApp.layoutIsLoading = false;
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).css( 'opacity', '1' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).prev( '#fusion-loader' ).hide();
if ( isGlobal ) {
setTimeout( fusionGlobalManager.handleGlobalsFromLibrary, 500, layoutID, FusionPageBuilderApp.parentColumnId );
}
} )
.always( function() {
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_custom_element + title );
FusionEvents.trigger( 'fusion-content-changed' );
self.removeView();
} );
},
/**
* Adds an element.
*
* @param {Object} event - The event.
* @return {void}
*/
addModule: function( event ) {
var $thisEl,
label,
params,
multi,
type,
name,
defaultParams,
allowGenerator,
currentModel,
childUi,
elementParams,
MultiGlobalArgs;
if ( event ) {
event.preventDefault();
}
$thisEl = jQuery( event.currentTarget );
label = $thisEl.find( '.fusion_module_label' ).text();
if ( label in fusionAllElements ) {
defaultParams = fusionAllElements[ label ].params;
multi = fusionAllElements[ label ].multi;
type = fusionAllElements[ label ].shortcode;
name = fusionAllElements[ label ].name;
allowGenerator = fusionAllElements[ label ].allow_generator;
childUi = fusionAllElements[ label ].child_ui;
} else {
defaultParams = '';
multi = '';
type = '';
allowGenerator = '';
}
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
params[ param.param_name ] = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
} );
elementParams = {
type: 'element',
added: 'manually',
cid: FusionPageBuilderViewManager.generateCid(),
element_type: type,
params: params,
parent: this.attributes[ 'data-parent_cid' ],
view: this.options.view,
allow_generator: allowGenerator,
inline_editor: FusionPageBuilderApp.inlineEditorHelpers.inlineEditorAllowed( type ),
multi: multi,
child_ui: childUi,
at_index: FusionPageBuilderApp.getCollectionIndex( this.options.targetElement )
};
if ( 'undefined' !== typeof this.options.targetElement ) {
elementParams.targetElement = this.options.targetElement;
elementParams.targetElementPosition = 'after';
}
currentModel = this.collection.add( [ elementParams ] );
this.remove();
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: currentModel[ 0 ],
handleType: 'save',
attributes: currentModel[ 0 ].attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added + ' ' + name + ' ' + fusionBuilderText.element );
FusionEvents.trigger( 'fusion-content-changed' );
},
/**
* Adds nested columns.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addNestedColumns: function( event ) {
var moduleID,
$layoutEl,
layout,
layoutElementsNum,
innerRow,
elementParams;
if ( event ) {
event.preventDefault();
}
moduleID = FusionPageBuilderViewManager.generateCid();
elementParams = {
type: 'fusion_builder_row_inner',
element_type: 'fusion_builder_row_inner',
added: 'manually',
cid: moduleID,
parent: this.model.get( 'cid' ),
view: this,
at_index: FusionPageBuilderApp.getCollectionIndex( this.options.targetElement )
};
if ( 'undefined' !== typeof this.options.targetElement ) {
elementParams.targetElement = this.options.targetElement;
elementParams.targetElementPosition = 'after';
}
this.collection.add( [ elementParams ] );
innerRow = FusionPageBuilderViewManager.getView( moduleID );
FusionPageBuilderApp.activeModal = 'column';
$layoutEl = jQuery( event.target ).is( 'li' ) ? jQuery( event.target ) : jQuery( event.target ).closest( 'li' );
layout = $layoutEl.data( 'layout' ).split( ',' );
layoutElementsNum = _.size( layout );
_.each( layout, function( element, index ) {
var updateContent = layoutElementsNum == ( index + 1 ) ? 'true' : 'false'; // jshint ignore: line
innerRow.addNestedColumn( element, false );
} );
this.remove();
FusionEvents.trigger( 'fusion-content-changed' );
innerRow.setRowData();
// Used to ensure if cancel that the columns are part of initial content.
innerRow.updateSavedContent();
if ( event ) {
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_nested_columns );
FusionEvents.trigger( 'fusion-content-changed' );
}
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-content-changed', innerRow.$el.closest( '.fusion-builder-column-outer' ).data( 'cid' ) );
}, 300 );
},
/**
* Adds studio element.
*
* @since 2.0.0
* @param {Object} [event] The event.
* @return {void}
*/
loadStudioElement: function( event ) {
var self = this,
importOptions = this.getImportOptions( event ),
targetElement;
if ( event ) {
event.preventDefault();
}
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
if ( 'undefined' !== typeof this.options.targetElement ) {
targetElement = this.options.targetElement;
}
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_is_global: false,
fusion_layout_id: importOptions.layoutID,
fusion_studio: true,
overWriteType: importOptions.overWriteType,
shouldInvert: importOptions.shouldInvert,
imagesImport: importOptions.imagesImport,
category: 'elements',
post_id: FusionApp.getPost( 'post_id' )
},
beforeSend: function() {
self.beforeStudioItemImport();
},
success: function( data ) {
var i,
promises = [],
dfd = jQuery.Deferred(), // Master deferred.
dfdNext = dfd; // Next deferred in the chain.
dfd.resolve();
// Reset array.
self.mediaImportKeys = [];
// We have the content, let's check for assets.
// Filter out empty properties (now those are empty arrays).
if ( 'object' === typeof data.avada_media ) {
Object.keys( data.avada_media ).forEach( function( key ) {
// We expect and object.
if ( 'object' === typeof data.avada_media[ key ] && ! Array.isArray( data.avada_media[ key ] ) ) {
self.mediaImportKeys.push( key );
}
} );
}
// Import studio media if needed.
if ( 0 < self.mediaImportKeys.length ) {
// Set first AJAX response as initial data.
FusionPageBuilderApp.studio.setImportData( data );
for ( i = 0; i < self.mediaImportKeys.length; i++ ) {
// IIFE to freeze the value of i.
( function( k ) { // eslint-disable-line no-loop-func
dfdNext = dfdNext.then( function() {
return self.importStudioMedia( FusionPageBuilderApp.studio.getImportData(), self.mediaImportKeys[ k ], importOptions );
} );
promises.push( dfdNext );
}( i ) );
}
jQuery.when.apply( null, promises ).then(
function() {
/*
var lastAjaxResponse;
if ( 1 === promises.length ) {
lastAjaxResponse = arguments[ 0 ];
} else {
lastAjaxResponse = arguments[ promises.length - 1 ][ 0 ];
}
*/
if ( 'undefined' !== typeof targetElement ) {
FusionPageBuilderApp.shortcodesToBuilder( FusionPageBuilderApp.studio.getImportData().post_content, FusionPageBuilderApp.parentColumnId, false, false, targetElement, 'after' );
} else {
FusionPageBuilderApp.shortcodesToBuilder( FusionPageBuilderApp.studio.getImportData().post_content, FusionPageBuilderApp.parentColumnId );
}
FusionPageBuilderApp.layoutIsLoading = false;
FusionEvents.trigger( 'fusion-studio-content-imported', FusionPageBuilderApp.studio.getImportData() );
self.studioElementImportComplete( event );
// Reset import data.
FusionPageBuilderApp.studio.resetImportData();
},
function() {
self.studioImportModalView.updateStatus( fusionBuilderText.studio_importing_content_failed );
self.studioElementImportComplete( event );
// Reset import data.
FusionPageBuilderApp.studio.resetImportData();
}
);
} else {
if ( 'undefined' !== typeof targetElement ) {
FusionPageBuilderApp.shortcodesToBuilder( data.post_content, FusionPageBuilderApp.parentColumnId, false, false, targetElement, 'after' );
} else {
FusionPageBuilderApp.shortcodesToBuilder( data.post_content, FusionPageBuilderApp.parentColumnId );
}
FusionPageBuilderApp.layoutIsLoading = false;
FusionEvents.trigger( 'fusion-studio-content-imported', data );
self.studioElementImportComplete( event );
}
}
} );
},
/**
* Does what needs to be done when element is imported.
*
* @since 3.5
* @param {Object} event - The event.
*/
studioElementImportComplete: function( event ) {
var $layout = jQuery( event.currentTarget ).closest( '.fusion-page-layout' ),
title = $layout.find( '.fusion_module_title' ).text();
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
// Unset 'added' attribute from newly created row model
this.model.unset( 'added' );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_studio_element + title );
FusionEvents.trigger( 'fusion-content-changed' );
// Remove modal view.
this.studioImportModalView.remove();
// Close library modal.
this.removeView();
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, fusionAppConfig, fusionBuilderText, FusionEvents, fusionAllElements, FusionPageBuilderViewManager */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Column Library View
FusionPageBuilder.ColumnLibraryView = FusionPageBuilder.BaseLibraryView.extend( {
className: 'fusion_builder_modal_settings',
template: FusionPageBuilder.template( jQuery( '#fusion-builder-column-library-template' ).html() ),
events: {
'click .fusion-builder-column-layouts li': 'addColumns',
'click .fusion_builder_custom_columns_load': 'addCustomColumn',
'click .awb-import-options-toggle': 'toggleImportOptions',
'click .awb-import-studio-item': 'loadStudioColumn',
'change .awb-import-options .awb-import-style input[name="overwrite-type"]': 'triggerPreviewChanges',
'change .awb-import-options .awb-import-inversion input[name="invert"]': 'triggerPreviewChanges'
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
this.$el.html( this.template( this.model.toJSON() ) );
FusionPageBuilderApp.showSavedElements( 'columns', this.$el.find( '#custom-columns' ) );
FusionApp.elementSearchFilter( this.$el );
FusionApp.dialog.dialogTabs( this.$el );
this.loadStudio( 'columns' );
return this;
},
/**
* Adds a custom column.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addCustomColumn: function( event ) {
var thisModel,
layoutID,
title,
self = this,
isGlobal;
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.activeModal = 'column';
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
thisModel = this.model;
layoutID = jQuery( event.currentTarget ).data( 'layout_id' );
title = jQuery( event.currentTarget ).find( '.fusion_module_title' ).text();
isGlobal = jQuery( event.currentTarget ).closest( 'li' ).hasClass( 'fusion-global' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).css( 'opacity', '0' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).prev( '#fusion-loader' ).show();
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_is_global: isGlobal,
fusion_layout_id: layoutID
}
} )
.done( function( data ) {
var dataObj = JSON.parse( data );
FusionPageBuilderApp.shortcodesToBuilder( dataObj.post_content, FusionPageBuilderApp.parentRowId );
FusionPageBuilderApp.layoutIsLoading = false;
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).css( 'opacity', '1' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).prev( '#fusion-loader' ).hide();
if ( isGlobal ) {
setTimeout( window.fusionGlobalManager.handleGlobalsFromLibrary, 500, layoutID, FusionPageBuilderApp.parentRowId );
}
} )
.always( function() {
// Unset 'added' attribute from newly created row model
thisModel.unset( 'added' );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_custom_column + title );
FusionEvents.trigger( 'fusion-content-changed' );
self.removeView();
} );
},
/**
* Adds columns.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addColumns: function( event ) {
var that,
$layoutEl,
layout,
layoutElementsNum,
thisView,
defaultParams,
params,
value,
rowView,
updateContent,
columnAttributes,
columnCids = [],
columnCid,
columnView,
atIndex,
targetElement,
lastCreated;
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.activeModal = 'column';
that = this;
$layoutEl = jQuery( event.target ).is( 'li' ) ? jQuery( event.target ) : jQuery( event.target ).closest( 'li' );
layout = $layoutEl.data( 'layout' ).split( ',' );
layoutElementsNum = _.size( layout );
thisView = this.options.view,
targetElement = ( 'undefined' !== typeof this.options.targetElement ) ? this.options.targetElement : false;
atIndex = FusionPageBuilderApp.getCollectionIndex( targetElement );
_.each( layout, function( element, index ) {
// Get default settings
defaultParams = fusionAllElements.fusion_builder_column.params;
params = {};
columnCid = FusionPageBuilderViewManager.generateCid();
columnCids.push( columnCid );
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
value = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
params[ param.param_name ] = value;
} );
params.type = element;
updateContent = layoutElementsNum == ( index + 1 ) ? 'true' : 'false'; // jshint ignore: line
columnAttributes = {
type: 'fusion_builder_column',
element_type: 'fusion_builder_column',
cid: columnCid,
parent: that.model.get( 'cid' ),
view: thisView,
params: params,
at_index: atIndex
};
// Append to last created column
if ( lastCreated ) {
targetElement = FusionPageBuilderViewManager.getView( lastCreated );
targetElement = targetElement.$el;
}
if ( targetElement ) {
columnAttributes.targetElement = targetElement;
columnAttributes.targetElementPosition = 'after';
}
FusionPageBuilderApp.collection.add( [ columnAttributes ] );
lastCreated = columnCid;
if ( 'new' === atIndex ) {
atIndex = 1;
} else {
atIndex++;
}
} );
// Unset 'added' attribute from newly created row model
this.model.unset( 'added' );
// Update view column calculations.
rowView = FusionPageBuilderViewManager.getView( FusionPageBuilderApp.parentRowId );
if ( rowView ) {
rowView.createVirtualRows();
rowView.updateColumnsPreview();
}
FusionEvents.trigger( 'fusion-content-changed' );
this.removeView();
if ( event ) {
_.each( columnCids, function( cid ) {
columnView = FusionPageBuilderViewManager.getView( cid );
if ( columnView ) {
columnView.scrollHighlight( cid === columnCid );
}
} );
// Save history state
if ( true === FusionPageBuilderApp.newContainerAdded ) {
window.fusionHistoryState = fusionBuilderText.added_section; // jshint ignore: line
FusionPageBuilderApp.newContainerAdded = false;
} else {
window.fusionHistoryState = fusionBuilderText.added_columns; // jshint ignore: line
}
FusionEvents.trigger( 'fusion-history-save-step', window.fusionHistoryState );
}
},
/**
* Adds studio column.
*
* @since 2.0.0
* @param {Object} [event] The event.
* @return {void}
*/
loadStudioColumn: function( event ) {
var self = this,
parentID = this.model.get( 'parent' ),
parentView = FusionPageBuilderViewManager.getView( parentID ),
targetColumn = ( 'undefined' !== typeof this.options.targetElement ) ? this.options.targetElement : false,
importOptions = this.getImportOptions( event );
if ( false === targetColumn && parentView.$el instanceof jQuery ) {
targetColumn = parentView.$el.find( '.fusion-builder-column' ).last();
}
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.activeModal = 'column';
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_is_global: false,
fusion_layout_id: importOptions.layoutID,
fusion_studio: true,
overWriteType: importOptions.overWriteType,
shouldInvert: importOptions.shouldInvert,
imagesImport: importOptions.imagesImport,
category: 'columns',
post_id: FusionApp.getPost( 'post_id' )
},
beforeSend: function() {
self.beforeStudioItemImport();
},
success: function( data ) {
var i,
promises = [],
dfd = jQuery.Deferred(), // Master deferred.
dfdNext = dfd; // Next deferred in the chain.
dfd.resolve();
// Reset array.
self.mediaImportKeys = [];
// We have the content, let's check for assets.
// Filter out empty properties (now those are empty arrays).
if ( 'object' === typeof data.avada_media ) {
Object.keys( data.avada_media ).forEach( function( key ) {
// We expect and object.
if ( 'object' === typeof data.avada_media[ key ] && ! Array.isArray( data.avada_media[ key ] ) ) {
self.mediaImportKeys.push( key );
}
} );
}
// Import studio media if needed.
if ( 0 < self.mediaImportKeys.length ) {
// Set first AJAX response as initial data.
FusionPageBuilderApp.studio.setImportData( data );
for ( i = 0; i < self.mediaImportKeys.length; i++ ) {
// IIFE to freeze the value of i.
( function( k ) { // eslint-disable-line no-loop-func
dfdNext = dfdNext.then( function() {
return self.importStudioMedia( FusionPageBuilderApp.studio.getImportData(), self.mediaImportKeys[ k ], importOptions );
} );
promises.push( dfdNext );
}( i ) );
}
jQuery.when.apply( null, promises ).then(
function() {
/*
var lastAjaxResponse;
if ( 1 === promises.length ) {
lastAjaxResponse = arguments[ 0 ];
} else {
lastAjaxResponse = arguments[ promises.length - 1 ][ 0 ];
}
*/
FusionPageBuilderApp.shortcodesToBuilder( FusionPageBuilderApp.studio.getImportData().post_content, FusionPageBuilderApp.parentRowId, false, false, targetColumn, 'after' );
FusionPageBuilderApp.layoutIsLoading = false;
FusionEvents.trigger( 'fusion-studio-content-imported', FusionPageBuilderApp.studio.getImportData() );
self.studioColumnImportComplete( event, targetColumn );
FusionPageBuilderApp.studio.resetImportData();
},
function() {
self.studioImportModalView.updateStatus( fusionBuilderText.studio_importing_content_failed );
self.studioColumnImportComplete( event, targetColumn );
}
);
} else {
FusionPageBuilderApp.shortcodesToBuilder( data.post_content, FusionPageBuilderApp.parentRowId, false, false, targetColumn, 'after' );
FusionPageBuilderApp.layoutIsLoading = false;
FusionEvents.trigger( 'fusion-studio-content-imported', data );
self.studioColumnImportComplete( event, targetColumn );
}
}
} );
},
/**
* Does what needs to be done when column is imported.
*
* @since 3.5
* @param {Object} event - The event.
* @param {jQuery} targetColumn - The Column after which the new column is inserted.
*/
studioColumnImportComplete: function( event, targetColumn ) {
var $layout = jQuery( event.currentTarget ).closest( '.fusion-page-layout' ),
$scroll_elem = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-one-page-text-link' ),
title = $layout.find( '.fusion_module_title' ).text(),
cid = '';
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
// Unset 'added' attribute from newly created row model
this.model.unset( 'added' );
// Scroll to column container.
if ( targetColumn.length ) {
cid = targetColumn.next( '.fusion-builder-column' ).attr( 'data-cid' );
if ( 'undefined' !== typeof cid && cid ) {
$scroll_elem.attr( 'href', '#fusion-column-' + cid ).fusion_scroll_to_anchor_target( 15 );
}
}
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_studio_column + title );
FusionEvents.trigger( 'fusion-content-changed' );
// Remove modal view.
this.studioImportModalView.remove();
// Close library modal.
this.removeView();
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager, fusionBuilderText, FusionEvents, FusionApp */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Elements View
FusionPageBuilder.NestedColumnLibraryView = window.wp.Backbone.View.extend( {
className: 'fusion-builder-modal-settings-container',
template: FusionPageBuilder.template( jQuery( '#fusion-builder-column-library-template' ).html() ),
events: {
'click .fusion-builder-column-layouts li': 'addNestedColumns',
'click .fusion-builder-modal-close': 'closeModal'
},
initialize: function( attributes ) {
this.options = attributes;
this.listenTo( FusionEvents, 'fusion-modal-view-removed', this.remove );
},
render: function() {
this.$el.html( this.template( this.options ) );
this.$el.addClass( 'fusion-add-to-nested' );
FusionApp.elementSearchFilter( this.$el );
return this;
},
addNestedColumns: function( event ) {
var $layoutEl,
layout,
layoutElementsNum,
appendAfter,
innerRow,
innerColumn,
targetElement,
parent = this.attributes[ 'data-parent_cid' ],
atIndex,
lastCreatedCid,
lastCreatedView;
if ( event ) {
event.preventDefault();
}
innerRow = FusionPageBuilderViewManager.getView( parent );
if ( 'undefined' !== typeof this.attributes[ 'data-nested_column_cid' ] ) {
innerColumn = FusionPageBuilderViewManager.getView( this.attributes[ 'data-nested_column_cid' ] );
appendAfter = innerColumn.$el;
targetElement = innerColumn.$el;
} else {
appendAfter = ( this.$el ).closest( '.fusion-builder-row-content' ).find( '.fusion-builder-row-container-inner' );
}
atIndex = window.FusionPageBuilderApp.getCollectionIndex( targetElement );
$layoutEl = jQuery( event.target ).is( 'li' ) ? jQuery( event.target ) : jQuery( event.target ).closest( 'li' );
layout = $layoutEl.data( 'layout' ).split( ',' );
layoutElementsNum = _.size( layout );
_.each( layout, function( element, index ) { // jshint ignore:line
lastCreatedCid = innerRow.addNestedColumn( element, appendAfter, targetElement, atIndex );
lastCreatedView = FusionPageBuilderViewManager.getView( lastCreatedCid );
targetElement = lastCreatedView.$el;
atIndex++;
} );
innerRow.createVirtualRows();
innerRow.updateColumnsPreview();
this.remove();
FusionEvents.trigger( 'fusion-columns-added' );
if ( event ) {
// Save history state
FusionEvents.trigger( 'fusion-history-turn-on-tracking' );
window.fusionHistoryState = fusionBuilderText.added_nested_columns;
FusionEvents.trigger( 'fusion-content-changed' );
}
},
closeModal: function( event ) {
event.preventDefault();
this.remove();
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, fusionAllElements, FusionPageBuilderViewManager, FusionEvents, fusionAppConfig, fusionBuilderText, fusionGlobalManager */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Column Library View
FusionPageBuilder.ContainerLibraryView = FusionPageBuilder.BaseLibraryView.extend( {
className: 'fusion_builder_modal_settings',
template: FusionPageBuilder.template( jQuery( '#fusion-builder-container-library-template' ).html() ),
events: {
'click .fusion-builder-column-layouts li': 'addColumns',
'click .fusion_builder_custom_sections_load': 'addCustomSection',
'click .fusion-special-item': 'addSpecialItem',
'click .awb-import-options-toggle': 'toggleImportOptions',
'click .awb-import-studio-item': 'loadStudioContainer',
'change .awb-import-options .awb-import-style input[name="overwrite-type"]': 'triggerPreviewChanges',
'change .awb-import-options .awb-import-inversion input[name="invert"]': 'triggerPreviewChanges'
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
this.$el.html( this.template( this.model.toJSON() ) );
// Show saved custom sections
FusionPageBuilderApp.showSavedElements( 'sections', this.$el.find( '#custom-sections' ) );
FusionApp.elementSearchFilter( this.$el );
FusionApp.dialog.dialogTabs( this.$el );
// TODO: move to tab change and only if registered.
this.loadStudio( 'sections' );
return this;
},
/**
* Adds columns.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addColumns: function( event ) {
var that,
$layoutEl,
layout,
layoutElementsNum,
thisView,
defaultParams,
params,
value,
rowView,
updateContent,
columnAttributes,
columnCids = [],
columnCid,
columnView;
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.activeModal = 'column';
that = this;
$layoutEl = jQuery( event.target ).is( 'li' ) ? jQuery( event.target ) : jQuery( event.target ).closest( 'li' );
layout = '' !== $layoutEl.data( 'layout' ) ? $layoutEl.data( 'layout' ).split( ',' ) : false;
layoutElementsNum = _.size( layout );
thisView = this.options.view;
// Create row columns.
if ( layout ) {
_.each( layout, function( element, index ) {
// Get default settings
defaultParams = fusionAllElements.fusion_builder_column.params;
params = {};
columnCid = FusionPageBuilderViewManager.generateCid();
columnCids.push( columnCid );
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
value = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
params[ param.param_name ] = value;
} );
params.type = element;
updateContent = layoutElementsNum == ( index + 1 ) ? 'true' : 'false'; // jshint ignore: line
columnAttributes = {
type: 'fusion_builder_column',
element_type: 'fusion_builder_column',
cid: columnCid,
parent: that.model.get( 'cid' ),
view: thisView,
params: params
};
that.collection.add( [ columnAttributes ] );
} );
}
// Unset 'added' attribute from newly created row model
this.model.unset( 'added' );
// Update view column calculations.
rowView = FusionPageBuilderViewManager.getView( FusionPageBuilderApp.parentRowId );
rowView.setRowData();
FusionEvents.trigger( 'fusion-content-changed' );
this.removeView();
if ( event ) {
_.each( columnCids, function( cid ) {
columnView = FusionPageBuilderViewManager.getView( cid );
if ( columnView ) {
columnView.scrollHighlight( cid === columnCid );
}
} );
// Save history state
if ( true === FusionPageBuilderApp.newContainerAdded ) {
window.fusionHistoryState = fusionBuilderText.added_section; // jshint ignore: line
FusionPageBuilderApp.newContainerAdded = false;
} else {
window.fusionHistoryState = fusionBuilderText.added_columns; // jshint ignore: line
}
FusionEvents.trigger( 'fusion-history-save-step', window.fusionHistoryState );
jQuery( '.fusion-builder-live' ).removeClass( 'fusion-builder-blank-page-active' );
}
},
/**
* Adds a custom section.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addCustomSection: function( event ) {
var thisModel = this.model,
parentID = this.model.get( 'parent' ),
parentView = FusionPageBuilderViewManager.getView( parentID ),
self = this,
layoutID,
title,
targetContainer,
isGlobal;
targetContainer = parentView.$el.prev( '.fusion-builder-container' );
FusionPageBuilderApp.targetContainerCID = targetContainer.data( 'cid' );
if ( event ) {
event.preventDefault();
}
if ( 'undefined' !== typeof parentView ) {
parentView.removeContainer();
}
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
layoutID = jQuery( event.currentTarget ).data( 'layout_id' );
title = jQuery( event.currentTarget ).find( '.fusion_module_title' ).text();
isGlobal = jQuery( event.currentTarget ).closest( 'li' ).hasClass( 'fusion-global' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).css( 'opacity', '0' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).prev( '#fusion-loader' ).show();
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_is_global: isGlobal,
fusion_layout_id: layoutID
}
} )
.done( function( data ) {
var dataObj = JSON.parse( data );
FusionPageBuilderApp.shortcodesToBuilder( dataObj.post_content, FusionPageBuilderApp.parentRowId );
FusionPageBuilderApp.layoutIsLoading = false;
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).css( 'opacity', '1' );
jQuery( event.currentTarget ).parent( '.fusion-builder-all-modules' ).prev( '#fusion-loader' ).hide();
if ( isGlobal ) {
setTimeout( fusionGlobalManager.handleGlobalsFromLibrary, 500, layoutID, FusionPageBuilderApp.parentRowId );
}
} )
.always( function() {
// Unset 'added' attribute from newly created section model
thisModel.unset( 'added' );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_custom_section + title );
jQuery( '.fusion-builder-live' ).removeClass( 'fusion-builder-blank-page-active' );
FusionEvents.trigger( 'fusion-content-changed' );
self.removeView();
} );
},
/**
* Adds special item.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
addSpecialItem: function( event ) {
var parentID = this.model.get( 'parent' ),
parentView = FusionPageBuilderViewManager.getView( parentID ),
targetContainer,
moduleID,
params = {};
if ( event ) {
event.preventDefault();
}
targetContainer = parentView.$el.prev( '.fusion-builder-container' );
FusionPageBuilderApp.targetContainerCID = targetContainer.find( '.fusion-builder-data-cid' ).data( 'cid' );
moduleID = FusionPageBuilderViewManager.generateCid();
this.collection.add( [
{
type: jQuery( event.currentTarget ).data( 'type' ),
added: 'manually',
module_type: jQuery( event.currentTarget ).data( 'type' ),
cid: moduleID,
params: params,
view: parentView,
appendAfter: targetContainer,
created: 'auto'
}
] );
if ( 'undefined' !== typeof parentView ) {
FusionPageBuilderApp.targetContainerCID = '';
parentView.removeContainer();
}
FusionEvents.trigger( 'fusion-content-changed' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_special_item + jQuery( event.currentTarget ).find( '.fusion_module_title' ).text() );
this.removeView();
},
/**
* Adds studio container.
*
* @since 2.0.0
* @param {Object} [event] The event.
* @return {void}
*/
loadStudioContainer: function( event ) {
var self = this,
parentID = this.model.get( 'parent' ),
parentView = FusionPageBuilderViewManager.getView( parentID ),
importOptions = this.getImportOptions( event ),
targetContainer;
targetContainer = parentView.$el.prev( '.fusion-builder-container' );
FusionPageBuilderApp.targetContainerCID = targetContainer.data( 'cid' );
if ( event ) {
event.preventDefault();
}
if ( 'undefined' !== typeof parentView ) {
parentView.removeContainer();
}
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_is_global: false,
fusion_layout_id: importOptions.layoutID,
fusion_studio: true,
overWriteType: importOptions.overWriteType,
shouldInvert: importOptions.shouldInvert,
imagesImport: importOptions.imagesImport,
category: 'sections',
post_id: FusionApp.getPost( 'post_id' )
},
beforeSend: function() {
self.beforeStudioItemImport();
},
success: function( data ) {
var i,
promises = [],
dfd = jQuery.Deferred(), // Master deferred.
dfdNext = dfd; // Next deferred in the chain.
dfd.resolve();
// Reset array.
self.mediaImportKeys = [];
// We have the content, let's check for assets.
// Filter out empty properties (now those are empty arrays).
if ( 'object' === typeof data.avada_media ) {
Object.keys( data.avada_media ).forEach( function( key ) {
// We expect and object.
if ( 'object' === typeof data.avada_media[ key ] && ! Array.isArray( data.avada_media[ key ] ) ) {
self.mediaImportKeys.push( key );
}
} );
}
// Import studio media if needed.
if ( 0 < self.mediaImportKeys.length ) {
// Set first AJAX response as initial data.
FusionPageBuilderApp.studio.setImportData( data );
for ( i = 0; i < self.mediaImportKeys.length; i++ ) {
// IIFE to freeze the value of i.
( function( k ) { // eslint-disable-line no-loop-func
dfdNext = dfdNext.then( function() {
return self.importStudioMedia( FusionPageBuilderApp.studio.getImportData(), self.mediaImportKeys[ k ], importOptions );
} );
promises.push( dfdNext );
}( i ) );
}
jQuery.when.apply( null, promises ).then(
function() {
/*
var lastAjaxResponse;
if ( 1 === promises.length ) {
lastAjaxResponse = arguments[ 0 ];
} else {
lastAjaxResponse = arguments[ promises.length - 1 ][ 0 ];
}
*/
FusionPageBuilderApp.shortcodesToBuilder( FusionPageBuilderApp.studio.getImportData().post_content, FusionPageBuilderApp.parentRowId );
FusionPageBuilderApp.layoutIsLoading = false;
FusionEvents.trigger( 'fusion-studio-content-imported', FusionPageBuilderApp.studio.getImportData() );
self.studioContainerImportComplete( event, targetContainer );
// Reset import data.
FusionPageBuilderApp.studio.resetImportData();
},
function() {
self.studioImportModalView.updateStatus( fusionBuilderText.studio_importing_content_failed );
self.studioContainerImportComplete( event, targetContainer );
// Reset import data.
FusionPageBuilderApp.studio.resetImportData();
}
);
} else {
FusionPageBuilderApp.shortcodesToBuilder( data.post_content, FusionPageBuilderApp.parentRowId );
FusionPageBuilderApp.layoutIsLoading = false;
FusionEvents.trigger( 'fusion-studio-content-imported', data );
self.studioContainerImportComplete( event, targetContainer );
}
}
} );
},
/**
* Does what needs to be done when container is imported.
*
* @since 3.5
* @param {Object} event - The event.
* @param {jQuery} targetContainer - The container after which the new container is inserted.
*/
studioContainerImportComplete: function( event, targetContainer ) {
var $scroll_elem = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-one-page-text-link' ),
cid = '',
thisModel = this.model,
$layout = jQuery( event.currentTarget ).closest( '.fusion-page-layout' ),
title = $layout.find( '.fusion_module_title' ).text();
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
// Unset 'added' attribute from newly created section model
thisModel.unset( 'added' );
// Scroll to container.
if ( targetContainer.length ) {
cid = targetContainer.next( '.fusion-builder-container' ).attr( 'data-cid' );
if ( 'undefined' !== typeof cid && cid ) {
$scroll_elem.attr( 'href', '#fusion-container-' + cid ).fusion_scroll_to_anchor_target( 15 );
}
}
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.added_studio_section + title );
jQuery( '.fusion-builder-live' ).removeClass( 'fusion-builder-blank-page-active' );
FusionEvents.trigger( 'fusion-content-changed' );
// Remove modal view.
this.studioImportModalView.remove();
// Close library modal.
this.removeView();
}
} );
} );
}( jQuery ) );
;/* global FusionEvents, FusionPageBuilderViewManager, fusionAllElements, tinyMCE, FusionPageBuilderApp, fusionBuilderInsertIntoEditor, FusionApp */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Generator elements library
FusionPageBuilder.GeneratorElementsView = window.wp.Backbone.View.extend( {
className: 'fusion_builder_modal_settings',
template: FusionPageBuilder.template( jQuery( '#fusion-builder-generator-modules-template' ).html() ),
events: {
'click .fusion-builder-all-modules .fusion-builder-element': 'addElement',
'click .fusion-builder-column-layouts .generator-column': 'addColumns',
'click .fusion-builder-column-layouts .generator-section': 'addContainer'
},
initialize: function( attributes ) {
this.options = attributes;
this.listenTo( FusionEvents, 'fusion-modal-view-removed', this.remove );
},
render: function() {
this.$el.html( this.template( FusionPageBuilderApp.elements ) );
FusionApp.elementSearchFilter( this.$el );
FusionApp.dialog.dialogTabs( this.$el );
return this;
},
addElement: function( event ) {
var $thisEl,
title,
label,
params,
multi,
type,
selection,
defaultParams,
elementSettings;
if ( event ) {
event.preventDefault();
}
$thisEl = jQuery( event.currentTarget );
title = $thisEl.find( '.fusion_module_title' ).text();
label = $thisEl.find( '.fusion_module_label' ).text();
if ( label in fusionAllElements ) {
multi = fusionAllElements[ label ].multi;
type = fusionAllElements[ label ].shortcode;
} else {
params = '';
multi = '';
type = '';
}
// Get default settings
defaultParams = jQuery.extend( true, {}, fusionAllElements[ label ].params );
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
var value;
if ( _.isObject( param.value ) ) {
value = param[ 'default' ];
} else {
value = param.value;
}
params[ param.param_name ] = value;
} );
elementSettings = {
type: 'generated_element',
added: 'manually',
element_type: type,
params: params,
view: this.options.view,
multi: multi,
target: this.options.targetCid,
cid: FusionPageBuilderViewManager.generateCid()
};
if ( 'undefined' !== params.element_content && 'undefined' !== typeof tinyMCE && 'undefined' !== tinyMCE.activeEditor && 'undefined' === typeof multi && window.tinyMCE.activeEditor ) {
selection = window.tinyMCE.activeEditor.selection.getContent();
if ( selection ) {
elementSettings.params.element_content = selection;
window.tinyMCE.activeEditor.selection.setContent( '' );
selection = '';
delete elementSettings.added;
}
}
this.collection.add( elementSettings );
// Reset shortcode generator.
FusionPageBuilderApp.shortcodeGenerator = '';
FusionPageBuilderApp.shortcodeGeneratorEditorID = '';
this.remove();
},
addColumns: function( event ) {
var that,
$layoutEl,
layout,
layoutElementsNum,
thisView,
defaultParams,
params,
value,
columnModel,
generatedShortcode = '[fusion_builder_row_inner]',
elementType = 'fusion_builder_column_inner',
closingTag = '[/fusion_builder_row_inner]';
if ( ! FusionPageBuilderApp.builderActive && jQuery( event.target ).closest( '#builder-regular-columns' ).length ) {
generatedShortcode = '';
elementType = 'fusion_builder_column';
closingTag = '';
}
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.activeModal = 'column';
that = this;
$layoutEl = jQuery( event.target ).is( 'li' ) ? jQuery( event.target ) : jQuery( event.target ).closest( 'li' );
layout = $layoutEl.data( 'layout' ).split( ',' );
layoutElementsNum = _.size( layout );
thisView = this.options.view;
// Get default settings
defaultParams = fusionAllElements[ elementType ].params;
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
if ( _.isObject( param.value ) ) {
value = param[ 'default' ];
} else {
value = param.value;
}
params[ param.param_name ] = value;
} );
_.each( layout, function( element, index ) {
var updateContent,
columnAttributes;
params.type = element;
updateContent = layoutElementsNum === ( index + 1 ) ? 'true' : 'false';
columnAttributes = {
type: 'generated_element',
added: 'manually',
element_type: elementType,
view: thisView,
params: params
};
columnModel = that.collection.add( columnAttributes );
generatedShortcode += FusionPageBuilderApp.generateElementShortcode( columnModel, false, true );
} );
generatedShortcode += closingTag;
fusionBuilderInsertIntoEditor( generatedShortcode, FusionPageBuilderApp.shortcodeGeneratorEditorID );
// Reset shortcode generator
FusionPageBuilderApp.shortcodeGenerator = '';
FusionPageBuilderApp.shortcodeGeneratorEditorID = '';
this.remove();
},
addContainer: function( event ) {
var elementID,
defaultParams,
params,
value;
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.activeModal = 'container';
elementID = FusionPageBuilderViewManager.generateCid();
defaultParams = fusionAllElements.fusion_builder_container.params;
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
if ( _.isObject( param.value ) ) {
value = param[ 'default' ];
} else {
value = param.value;
}
params[ param.param_name ] = value;
} );
this.collection.add( [
{
type: 'generated_element',
added: 'manually',
element_type: 'fusion_builder_container',
params: params,
view: this
}
] );
}
} );
} );
}( jQuery ) );
;/* global fusionGlobalManager, fusionBuilderText, fusionAppConfig, fusionAllElements, FusionEvents, FusionPageBuilderViewManager, FusionPageBuilderApp, FusionPageBuilderElements, FusionApp */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function( $ ) {
$( document ).ready( function() {
// Nested Column View
FusionPageBuilder.NestedColumnView = FusionPageBuilder.BaseColumnView.extend( {
template: FusionPageBuilder.template( $( '#fusion-builder-inner-column-template' ).html() ),
events: {
'click .fusion-builder-add-element': 'addModule',
'click .fusion-builder-settings-column': 'settings',
'click .fusion-builder-column-remove': 'removeColumn',
'click .fusion-builder-column-clone': 'cloneColumn',
'click .fusion-builder-column-size': 'sizesShow',
'click .fusion-builder-column-drag': 'preventDefault'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
this.$el.attr( 'data-column-size', this.model.attributes.params.type );
if ( 'undefined' !== typeof this.model.attributes.params && 'undefined' !== typeof this.model.attributes.params.fusion_global ) {
this.$el.attr( 'fusion-global-layout', this.model.attributes.params.fusion_global );
this.$el.removeClass( 'fusion-global-nested-column' ).addClass( 'fusion-global-nested-column' );
}
this.columnSpacer = false;
this.forceAppendChildren = false;
this.listenTo( FusionEvents, 'fusion-view-update-fusion_builder_column_inner', this.reRender );
this.baseColumnInit();
this.baseInit();
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this,
data = this.getTemplateAtts();
this.$el.html( this.template( data ) );
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
this.appendChildren();
setTimeout( function() {
self.droppableColumn();
}, 100 );
return this;
},
droppableColumn: function() {
var self = this,
$el = this.$el,
cid = this.model.get( 'cid' ),
$droppables = $el.find( '.fusion-nested-column-target' ),
$body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
$el.draggable( {
appendTo: FusionPageBuilderApp.$el,
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
iframeScroll: true,
containment: $body,
cancel: '.fusion-builder-live-element',
helper: function() {
var $classes = FusionPageBuilderApp.DraggableHelpers.draggableClasses( cid );
return jQuery( '<div class="fusion-column-helper ' + $classes + '" data-cid="' + cid + '"><span class="fusiona-column"></span></div>' );
},
start: function() {
$body.addClass( 'fusion-nested-column-dragging fusion-active-dragging' );
$el.addClass( 'fusion-being-dragged' );
},
stop: function() {
setTimeout( function() {
$body.removeClass( 'fusion-nested-column-dragging fusion-active-dragging' );
}, 10 );
$el.removeClass( 'fusion-being-dragged' );
}
} );
$droppables.droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-column-inner',
drop: function( event, ui ) {
var handleColumnNestedDrop = self.handleColumnNestedDrop.bind( self );
handleColumnNestedDrop( ui.draggable, $el, jQuery( event.target ) );
}
} );
$el.find( '.fusion-element-target-column' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-live-element',
drop: function( event, ui ) {
var handleElementDropInsideColumn = self.handleElementDropInsideColumn.bind( self );
handleElementDropInsideColumn( ui.draggable, $el );
}
} );
},
handleElementDropInsideColumn: function( $element, $targetEl ) {
var parentCid = this.model.get( 'cid' ),
elementCid = $element.data( 'cid' ),
elementView = FusionPageBuilderViewManager.getView( elementCid ),
newIndex,
MultiGlobalArgs;
// Move the actual html.
$targetEl.find( '.fusion-nested-column-content' ).append( $element );
newIndex = $element.parent().children( '.fusion-builder-live-element' ).index( $element );
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, newIndex, parentCid );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.moved + ' ' + fusionAllElements[ elementView.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: elementView.model,
handleType: 'save',
attributes: elementView.model.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
FusionEvents.trigger( 'fusion-content-changed' );
this._equalHeights();
},
handleColumnNestedDrop: function( $column, $targetEl, $dropTarget ) {
var parentCid,
destinationRow,
columnCid = $column.data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( columnCid ),
originalCid = columnView.model.get( 'parent' ),
originalView,
newIndex;
if ( 'large' !== FusionApp.getPreviewWindowSize() && 'undefined' !== typeof this.isFlex && true === this.isFlex ) {
// Update columns' order.
FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) )._updateResponsiveColumnsOrder(
$column,
$targetEl.closest( '.fusion-builder-row' ).children( '.fusion-builder-column-inner' ),
parseInt( jQuery( $dropTarget ).closest( '.fusion-builder-column-inner' ).data( 'cid' ) ),
jQuery( $dropTarget ).hasClass( 'target-after' )
);
return;
}
// Move the actual html.
if ( jQuery( $dropTarget ).hasClass( 'target-after' ) ) {
$targetEl.after( $column );
} else {
$targetEl.before( $column );
}
parentCid = $column.closest( '.fusion-builder-row-content' ).data( 'cid' );
destinationRow = FusionPageBuilderViewManager.getView( parentCid );
newIndex = $column.parent().children( '.fusion-builder-column-inner' ).index( $column );
FusionPageBuilderApp.onDropCollectionUpdate( columnView.model, newIndex, parentCid );
// Update destination row which is this current one.
destinationRow.setRowData();
// If destination row and original row are different, update original as well.
if ( parentCid !== originalCid ) {
originalView = FusionPageBuilderViewManager.getView( originalCid );
originalView.setRowData();
}
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.column + ' Order Changed' );
setTimeout( function() {
// If different container type we re-render so that it corrects for new situation.
if ( 'object' !== typeof originalView || FusionPageBuilderApp.sameContainerTypes( originalView.model.get( 'parent' ), destinationRow.model.get( 'parent' ) ) ) {
columnView.droppableColumn();
} else {
FusionEvents.trigger( 'fusion-close-settings-' + columnView.model.get( 'cid' ) );
columnView.reRender();
}
}, 300 );
},
/**
* Triggers a refresh.
*
* @since 2.0.0
* @return {void}
*/
refreshJs: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_builder_column_inner', this.model.attributes.cid );
},
/**
* Removes a column.
*
* @since 2.0.0
* @param {Object} event - The event triggering the column removal.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
removeColumn: function( event, forceManually ) {
var modules,
row = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
parentCid = this.$el.closest( '.fusion-builder-column-outer' ).data( 'cid' );
if ( event ) {
event.preventDefault();
}
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-content-changed', parentCid );
}, 300 );
modules = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
_.each( modules, function( module ) {
module.removeElement();
} );
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
this.model.destroy();
this.remove();
row.setRowData();
// If the column is deleted manually
if ( event || forceManually ) {
FusionEvents.trigger( 'fusion-content-changed' );
}
},
/**
* Appends children to the columns.
*
* @since 2.0.0
* @return {void}
*/
appendChildren: function() {
var self = this,
cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
self.$el.find( '.fusion-builder-column-content' ).append( view.$el );
view.delegateEvents();
} );
},
/**
* Adds a child view.
*
* @since 2.0.0
* @param {Object} element - The element.
* @return {void}
*/
addChildView: function( element ) {
var view,
viewSettings = {
model: element,
collection: FusionPageBuilderElements,
attributes: {
'data-cid': element.get( 'cid' )
}
};
if ( 'undefined' !== typeof element.get( 'multi' ) && 'multi_element_parent' === element.get( 'multi' ) ) {
if ( 'undefined' !== typeof FusionPageBuilder[ element.get( 'element_type' ) ] ) {
view = new FusionPageBuilder[ element.get( 'element_type' ) ]( viewSettings );
} else {
view = new FusionPageBuilder.ParentElementView( viewSettings );
}
} else if ( 'undefined' !== typeof FusionPageBuilder[ element.get( 'element_type' ) ] ) {
view = new FusionPageBuilder[ element.get( 'element_type' ) ]( viewSettings );
} else {
view = new FusionPageBuilder.ElementView( viewSettings );
}
// Add new view to manager
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
// Add element builder view to proper column
if ( 'undefined' !== typeof this.model && 'fusion_builder_column_inner' === this.model.get( 'type' ) ) {
if ( ! _.isUndefined( element.get( 'targetElement' ) ) && 'undefined' === typeof element.get( 'from' ) ) {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'after' === element.get( 'targetElementPosition' ) ) {
element.get( 'targetElement' ).after( view.render().el );
} else {
element.get( 'targetElement' ).before( view.render().el );
}
} else if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'end' === element.get( 'targetElementPosition' ) ) {
this.$el.find( '.fusion-builder-column-content.fusion-nested-column-content' ).append( view.render().el );
} else {
this.$el.find( '.fusion-builder-column-content.fusion-nested-column-content' ).find( '.fusion-builder-empty-column' ).after( view.render().el );
}
} else if ( ! _.isUndefined( element.get( 'targetElement' ) ) && 'undefined' === typeof element.get( 'from' ) ) {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'after' === element.get( 'targetElementPosition' ) ) {
element.get( 'targetElement' ).after( view.render().el );
} else {
element.get( 'targetElement' ).before( view.render().el );
}
} else if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'end' === element.get( 'targetElementPosition' ) ) {
this.$el.find( '.fusion-builder-column-content.fusion-nested-column-content' ).append( view.render().el );
} else {
this.$el.find( '.fusion-builder-column-content.fusion-nested-column-content' ).find( '.fusion-builder-empty-column' ).after( view.render().el );
}
// Check if we should open the settings or not.
if ( 'off' !== FusionApp.preferencesData.open_settings && 'undefined' !== typeof element.get( 'added' ) ) {
view.settings();
}
},
/**
* Clones a column.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
cloneColumn: function( event, forceManually ) {
var columnAttributes = jQuery.extend( true, {}, this.model.attributes ),
row = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
$thisColumn;
if ( event ) {
event.preventDefault();
}
columnAttributes.created = 'manually';
columnAttributes.cid = FusionPageBuilderViewManager.generateCid();
columnAttributes.targetElement = this.$el;
columnAttributes.cloned = true;
columnAttributes.at_index = FusionPageBuilderApp.getCollectionIndex( this.$el );
FusionPageBuilderApp.collection.add( columnAttributes );
// Parse column elements
$thisColumn = this.$el;
$thisColumn.find( '.fusion-builder-live-element' ).each( function() {
var $thisModule,
moduleCID,
module,
elementAttributes;
// Standard element
if ( jQuery( this ).hasClass( 'fusion-builder-live-element' ) ) {
$thisModule = jQuery( this );
moduleCID = 'undefined' === typeof $thisModule.data( 'cid' ) ? $thisModule.find( '.fusion-builder-data-cid' ).data( 'cid' ) : $thisModule.data( 'cid' );
// Get model from collection by cid
module = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == moduleCID; // jshint ignore: line
} );
// Clone model attritubes
elementAttributes = jQuery.extend( true, {}, module.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.parent = columnAttributes.cid;
elementAttributes.from = 'fusion_builder_column_inner';
// Don't need target element, position is defined from order.
delete elementAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( elementAttributes );
}
} );
// If column is cloned manually
if ( event || forceManually ) {
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.cloned + ' ' + fusionBuilderText.column );
row.createVirtualRows();
row.updateColumnsPreview();
FusionEvents.trigger( 'fusion-content-changed' );
}
this._refreshJs();
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {string} paramName - The name of the parameter that changed.
* @param {mixed} paramValue - The value of the option that changed.
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
onOptionChange: function( paramName, paramValue, event ) {
var rowView,
parentCID = this.model.get( 'parent' ),
cid = this.model.get( 'cid' ),
reInitDraggables = false;
// Reverted to history step or user entered value manually.
if ( 'undefined' === typeof event || ( 'undefined' !== typeof event && ( 'change' !== event.type || ( 'change' === event.type && 'undefined' !== typeof event.srcElement ) ) ) ) {
reInitDraggables = true;
}
switch ( paramName ) {
case 'spacing':
this.model.attributes.params[ paramName ] = paramValue;
// Only update preview if it a valid unit.
if ( this.validColumnSpacing( paramValue ) ) {
rowView = FusionPageBuilderViewManager.getView( parentCID );
rowView.setSingleRowData( cid );
}
if ( true === reInitDraggables ) {
if ( 'yes' === paramValue || 'no' === paramValue ) {
this.destroySpacingResizable();
} else {
this.columnSpacer = false;
this.columnSpacing();
}
}
break;
case 'margin_top':
case 'margin_bottom':
this.model.attributes.params[ paramName ] = paramValue;
if ( true === reInitDraggables ) {
this.destroyMarginResizable();
this.marginDrag();
}
break;
case 'padding_top':
case 'padding_right':
case 'padding_bottom':
case 'padding_left':
this.model.attributes.params[ paramName ] = paramValue;
if ( true === reInitDraggables ) {
this.destroyPaddingResizable();
this.paddingDrag();
}
break;
}
},
/**
* Checks if column layout type is block.
*
* @since 3.0.0
* @return {Boolean}
*/
isBlockLayout: function() {
return this.values && 'block' === this.values.content_layout;
},
/**
* Gets the column content.
*
* @since 2.0.0
* @return {string}
*/
getColumnContent: function() {
var columnParams = {},
shortcode = '',
columnAttributesCheck;
_.each( this.model.get( 'params' ), function( value, name ) {
columnParams[ name ] = ( 'undefined' === value || 'undefined' === typeof value ) ? '' : value;
} );
// Legacy support for new column options
columnAttributesCheck = {
min_height: '',
last: 'no',
hover_type: 'none',
link: '',
border_position: 'all'
};
_.each( columnAttributesCheck, function( value, name ) {
if ( 'undefined' === typeof columnParams[ name ] ) {
columnParams[ name ] = value;
}
} );
this.beforeGenerateShortcode();
// Build column shortcdoe
shortcode += '[fusion_builder_column_inner type="' + columnParams.type + '"';
_.each( columnParams, function( value, name ) {
if ( ( 'on' === fusionAppConfig.removeEmptyAttributes && '' !== value ) || 'off' === fusionAppConfig.removeEmptyAttributes ) {
shortcode += ' ' + name + '="' + value + '"';
}
} );
shortcode += ']';
// Find elements in this column
this.$el.find( '.fusion-builder-live-element' ).each( function() {
shortcode += FusionPageBuilderApp.generateElementShortcode( jQuery( this ), false );
} );
shortcode += '[/fusion_builder_column_inner]';
return shortcode;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionAllElements, FusionEvents, FusionPageBuilderViewManager, FusionPageBuilderApp, FusionPageBuilderElements, fusionBuilderText, fusionGlobalManager, fusionSanitize */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Inner Row View
FusionPageBuilder.InnerRowView = FusionPageBuilder.BaseRowView.extend( {
className: 'fusion_builder_row_inner fusion_builder_column_element fusion-nested-columns fusion-builder-nested-element',
template: FusionPageBuilder.template( jQuery( '#fusion-builder-row-inner-template' ).html() ),
defaultZIndex: 10,
events: {
'click .fusion-builder-row-remove': 'removeRow',
'click .fusion-builder-row-save': 'openLibrary',
'click .fusion-builder-row-clone': 'cloneNestedRow',
'click .fusion-builder-row-settings': 'editRow',
'click .fusion-builder-stop-editing': 'stopEdit',
'click .fusion-builder-cancel-row': 'cancelChanges',
'click .fusion-builder-row-add-child': 'displayInnerColumn',
'click .fusion-builder-insert-inner-column': 'displayInnerColumn',
'mousedown .fusion-builder-nested-columns-settings-overlay': 'overlayMousedown'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.baseRowInit();
this.nestedRow = true;
this.model.set( 'rows', {} );
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
if ( 'undefined' !== typeof this.model.attributes.params && 'undefined' !== typeof this.model.attributes.params.fusion_global ) {
this.$el.attr( 'fusion-global-layout', this.model.attributes.params.fusion_global );
this.$el.removeClass( 'fusion-global-nested-row' ).addClass( 'fusion-global-nested-row' );
}
// Close modal view
this.listenTo( FusionEvents, 'fusion-close-inner-modal', this.hideInnerRowDialog );
this.model.children = new FusionPageBuilder.Collection();
this.savedContent = '';
this.listenTo( this.model.children, 'add', this.addChildView );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.updateColumnsPreview );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this;
this.$el.html( this.template( this.getTemplateAtts() ) );
setTimeout( function() {
self.droppableColumn();
self.droppableElement();
}, 100 );
return this;
},
/**
* Stop propagation on overlay mousedown.
*
* @since 2.0.0
* @return {void}
*/
overlayMousedown: function( event ) {
event.stopPropagation();
},
/**
* The row attributes.
*
* @since 3.0
* @return {Object}
*/
attr: function() {
var attr = {
style: ''
},
parentContainer = FusionPageBuilderApp.getParentContainer( this ),
isFlex = parentContainer && parentContainer.isFlex(),
containerParams = jQuery.extend( true, {}, fusionAllElements.fusion_builder_container.defaults, _.fusionCleanParameters( parentContainer.model.attributes.params ) ),
width,
widthValue,
columnSpacingUnit,
columnSpacingValue,
widthUnit;
attr.id = 'fusion-builder-row-' + this.model.get( 'cid' );
attr[ 'class' ] = 'fusion-row fusion-builder-row-container-inner fusion-builder-row-inner fusion-builder-row';
attr[ 'data-cid' ] = this.model.get( 'cid' );
if ( isFlex ) {
attr[ 'class' ] += ' fusion-flex-align-items-' + containerParams.flex_align_items;
if ( 'stretch' !== containerParams.align_content ) {
attr[ 'class' ] += ' fusion-flex-align-content-' + containerParams.align_content;
}
if ( 'flex-start' !== containerParams.flex_justify_content ) {
attr[ 'class' ] += ' fusion-flex-justify-content-' + containerParams.flex_justify_content;
}
width = '100%';
columnSpacingUnit = fusionSanitize.get_unit( containerParams.flex_column_spacing );
if ( '%' === columnSpacingUnit ) {
columnSpacingValue = fusionSanitize.number( containerParams.flex_column_spacing );
widthValue = fusionSanitize.number( width );
widthUnit = fusionSanitize.get_unit( width );
width = ( widthValue * ( 1 + ( columnSpacingValue / 100 ) ) ) + widthUnit;
} else {
width = 'calc( ' + width + ' + ' + containerParams.flex_column_spacing + ' )';
}
attr.style += 'max-width:' + width + ' !important;';
attr.style += 'width:' + width + ';';
attr.style += 'margin-left: calc(-' + containerParams.flex_column_spacing + ' / 2 );';
attr.style += 'margin-right: calc(-' + containerParams.flex_column_spacing + ' / 2 );';
}
return attr;
},
/**
* Get template attributes.
*
* @since 2.0.0
* @return {void}
*/
getTemplateAtts: function() {
var templateAttributes = {};
templateAttributes.id = this.model.get( 'cid' );
templateAttributes.title = fusionAllElements[ this.model.get( 'element_type' ) ].name;
templateAttributes.params = this.model.get( 'params' );
templateAttributes.attr = this.attr();
return templateAttributes;
},
/**
* Get the content.
*
* @since 2.0.0
* @return {string}
*/
getContent: function() {
return this.getInnerRowContent();
},
/**
* Creates drop zone for empty nested row.
*
* @since 2.0.0
* @return {void}
*/
droppableColumn: function() {
var $el = this.$el,
self = this;
$el.find( '.fusion-nested-column-target' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-column',
drop: function( event, ui ) {
var handleNestedColumnDropInsideRow = self.handleNestedColumnDropInsideRow.bind( self );
handleNestedColumnDropInsideRow( ui.draggable, $el );
}
} );
},
handleNestedColumnDropInsideRow: function( $column, $targetEl ) {
var parentCid = $targetEl.find( '.fusion-builder-row-content' ).data( 'cid' ),
destinationRow = FusionPageBuilderViewManager.getView( parentCid ),
columnCid = $column.data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( columnCid ),
originalCid = columnView.model.get( 'parent' ),
originalView,
newIndex;
newIndex = $column.parent().children( '.fusion-builder-column' ).index( $column );
FusionPageBuilderApp.onDropCollectionUpdate( columnView.model, newIndex, this.model.get( 'cid' ) );
// Move the actual html.
$targetEl.find( '.fusion-builder-row-container-inner' ).append( $column );
// Update destination row which is this current one.
destinationRow.setRowData();
// If destination row and original row are different, update original as well.
if ( parentCid !== originalCid ) {
originalView = FusionPageBuilderViewManager.getView( originalCid );
originalView.setRowData();
}
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.column + ' Order Changed' );
setTimeout( function() {
columnView.droppableColumn();
}, 300 );
},
/**
* Creates droppable zone and makes element draggable.
*
* @since 2.0.0
* @return {void}
*/
droppableElement: function() {
var $el = this.$el,
self = this,
cid = this.model.get( 'cid' ),
$body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
$el.draggable( {
appendTo: FusionPageBuilderApp.$el,
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
iframeScroll: true,
containment: $body,
cancel: '.fusion-live-editable, .fusion-builder-live-child-element:not( [data-fusion-no-dragging] )',
helper: function() {
var $classes = FusionPageBuilderApp.DraggableHelpers.draggableClasses( cid );
return jQuery( '<div class="fusion-element-helper ' + $classes + '" data-cid="' + cid + '"><span class="fusiona-column"></span></div>' );
},
start: function() {
$body.addClass( 'fusion-element-dragging fusion-active-dragging' );
$el.addClass( 'fusion-being-dragged' );
$el.prev( '.fusion-builder-live-element' ).find( '.target-after' ).addClass( 'target-disabled' );
},
stop: function() {
setTimeout( function() {
$body.removeClass( 'fusion-element-dragging fusion-active-dragging' );
}, 10 );
$el.removeClass( 'fusion-being-dragged' );
FusionPageBuilderApp.$el.find( '.target-disabled' ).removeClass( 'target-disabled' );
}
} );
$el.find( '.fusion-element-target' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-live-element, .fusion_builder_row_inner',
drop: function( event, ui ) {
var handleRowNestedDrop = self.handleRowNestedDrop.bind( self );
handleRowNestedDrop( ui.draggable, $el, jQuery( event.target ) );
}
} );
},
handleRowNestedDrop: function( $row, $targetEl, $dropTarget ) {
var parentCid = $dropTarget.closest( '.fusion-builder-column' ).data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( parentCid ),
elementCid = $row.data( 'cid' ),
elementView = FusionPageBuilderViewManager.getView( elementCid ),
MultiGlobalArgs,
newIndex;
// Move the actual html.
if ( $dropTarget.hasClass( 'target-after' ) ) {
$targetEl.after( $row );
} else {
$targetEl.before( $row );
}
newIndex = $row.parent().children( '.fusion-builder-live-element, .fusion_builder_row_inner' ).index( $row );
FusionPageBuilderApp.onDropCollectionUpdate( elementView.model, newIndex, parentCid );
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.moved + ' ' + fusionAllElements[ elementView.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element );
// Handle multiple global elements.
MultiGlobalArgs = {
currentModel: elementView.model,
handleType: 'save',
attributes: elementView.model.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
FusionEvents.trigger( 'fusion-content-changed' );
columnView._equalHeights();
},
/**
* Clones a nested row.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {parentCID} parentCID - The parent element's CID.
* @return {void}
*/
cloneNestedRow: function( event, parentCID ) {
var innerRowAttributes,
thisInnerRow,
innerColAttributes;
if ( 'object' === typeof event ) {
event.preventDefault();
}
innerRowAttributes = jQuery.extend( true, {}, this.model.attributes );
innerRowAttributes.created = 'manually';
innerRowAttributes.cid = FusionPageBuilderViewManager.generateCid();
innerRowAttributes.at_index = FusionPageBuilderApp.getCollectionIndex( this.$el );
if ( 'object' === typeof event || 'navigator' === event ) {
innerRowAttributes.targetElement = this.$el;
innerRowAttributes.targetElementPosition = 'after';
} else if ( 'clone' === event ) {
// Don't need target element, position is defined from order.
delete innerRowAttributes.targetElementPosition;
}
if ( parentCID ) {
innerRowAttributes.parent = parentCID;
}
FusionPageBuilderApp.collection.add( innerRowAttributes );
// Parse inner columns
thisInnerRow = this.$el;
thisInnerRow.find( '.fusion-builder-column-inner' ).each( function() {
var $thisColumnInner = jQuery( this ),
columnInnerCID = $thisColumnInner.data( 'cid' ),
innerColumnModule = FusionPageBuilderViewManager.getView( columnInnerCID );
// Clone model attritubes
innerColAttributes = jQuery.extend( true, {}, innerColumnModule.model.attributes );
innerColAttributes.created = 'manually';
innerColAttributes.cid = FusionPageBuilderViewManager.generateCid();
innerColAttributes.parent = innerRowAttributes.cid;
FusionPageBuilderApp.collection.add( innerColAttributes );
// Parse elements inside inner col
$thisColumnInner.find( '.fusion-builder-live-element' ).each( function() {
var thisModule = jQuery( this ),
moduleCID = 'undefined' === typeof thisModule.data( 'cid' ) ? thisModule.find( '.fusion-builder-data-cid' ).data( 'cid' ) : thisModule.data( 'cid' ),
// Get model from collection by cid
module = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == moduleCID; // jshint ignore: line
} ),
// Clone model attributes
innerElementAttributes = jQuery.extend( true, {}, module.attributes );
innerElementAttributes.created = 'manually';
innerElementAttributes.cid = FusionPageBuilderViewManager.generateCid();
innerElementAttributes.parent = innerColAttributes.cid;
innerElementAttributes.from = 'fusion_builder_row_inner';
// Don't need target element, position is defined from order.
delete innerElementAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( innerElementAttributes );
} );
} );
if ( ! parentCID ) {
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.cloned_nested_columns );
FusionEvents.trigger( 'fusion-content-changed' );
}
},
/**
* Adds the 'editing' and 'nested-ui-active' classes.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
editRow: function( event ) {
var parentColumn,
parentRow;
if ( event ) {
event.preventDefault();
}
// We have opened, means we no longer need added flag.
this.model.unset( 'added' );
this.updateSavedContent();
parentColumn = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
parentColumn.$el.addClass( 'fusion-builder-editing-child' );
parentColumn.$el.removeClass( 'active' );
parentColumn.$el.closest( '.fusion-builder-container' ).removeClass( 'fusion-column-sizer-active' ).addClass( 'fusion-container-editing-child' );
parentRow = parentColumn.$el.closest( '.fusion-builder-row' );
parentRow.addClass( 'fusion-builder-row-editing-child' );
parentRow.parent().closest( '.fusion-builder-row' ).addClass( 'fusion-builder-row-editing-child' );
this.$el.addClass( 'editing' );
this.$el.append( '<div class="fusion-row-overlay"></div>' );
jQuery( 'body' ).addClass( 'nested-ui-active' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).append( '<div class="fusion-row-overlay"></div>' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'nested-ui-active nested-columns-edited' );
FusionEvents.trigger( 'fusion-row-nested-edit' );
FusionEvents.trigger( 'fusion-history-pause-tracking' );
},
updateSavedContent: function() {
this.savedContent = this.getInnerRowContent();
},
/**
* Removes the 'editing' and 'nested-ui-active' classes, saves history step.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
stopEdit: function( event ) {
if ( event ) {
event.preventDefault();
}
this.removeEditUI();
// Close children settings.
this.closeChildrenSettings();
FusionEvents.trigger( 'fusion-history-resume-tracking' );
if ( true === this.contentChanged() ) {
window.fusionHistoryState = fusionBuilderText.edited + ' ' + fusionAllElements[ this.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.element;
FusionEvents.trigger( 'fusion-history-save-step', window.fusionHistoryState );
}
if ( FusionPageBuilderApp.navigator ) {
FusionPageBuilderApp.navigator.update();
}
},
/**
* Checks if content changed.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
contentChanged: function() {
var content = this.getInnerRowContent();
if ( content !== this.savedContent ) {
return true;
}
return false;
},
/**
* Removes the 'editing' and 'nested-ui-active' classes.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
removeEditUI: function( event ) {
var parentColumn;
if ( event ) {
event.preventDefault();
}
parentColumn = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
parentColumn.$el.removeClass( 'fusion-builder-editing-child' );
parentColumn.$el.closest( '.fusion-builder-row' ).removeClass( 'fusion-builder-row-editing-child' );
parentColumn.$el.closest( '.fusion-container-editing-child' ).removeClass( 'fusion-container-editing-child' );
this.$el.removeClass( 'editing' );
this.$el.find( '.fusion-row-overlay' ).remove();
jQuery( 'body' ).removeClass( 'nested-ui-active' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).find( '.fusion-row-overlay' ).remove();
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'nested-ui-active nested-columns-edited' );
},
/**
* Closes children settings.
*
* @since 2.0.0
* @return {void}
*/
closeChildrenSettings: function() {
_.each( this.collection.models, function( model ) {
if ( ( 'element' === model.attributes.type || 'fusion_builder_column_inner' === model.attributes.type ) && 0 < jQuery( '.fusion_builder_module_settings[data-cid="' + model.attributes.cid + '"]' ).length ) {
FusionEvents.trigger( 'fusion-close-settings-' + model.attributes.cid );
}
} );
},
/**
* Gets the contents of the inner row.
*
* @since 2.0.0
* @return {string}
*/
getInnerRowContent: function() {
var shortcode = '',
$thisRowInner = this.$el,
thisRowInnerCID = $thisRowInner.data( 'cid' ),
module = FusionPageBuilderElements.findWhere( { cid: thisRowInnerCID } ); // eslint-disable-line no-unused-vars
shortcode += '[fusion_builder_row_inner]';
$thisRowInner.find( '.fusion-builder-column-inner' ).each( function() {
var $thisColumnInner = jQuery( this ),
columnCID = $thisColumnInner.data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( columnCID );
shortcode += columnView.getColumnContent();
} );
shortcode += '[/fusion_builder_row_inner]';
return shortcode;
},
/**
* Removes a row.
*
* @since 2.0.0
* @param {Object} event - The event.
* @param {bool} forceManually - Force manually, even if it's not an event, to update history and trigger content changes.
* @return {void}
*/
removeRow: function( event, forceManually ) {
var columns,
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( event ) {
event.preventDefault();
}
columns = FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
// Remove columns
_.each( columns, function( column ) {
column.removeColumn();
} );
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
FusionEvents.trigger( 'fusion-element-removed', this.model.get( 'cid' ) );
this.model.destroy();
this.remove();
// If row ( nested columns ) is removed manually
if ( event || forceManually ) {
// Save history state
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted_nested_columns );
FusionEvents.trigger( 'fusion-content-changed' );
parentView.$el.find( '.fusion-builder-module-controls-container a' ).trigger( 'mouseleave' );
this.removeEditUI();
}
},
/**
* Reverts nested column changes.
*
* @since 2.0.0
* @return {void}
*/
cancelChanges: function( event ) {
var newView;
if ( event ) {
event.preventDefault();
}
this.removeEditUI();
// Close children settings.
this.closeChildrenSettings();
if ( true === this.contentChanged() ) {
FusionPageBuilderApp.shortcodesToBuilder( this.savedContent, this.model.get( 'parent' ), 'undefined', 'undefined', this.$el );
newView = FusionPageBuilderViewManager.getView( this.$el.next().attr( 'data-cid' ) );
this.removeRow();
}
FusionEvents.trigger( 'fusion-cancel-nested-row-changes', { oldView: this, newView: newView } );
FusionEvents.trigger( 'fusion-history-resume-tracking' );
if ( FusionPageBuilderApp.navigator ) {
FusionPageBuilderApp.navigator.update();
}
},
addNestedColumn: function( element, appendAfter, targetElement, atIndex ) {
var that,
thisView,
defaultParams,
params,
parent,
value,
columnAttributes;
parent = this.model.get( 'cid' );
that = this;
thisView = this.options.view;
// Get default options
defaultParams = fusionAllElements.fusion_builder_column_inner.params;
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
value = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
params[ param.param_name ] = value;
} );
params.type = element;
columnAttributes = {
type: 'fusion_builder_column_inner',
element_type: 'fusion_builder_column_inner',
cid: FusionPageBuilderViewManager.generateCid(),
parent: parent,
view: thisView,
params: params,
targetElement: targetElement,
at_index: atIndex
};
// Make sure not clones
columnAttributes = jQuery.extend( true, {}, columnAttributes );
that.collection.add( [ columnAttributes ] );
return columnAttributes.cid;
},
/**
* Appends children. Calls the delegateEvents function in the view.
*
* @since 2.0.0
* @param {bool} reRender
* @return {void}
*/
appendChildren: function( reRender = true ) {
var self = this,
cid,
view;
this.model.children.each( function( child ) {
cid = child.attributes.cid;
view = FusionPageBuilderViewManager.getView( cid );
self.$el.find( '.fusion-builder-row-container-inner' ).append( reRender ? view.render().$el : view.$el );
view.delegateEvents();
} );
},
/**
* Adds a child view.
*
* @since 2.0.0
* @param {Object} element - The element model.
* @return {void}
*/
addChildView: function( element ) {
var view,
viewSettings = {
model: element,
collection: FusionPageBuilderElements,
attributes: {
'data-cid': element.get( 'cid' )
}
};
viewSettings.className = 'fusion-builder-column fusion-builder-column-inner';
// Calculate virtual rows
this.createVirtualRows();
view = new FusionPageBuilder.NestedColumnView( viewSettings );
// This column was cloned
if ( ! _.isUndefined( element.get( 'cloned' ) ) && true === element.get( 'cloned' ) ) {
element.targetElement = view.$el;
element.unset( 'cloned' );
}
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( ! _.isUndefined( element.get( 'targetElement' ) ) && 'undefined' === typeof element.get( 'from' ) ) {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'after' === element.get( 'targetElementPosition' ) ) {
element.get( 'targetElement' ).after( view.render().el );
} else {
element.get( 'targetElement' ).before( view.render().el );
}
} else {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'end' === element.get( 'targetElementPosition' ) ) {
this.$el.find( '.fusion-builder-row-container-inner' ).append( view.render().el );
} else {
this.$el.find( '.fusion-builder-row-container-inner' ).prepend( view.render().el );
}
element.unset( 'from' );
}
this.updateColumnsPreview();
},
displayInnerColumn: function( event ) {
var view,
viewSettings,
columnCID;
if ( event ) {
event.preventDefault();
}
columnCID = jQuery( event.currentTarget ).closest( '.fusion-builder-column-inner' ).data( 'cid' );
FusionPageBuilderApp.parentRowId = this.model.get( 'cid' );
viewSettings = {
model: this.model,
collection: this.collection,
view: this,
attributes: {
'data-modal_view': 'nested_column_library',
'data-parent_cid': this.model.get( 'cid' ),
'data-nested_column_cid': columnCID
},
nested: true
};
view = new FusionPageBuilder.NestedColumnLibraryView( viewSettings );
jQuery( view.render().el ).dialog( {
title: 'Select Column',
width: FusionApp.dialog.dialogWidth,
height: FusionApp.dialog.dialogHeight,
draggable: false,
modal: true,
resizable: false,
dialogClass: 'fusion-builder-dialog fusion-builder-element-library-dialog',
open: function( scopedEvent ) {
var $dialogContent = jQuery( scopedEvent.target );
$dialogContent.find( '.fusion-builder-modal-top-container' ).appendTo( '.fusion-builder-element-library-dialog .ui-dialog-titlebar' );
FusionApp.dialog.resizeDialog();
},
close: function() {
view.remove();
}
} );
},
/**
* Opens the library. Builds the settings for this view
* and then calls FusionPageBuilder.LibraryView and renders it.
*
* @since 2.0.0
* @param {Object} event - The js event.
* @return {void}
*/
openLibrary: function( event ) {
var view,
libraryModel = {
target: jQuery( event.currentTarget ).data( 'target' ),
focus: jQuery( event.currentTarget ).data( 'focus' ),
element_cid: this.model.get( 'cid' ),
element_name: 'undefined' !== typeof this.model.get( 'admin_label' ) && '' !== this.model.get( 'admin_label' ) ? this.model.get( 'admin_label' ) : ''
},
viewSettings = {
model: libraryModel
};
if ( event ) {
event.preventDefault();
event.stopPropagation();
FusionPageBuilderApp.sizesHide( event );
}
view = new FusionPageBuilder.LibraryView( viewSettings );
view.render();
// Make sure to close any context menus which may be open.
FusionPageBuilderApp.removeContextMenu();
},
recalculateMargins: function() {
var attr = this.attr();
this.$el.find( '.fusion-builder-row-container-inner' ).first().attr( 'style', attr.style );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, FusionPageBuilderViewManager, fusionAllElements, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function( $ ) {
$( document ).ready( function() {
// Builder Blank Page View
FusionPageBuilder.BlankPageView = window.wp.Backbone.View.extend( {
className: 'fusion-builder-blank-page',
template: FusionPageBuilder.template( $( '#fusion-builder-blank-page-template' ).html() ),
events: {
'click .fusion-builder-new-section-add': 'addContainer',
'click .fusion-builder-video-button': 'openVideoModal',
'click #fusion-load-studio-dialog': 'openLibrary'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var colorScheme = this.getColorScheme( FusionApp.settings.content_bg_color );
this.$el.html( this.template( this.model.toJSON() ) );
this.$el.addClass( 'fusion-builder-scheme-' + colorScheme );
this.$el.addClass( 'fusion-post-' + FusionApp.data.postDetails.post_type );
// Add is-empty class to remove close icon in Off Canvas.
if ( 'awb_off_canvas' === FusionApp.data.postDetails.post_type ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).find( '.awb-off-canvas' ).addClass( 'is-empty' );
}
this.$el.find( '#video-dialog' ).dialog( {
dialogClass: 'fusion-builder-dialog fusion-video-dialog',
autoOpen: false,
modal: true,
height: 470,
width: 700
} );
return this;
},
/**
* Calculate color scheme depend on hex color.
*
* @since 2.0.0
* @param {string} color - The hex color code to calculate color scheme against.
* @return {string}
*/
getColorScheme: function( color ) {
return 0.5 < jQuery.AWB_Color( color ).lightness() ? 'light' : 'dark';
},
/**
* Opens a video modal.
*
* @since 2.0.0
* @param {Object} event - The event triggering the modal.
* @return {void}
*/
openVideoModal: function( event ) {
if ( event ) {
event.preventDefault();
}
jQuery( '#video-dialog' ).dialog( 'open' );
jQuery( '#video-dialog iframe' ).focus();
jQuery( '#video-dialog iframe' )[ 0 ].contentWindow.postMessage( '{"event":"command","func":"playVideo","args":""}', '*' );
},
/**
* Adds a container.
*
* @since 2.0.0
* @param {Object} event - The event triggering the container addition.
* @return {void}
*/
addContainer: function( event ) {
var elementID,
defaultParams,
params,
value,
newContainer;
if ( event ) {
event.preventDefault();
FusionPageBuilderApp.newContainerAdded = true;
}
elementID = FusionPageBuilderViewManager.generateCid();
defaultParams = fusionAllElements.fusion_builder_container.params;
params = {};
// Process default options for shortcode.
_.each( defaultParams, function( param ) {
if ( _.isObject( param.value ) ) {
value = param[ 'default' ];
} else {
value = param.value;
}
params[ param.param_name ] = value;
if ( 'dimension' === param.type && _.isObject( param.value ) ) {
_.each( param.value, function( val, name ) {
params[ name ] = val;
} );
}
} );
this.collection.add( [
{
type: 'fusion_builder_container',
added: 'manually',
element_type: 'fusion_builder_container',
cid: elementID,
params: params,
view: this,
created: 'auto'
}
] );
// Make sure to add row to new container not current one.
newContainer = FusionPageBuilderViewManager.getView( elementID );
newContainer.addRow();
this.removeBlankPageHelper();
},
/**
* Opens the library.
* Calls the LibraryView and then renders it.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
openLibrary: function( event ) {
var view,
libraryModel = {
target: jQuery( event.currentTarget ).data( 'target' ),
focus: jQuery( event.currentTarget ).data( 'focus' )
},
viewSettings = {
model: libraryModel
};
if ( event ) {
event.preventDefault();
event.stopPropagation();
FusionPageBuilderApp.sizesHide( event );
}
view = new FusionPageBuilder.LibraryView( viewSettings );
view.render();
},
/**
* Removes the helper for blank pages.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
removeBlankPageHelper: function( event ) {
if ( event ) {
event.preventDefault();
}
// Remove is-empty class to add back close icon in Off Canvas.
if ( 'awb_off_canvas' === FusionApp.data.postDetails.post_type ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).find( '.awb-off-canvas' ).removeClass( 'is-empty' );
}
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
this.model.destroy();
if ( jQuery( '#video-dialog' ).length ) {
jQuery( '#video-dialog' ).dialog( 'destroy' );
}
this.remove();
}
} );
jQuery( 'body' ).on( 'click', '.ui-dialog-titlebar-close', function() {
var dialog = jQuery( this ).closest( '.ui-dialog' );
if ( dialog.find( '#video-dialog' ).length ) {
dialog.find( '#video-dialog iframe' )[ 0 ].contentWindow.postMessage( '{"event":"command","func":"pauseVideo","args":""}', '*' );
dialog.hide();
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionAppConfig, FusionEvents */
/* eslint no-empty-function: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Preferences.
FusionPageBuilder.PreferencesView = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-front-end-preferences' ).html() ),
events: {
'click .fusion-panel-description': 'showHideDescription',
'change .button-set-value': 'optionChanged'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this;
this.$el.html( this.template() );
this.$el = this.$el.dialog( {
title: 'Preferences',
width: 600,
height: FusionApp.dialog.dialogHeight,
draggable: false,
resizable: false,
modal: true,
dialogClass: 'fusion-builder-dialog fusion-builder-settings-dialog fusion-builder-preferences-dialog',
open: function( event ) {
var dialogContent = jQuery( event.target );
FusionPageBuilder.options.radioButtonSet.optionRadioButtonSet( dialogContent );
FusionApp.dialog.resizeDialog();
},
close: function() {
self.saveChanges();
}
} ).closest( '.ui-dialog' );
return this;
},
/**
* Trigger live-update when an option changes.
*
* @since 2.0.0
* @return {void}
*/
optionChanged: function() {
var $preferences = {},
preferencesChanged = [],
i;
this.$el.find( 'input' ).each( function() {
$preferences[ jQuery( this ).attr( 'id' ) ] = jQuery( this ).val();
if ( $preferences[ jQuery( this ).attr( 'id' ) ] !== FusionApp.preferencesData[ jQuery( this ).attr( 'id' ) ] ) {
preferencesChanged.push( jQuery( this ).attr( 'id' ) );
}
} );
FusionApp.preferencesData = $preferences;
for ( i = 0; i < preferencesChanged.length; i++ ) {
FusionEvents.trigger( 'fusion-preferences-' + preferencesChanged[ i ] + '-updated' );
}
},
/**
* Cancel the changes.
*
* @since 2.0.0
* @return {void}
*/
saveChanges: function() {
var $preferences = {};
jQuery( 'li.fusion-builder-preferences' ).css( 'pointer-events', 'none' );
this.$el.find( 'input' ).each( function() {
$preferences[ jQuery( this ).attr( 'id' ) ] = jQuery( this ).val();
} );
$preferences.overWriteType = jQuery( '.awb-import-option input[name="overwrite-type"]:checked' ).val();
$preferences.shouldInvert = jQuery( '.awb-import-option input[name="invert"]:checked' ).val();
$preferences.contentPlacement = jQuery( '.awb-import-option input[name="load-type"]:checked' ).val();
$preferences.imagesImport = jQuery( '.awb-import-option input[name="images"]:checked' ).val();
FusionApp.preferencesData = $preferences;
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_app_save_builder_preferences',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
preferences: $preferences
}
} )
.done( function( response ) {
FusionApp.preferences = response;
jQuery( 'li.fusion-builder-preferences' ).css( 'pointer-events', 'auto' );
} );
this.removeView();
},
/**
* Removes the view.
*
* @since 2.0.0
* @return {void}
*/
removeView: function() {
this.$el.find( '.fusion-save-element-fields' ).remove();
this.$el.find( '.fusion-tabs-menu' ).appendTo( '#fusion-builder-front-end-library' );
this.remove();
},
/**
* Show or hide description.
*
* @since 2.0.0
* @param {Object} event - The JS event.
* @return {void}
*/
showHideDescription: function( event ) {
var $element = jQuery( event.currentTarget );
$element.closest( '.fusion-builder-option' ).find( '.description' ).first().slideToggle( 250 );
$element.toggleClass( 'active' );
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionApp, fusionDynamicData, fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Element Preview View
FusionPageBuilder.ElementPreviewView = window.wp.Backbone.View.extend( {
className: 'fusion_module_block_preview ',
dynamicParams: {},
// Elements which use element_content for preview.
contentPreviewElements: [ 'fusion_text', 'fusion_title', 'fusion_alert', 'fusion_button', 'fusion_imageframe', 'fusion_sharing' ],
globalIconPlaceholder: '#fusion_dynamic_data_icon#',
initialize: function() {
this.dynamicParams = this.options.dynamicParams;
if ( jQuery( '#' + fusionAllElements[ this.model.attributes.element_type ].preview_id ).length ) {
this.template = FusionPageBuilder.template( jQuery( '#' + fusionAllElements[ this.model.attributes.element_type ].preview_id ).html() );
} else {
this.template = FusionPageBuilder.template( jQuery( '#fusion-builder-block-module-default-preview-template' ).html() );
}
},
render: function() {
var html = this.template( this.getTemplateAttributes() );
this.$el.html( this.updatePreview( html ) );
return this;
},
/**
* Filter template attributes.
*
* @since 2.1
* @return {object}
*/
getTemplateAttributes: function() {
var atts = jQuery.extend( true, {}, this.model.attributes ),
dynamicData = this.getDynamicData(),
label = '';
// If element preview could be updated.
if ( -1 !== this.contentPreviewElements.indexOf( this.model.attributes.element_type ) ) {
// And there is dynamic content.
if ( ! _.isEmpty( dynamicData ) && 'undefined' !== typeof dynamicData.element_content ) {
// Elements which use element_content for preview, for example text element.
label = '';
if ( 'undefined' !== typeof FusionApp && 'undefined' !== typeof FusionApp.data.dynamicOptions[ dynamicData.element_content.data ] ) {
label = FusionApp.data.dynamicOptions[ dynamicData.element_content.data ].label;
} else if ( 'undefined' !== typeof fusionDynamicData.dynamicOptions[ dynamicData.element_content.data ] ) {
label = fusionDynamicData.dynamicOptions[ dynamicData.element_content.data ].label;
}
atts.params.element_content = this.globalIconPlaceholder + label;
}
}
return atts;
},
/**
* Updates preview with dynamic data if needed.
*
* @since 2.1
* @param {string} html
* @return {string}
*/
updatePreview: function( html ) {
var dynamicData = this.getDynamicData(),
elDynamicParams = [],
childHasDynamicData = false,
iconHTML = '<span class="fusiona-dynamic-data"></span>',
label = '',
childLabel = '',
$dynamicPreview;
// Check if element children use dynamic data.
if ( 'undefined' !== typeof this.model.attributes.multi && 'multi_element_parent' === this.model.attributes.multi &&
'undefined' !== typeof this.model.attributes.params.element_content && -1 !== this.model.attributes.params.element_content.indexOf( 'dynamic_params' )
) {
childHasDynamicData = true;
}
// Update preview if element or it's child uses dynamic data.
if ( -1 === this.contentPreviewElements.indexOf( this.model.attributes.element_type ) && ( ! _.isEmpty( dynamicData ) || childHasDynamicData ) ) {
$dynamicPreview = jQuery( '<div />', { html: html } );
// If children use dynamic content remove their preview.
if ( childHasDynamicData ) {
$dynamicPreview.find( 'ul' ).remove();
// Set child preview.
if ( 'undefined' !== typeof fusionAllElements[ this.model.attributes.element_type ] && 'undefined' !== typeof fusionAllElements[ fusionAllElements[ this.model.attributes.element_type ].element_child ] ) {
childLabel = fusionAllElements[ fusionAllElements[ this.model.attributes.element_type ].element_child ].name;
elDynamicParams.push( childLabel );
}
}
_.each( dynamicData, function( dynamic ) {
label = '';
if ( 'undefined' !== typeof FusionApp && 'undefined' !== typeof FusionApp.data.dynamicOptions[ dynamic.data ] ) {
label = FusionApp.data.dynamicOptions[ dynamic.data ].label;
} else if ( 'undefined' !== typeof fusionDynamicData.dynamicOptions[ dynamic.data ] ) {
label = fusionDynamicData.dynamicOptions[ dynamic.data ].label;
}
elDynamicParams.push( label );
} );
$dynamicPreview.append( '<div class="fusion-builder-dynamic-data-preview fusion-builder-dynamic-data-preview-inline">' + iconHTML + elDynamicParams.join( ', ' ) + '</div>' );
html = $dynamicPreview.html();
}
// Replace placeholders if added during attributes filtering.
return html.replace( this.globalIconPlaceholder, iconHTML );
},
/**
* Get element dynamic data.
*
* @since 2.1
* @return {object}
*/
getDynamicData: function() {
var dynamicData = {};
if ( 'undefined' !== typeof this.dynamicParams ) {
// Get dynamic data in live editor.
dynamicData = this.dynamicParams.getAll();
} else if ( 'undefined' !== typeof this.model.attributes.dynamic_params ) {
// Get dynamic data in backend editor.
dynamicData = this.model.attributes.dynamic_params;
}
return dynamicData;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderViewManager, FusionEvents, FusionPageBuilderApp, fusionBuilderText */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Next Page View.
FusionPageBuilder.NextPage = FusionPageBuilder.BaseView.extend( {
className: 'fusion-builder-next-page fusion-special-item',
template: FusionPageBuilder.template( jQuery( '#fusion-builder-next-page-template' ).html() ),
events: {
'click .fusion-builder-delete-next-page': 'removeNextPage',
'click .fusion-builder-next-page-toggle': 'toggleNextPagePreview',
'click .fusion-builder-next-page-link': 'changePageTrigger'
},
initialize: function() {
var params = this.model.get( 'params' );
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
if ( FusionApp.data.next_page_elements_count <= FusionPageBuilderViewManager.countElementsByType( 'fusion_builder_next_page' ) ) {
FusionApp.data.next_page_elements_count += 1;
}
if ( params.last ) {
this.$el.addClass( 'fusion-builder-next-page-last' );
}
},
render: function() {
var self = this,
data = this.getTemplateAtts();
this.$el.html( this.template( data ) );
this.addPaginationLinks();
setTimeout( function() {
self.droppableContainer();
}, 100 );
return this;
},
/**
* Adds drop zones for continers and makes container draggable.
*
* @since 2.0.0
* @return {void}
*/
droppableContainer: function() {
var $el = this.$el,
cid = this.model.get( 'cid' ),
$body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
if ( ! $el ) {
return;
}
$el.draggable( {
appendTo: FusionPageBuilderApp.$el,
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
iframeScroll: true,
containment: $body,
cancel: '.fusion-builder-column',
helper: function() {
var $classes = FusionPageBuilderApp.DraggableHelpers.draggableClasses( cid );
return jQuery( '<div class="fusion-container-helper ' + $classes + '" data-cid="' + cid + '"><span class="fusiona-container"></span></div>' );
},
start: function() {
$body.addClass( 'fusion-container-dragging fusion-active-dragging' );
$el.addClass( 'fusion-being-dragged' );
// Add a class to hide the unnecessary target after.
if ( $el.prev( '.fusion-builder-container' ).length ) {
$el.prev( '.fusion-builder-container' ).addClass( 'hide-target-after' );
}
if ( $el.prev( '.fusion-fusion-builder-next-pager' ).length ) {
$el.prev( '.fusion-fusion-builder-next-page' ).addClass( 'hide-target-after' );
}
},
stop: function() {
setTimeout( function() {
$body.removeClass( 'fusion-container-dragging fusion-active-dragging' );
}, 10 );
$el.removeClass( 'fusion-being-dragged' );
FusionPageBuilderApp.$el.find( '.hide-target-after' ).removeClass( 'hide-target-after' );
}
} );
$el.find( '.fusion-container-target' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-container, .fusion-builder-next-page',
drop: function( event, ui ) {
// Move the actual html.
if ( jQuery( event.target ).hasClass( 'target-after' ) ) {
$el.after( ui.draggable );
} else {
$el.before( ui.draggable );
}
FusionEvents.trigger( 'fusion-content-changed' );
FusionPageBuilderApp.scrollingContainers();
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.nextpage + ' Element Order Changed' );
}
} );
},
/**
* Get template attributes.
*
* @since 2.0.0
* @return {void}
*/
getTemplateAtts: function() {
var templateAttributes = {},
pages = Math.max( FusionApp.data.next_page_elements_count, FusionPageBuilderViewManager.countElementsByType( 'fusion_builder_next_page' ) );
templateAttributes.pages = pages;
templateAttributes = this.filterTemplateAtts( templateAttributes );
return templateAttributes;
},
/**
* Add the pagination links.
*
* @since 2.0.0
* @return {void}
*/
addPaginationLinks: function() {
var allNextPageElements = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page' ),
i,
additionalClasses = '';
for ( i = 1; i <= FusionApp.data.next_page_elements_count; i++ ) {
additionalClasses = ( 1 === i ) ? ' current' : '';
this.$el.find( '.fusion-builder-next-page-pagination' ).append( '<a class="fusion-builder-next-page-link' + additionalClasses + '" href="#" data-page="' + i + '">' + i + '</a>' );
}
if ( allNextPageElements.find( '.fusion-builder-next-page-pagination' ).eq( 0 ).find( '.fusion-builder-next-page-link' ).length < FusionApp.data.next_page_elements_count ) {
allNextPageElements.each( function() {
jQuery( this ).find( '.fusion-builder-next-page-pagination' ).append( '<a class="fusion-builder-next-page-link" href="#" data-page="' + FusionApp.data.next_page_elements_count + '">' + ( FusionApp.data.next_page_elements_count ) + '</a>' );
} );
}
},
removeNextPage: function( event ) {
var allNextPageElements = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page' ),
allContainers = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-container' ),
isLivePreviewActive = this.$el.hasClass( 'live-preview-active' ),
index = allNextPageElements.index( this.$el );
if ( event ) {
event.preventDefault();
}
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
this.model.destroy();
this.remove();
FusionApp.data.next_page_elements_count -= 1;
jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page' ).each( function() {
jQuery( this ).find( '.fusion-builder-next-page-link' ).eq( 0 ).remove();
jQuery( this ).find( '.fusion-builder-next-page-link' ).each( function( index ) {
jQuery( this ).attr( 'data-page', index + 1 );
jQuery( this ).html( index + 1 );
} );
} );
if ( isLivePreviewActive ) {
if ( jQuery( allNextPageElements.get( index ) ).length && 2 < allNextPageElements.length ) {
this.changePage( index );
} else {
allContainers.show();
if ( 2 === allNextPageElements.length ) {
this.toggleNextPagePreview();
}
}
}
FusionEvents.trigger( 'fusion-content-changed' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted_nextpage );
},
toggleNextPagePreview: function( event ) {
var allNextPageElements = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page' ),
lastNextPageElement = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page-last' ),
allContainers = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-container' ),
index = allNextPageElements.index( this.$el );
if ( event ) {
event.preventDefault();
}
if ( this.$el.hasClass( 'live-preview-active' ) ) {
allNextPageElements.show();
lastNextPageElement.hide();
allContainers.show();
} else {
this.changePage( index );
}
allNextPageElements.toggleClass( 'live-preview-active' );
},
changePageTrigger: function( event ) {
var newPage = parseInt( jQuery( event.target ).html(), 10 ) - 1;
event.preventDefault();
this.changePage( newPage );
},
changePage: function( newPage ) {
var newNextPageElement = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page' ).eq( newPage ),
ancestorNextPageElement = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page' ).eq( newPage - 1 ),
allNextPageElements = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-next-page' ),
allContainers = jQuery( '#fb-preview' ).contents().find( '.fusion-builder-container' );
allNextPageElements.removeClass( 'fusion-next-page-active' );
allNextPageElements.find( '.fusion-builder-next-page-link' ).removeClass( 'current' );
allNextPageElements.hide();
allContainers.hide();
newNextPageElement.addClass( 'fusion-next-page-active' );
newNextPageElement.show();
newNextPageElement.find( '.fusion-builder-next-page-link[data-page="' + ( newPage + 1 ) + '"]' ).addClass( 'current' );
if ( 0 === newPage ) {
newNextPageElement.prevAll( '.fusion-builder-container' ).show();
} else {
newNextPageElement.prevAll( '.fusion-builder-container' ).show();
ancestorNextPageElement.prevAll( '.fusion-builder-container' ).hide();
}
},
nextPageTriggerEvent: function( event ) {
FusionEvents.trigger( 'fusion-next-page' );
if ( event ) {
event.preventDefault();
FusionEvents.trigger( 'fusion-next-page' );
}
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager, FusionEvents, FusionPageBuilderApp, fusionBuilderText */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Checkout Form View.
FusionPageBuilder.checkoutForm = FusionPageBuilder.BaseView.extend( {
className: 'fusion-checkout-form fusion-special-item',
template: FusionPageBuilder.template( jQuery( '#fusion-checkout-form-template' ).html() ),
events: {
'click .fusion-builder-delete-checkout-form': 'removeCheckoutForm'
},
initialize: function() {
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
},
render: function() {
var self = this,
data = this.getTemplateAtts();
this.$el.html( this.template( data ) );
setTimeout( function() {
self.droppableContainer();
}, 100 );
return this;
},
/**
* Adds drop zones for continers and makes container draggable.
*
* @since 3.3
* @return {void}
*/
droppableContainer: function() {
var $el = this.$el,
cid = this.model.get( 'cid' ),
$body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
if ( ! $el ) {
return;
}
$el.draggable( {
appendTo: FusionPageBuilderApp.$el,
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
iframeScroll: true,
containment: $body,
cancel: '.fusion-builder-column',
helper: function() {
var $classes = FusionPageBuilderApp.DraggableHelpers.draggableClasses( cid );
return jQuery( '<div class="fusion-container-helper ' + $classes + '" data-cid="' + cid + '"><span class="fusiona-container"></span></div>' );
},
start: function() {
$body.addClass( 'fusion-container-dragging fusion-active-dragging' );
$el.addClass( 'fusion-being-dragged' );
// Add a class to hide the unnecessary target after.
if ( $el.prev( '.fusion-builder-container' ).length ) {
$el.prev( '.fusion-builder-container' ).addClass( 'hide-target-after' );
}
},
stop: function() {
setTimeout( function() {
$body.removeClass( 'fusion-container-dragging fusion-active-dragging' );
}, 10 );
$el.removeClass( 'fusion-being-dragged' );
FusionPageBuilderApp.$el.find( '.hide-target-after' ).removeClass( 'hide-target-after' );
}
} );
$el.find( '.fusion-container-target' ).droppable( {
tolerance: 'touch',
hoverClass: 'ui-droppable-active',
accept: '.fusion-builder-container, .fusion-checkout-form',
drop: function( event, ui ) {
// Move the actual html.
if ( jQuery( event.target ).hasClass( 'target-after' ) ) {
$el.after( ui.draggable );
} else {
$el.before( ui.draggable );
}
FusionEvents.trigger( 'fusion-content-changed' );
FusionPageBuilderApp.scrollingContainers();
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.checkout_form + ' Element Order Changed' );
}
} );
},
/**
* Get template attributes.
*
* @since 3.3
* @return {void}
*/
getTemplateAtts: function() {
var templateAttributes = {};
templateAttributes = this.filterTemplateAtts( templateAttributes );
return templateAttributes;
},
removeCheckoutForm: function( event ) {
if ( event ) {
event.preventDefault();
}
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
this.model.destroy();
this.remove();
FusionEvents.trigger( 'fusion-content-changed' );
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.deleted_checkout_form );
}
} );
} );
}( jQuery ) );
;/* global FusionApp */
/* eslint no-empty-function: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Library
FusionPageBuilder.keyBoardShorCutsView = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-front-end-keyboard-shortcuts' ).html() ),
events: {
'click .fusion-open-prefernces-panel': 'openPreferencePanel'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this;
this.$el.html( this.template() );
this.$el = this.$el.dialog( {
title: 'Keyboard Shortcuts',
width: 600,
height: FusionApp.dialog.dialogHeight,
draggable: false,
resizable: false,
modal: true,
dialogClass: 'fusion-builder-large-library-dialog fusion-builder-dialog fusion-builder-keyboard-shortcuts-dialog',
open: function() {
FusionApp.dialog.resizeDialog();
},
close: function() {
self.removeDialog();
}
} ).closest( '.ui-dialog' );
return this;
},
/**
* Removes the view.
*
* @since 2.0.0
* @return {void}
*/
removeDialog: function() {
this.remove();
},
/**
* Removes this view and open preference panel.
*
* @since 2.0.0
* @return {void}
*/
openPreferencePanel: function() {
this.remove();
jQuery( '.fusion-builder-preferences' ).trigger( 'click' );
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderViewManager, fusionAllElements, fusionBuilderText, avadaPanelIFrame, fusionBuilderText, FusionPageBuilderApp, fusionAppConfig, FusionEvents, fusionGlobalManager */
/* eslint no-undef: 0 */
/* eslint no-alert: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Library
FusionPageBuilder.LibraryView = FusionPageBuilder.BaseLibraryView.extend( {
el: '#fusion-builder-front-end-library',
events: {
'click .fusion-tabs-menu > li > a': 'switchTab',
'change .fusion-builder-demo-select': 'demoSelect',
'input .fusion-builder-demo-page-link': 'demoSelectByURL',
'click .fusion-builder-demo-button-load': 'loadDemoPage',
'click .ui-dialog-titlebar-close': 'removeView',
'click .fusion-builder-layout-button-load': 'loadLayout',
'click .fusion-builder-layout-button-save': 'saveLayout',
'click .fusion-builder-layout-button-delete': 'deleteLayout',
'click .fusion-builder-element-button-save': 'saveElement',
'click .awb-sites-import-js': 'importDemoPage',
'click .awb-import-options-toggle': 'toggleImportOptions',
'click .awb-import-studio-item': 'loadStudioLayout',
'change .awb-import-options .awb-import-style input[name="overwrite-type"]': 'triggerPreviewChanges',
'change .awb-import-options .awb-import-inversion input[name="invert"]': 'triggerPreviewChanges'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
var self = this;
jQuery( document ).on( 'click', '.fusion-builder-library-dialog .fusion-tabs-menu > li > a', function( event ) {
self.switchTab( event );
} );
// Loader animation
this.listenTo( FusionEvents, 'fusion-show-loader', this.showLoader );
this.listenTo( FusionEvents, 'fusion-hide-loader', this.hideLoader );
this.listenTo( FusionEvents, 'awb-studio-import-modal-closed', this.removeView );
},
showLoader: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-builder-live-editor' ).css( 'height', '148px' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-builder-live-editor' ).append( '<div class="fusion-builder-element-content fusion-loader"><span class="fusion-builder-loader"></span></div>' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#fusion_builder_container' ).hide();
},
hideLoader: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#fusion_builder_container' ).fadeIn( 'fast' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-builder-live-editor > .fusion-builder-element-content.fusion-loader' ).remove();
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-builder-live-editor' ).removeAttr( 'style' );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var self = this;
this.$el = this.$el.dialog( {
title: fusionBuilderText.builder_ibrary_title,
width: FusionApp.dialog.dialogWidth,
height: FusionApp.dialog.dialogHeight,
draggable: false,
resizable: false,
modal: true,
dialogClass: 'fusion-builder-large-library-dialog fusion-builder-dialog fusion-builder-library-dialog',
open: function() {
FusionApp.dialog.resizeDialog();
},
close: function() {
self.removeView();
}
} ).closest( '.ui-dialog' );
this.appendSave();
this.targetTab();
this.focusInput();
return this;
},
/**
* Find the target tab and trigger the 'click' event on it.
*
* @since 2.0.0
* @return {void}
*/
targetTab: function() {
if ( 'undefined' !== typeof this.model.target ) {
this.$el.find( '.fusion-tabs-menu > li > a[href="' + this.model.target + '"]' ).trigger( 'click' );
} else {
this.$el.find( '.fusion-tabs-menu > li:first-child > a' ).trigger( 'click' );
}
},
/**
* Focus on an element.
*
* @since 2.0.0
* @return {void}
*/
focusInput: function() {
var self = this;
if ( 'undefined' !== typeof this.model.focus ) {
setTimeout( function() {
self.$el.find( self.model.target ).find( self.model.focus ).focus();
}, 200 );
}
},
/**
* Appends the HTML that allows users to save an element.
*
* @since 2.0.0
* @return {void}
*/
appendSave: function() {
var elementView,
elementSave;
if ( 'undefined' !== typeof this.model.target && 'undefined' !== typeof this.model.element_cid ) {
elementView = FusionPageBuilderViewManager.getView( this.model.element_cid );
elementSave = 'undefined' !== typeof elementView.getSaveLabel ? elementView.getSaveLabel() : fusionBuilderText.save_element;
jQuery( this.model.target ).find( '.fusion-builder-layouts-header-element-fields' ).append( '<div class="fusion-save-element-fields"><div class="save-as-global"><label><input type="checkbox" id="fusion_save_global" name="fusion_save_global">' + fusionBuilderText.save_global + '</label></div><input type="text" value="' + this.model.element_name + '" id="fusion-builder-save-element-input" class="fusion-builder-save-element-input" placeholder="' + fusionBuilderText.enter_name + '" /><a href="#" class="fusion-builder-save-column fusion-builder-element-button-save" data-element-cid="' + this.model.element_cid + '">' + elementSave + '</a></div>' );
}
},
/**
* Switches a tab. Takes care of toggling the 'current' & 'inactive' classes
* and also changes the 'display' property of elements to properly make the switch.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
switchTab: function( event ) {
var $tabLink = jQuery( event.currentTarget ),
tab = $tabLink.attr( 'href' );
if ( event ) {
event.preventDefault();
}
FusionEvents.trigger( 'fusion-switch-element-option-tabs' );
$tabLink.parent( 'li' ).addClass( 'current' ).removeClass( 'inactive' );
$tabLink.parent( 'li' ).siblings().removeClass( 'current' ).addClass( 'inactive' );
this.$el.find( '.fusion-builder-layouts-tab' ).css( 'display', 'none' );
this.$el.find( tab ).css( 'display', 'block' );
// Trigger ajax for studio.
if ( '#fusion-builder-fusion_template-studio' === tab ) {
this.loadStudio( 'fusion_template' );
}
// Trigger ajax for demos.
if ( '#fusion-builder-layouts-demos' === tab ) {
this.loadWebsite();
}
},
/**
* Shows/Hides demos on select.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
demoSelect: function( event ) {
var $selectedDemo = jQuery( event.target ).val();
jQuery( '#fusion-builder-layouts-demos .fusion-page-layouts' ).addClass( 'hidden' );
jQuery( '#fusion-builder-demo-url-invalid' ).addClass( 'hidden' );
jQuery( '.fusion-builder-demo-page-link' ).val( '' );
jQuery( '#fusion-builder-layouts-demos .demo-' + $selectedDemo ).removeClass( 'hidden' );
},
/**
* Shows/Hides demos on added URL change.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
demoSelectByURL: function( event ) {
var demoPageLink = jQuery( event.target ).val(),
demoPage,
parentDemo,
demoSelectorVal;
demoPageLink = demoPageLink.replace( 'https://', '' ).replace( 'http://', '' );
if ( '/' !== demoPageLink[ demoPageLink.length - 1 ] && ! _.isEmpty( demoPageLink ) ) {
demoPageLink += '/';
}
demoPage = jQuery( '#fusion-builder-layouts-demos' ).find( '.fusion-page-layout[data-page-link="' + demoPageLink + '"]' );
parentDemo = demoPage.closest( '.fusion-page-layouts' );
jQuery( '#fusion-builder-layouts-demos .fusion-page-layouts' ).addClass( 'hidden' );
jQuery( '#fusion-builder-demo-url-invalid' ).addClass( 'hidden' );
if ( _.isEmpty( demoPageLink ) ) {
demoSelectorVal = jQuery( '.fusion-builder-demo-select' ).val();
jQuery( '#fusion-builder-layouts-demos .demo-' + demoSelectorVal ).removeClass( 'hidden' );
} else if ( ! demoPage.length ) {
jQuery( '#fusion-builder-demo-url-invalid' ).removeClass( 'hidden' );
} else {
parentDemo.show();
parentDemo.find( '.fusion-page-layout' ).hide();
demoPage.show();
}
},
/**
* Loads the demo pages via an ajax call.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
loadDemoPage: function( event ) {
var pageName,
demoName,
postId,
content,
self = this,
frameDocument = document.getElementById( 'fb-preview' ).contentWindow.document,
oldWrite = frameDocument.write; // jshint ignore:line
// Turn document write off before page request.
frameDocument.write = function() {}; // eslint-disable-line no-empty-function
document.write = function() {}; // eslint-disable-line no-empty-function
if ( event ) {
event.preventDefault();
}
FusionApp.confirmationPopup( {
title: fusionBuilderText.import_demo_page,
content: fusionBuilderText.importing_single_page,
actions: [
{
label: fusionBuilderText.cancel,
classes: 'no',
callback: function() {
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
},
{
label: fusionBuilderText.ok,
classes: 'yes',
callback: function() {
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
FusionPageBuilderApp.loaded = false;
pageName = jQuery( event.currentTarget ).data( 'page-name' );
demoName = jQuery( event.currentTarget ).data( 'demo-name' );
postId = jQuery( event.currentTarget ).data( 'post-id' );
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
data: {
action: 'fusion_builder_load_demo',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
page_name: pageName,
demo_name: demoName,
post_id: postId
},
beforeSend: function() {
FusionEvents.trigger( 'fusion-show-loader' );
// Hide confirmation popup.
FusionApp.confirmationPopup( {
action: 'hide'
} );
// Hide library dialog.
self.$el.css( 'display', 'none' );
self.$el.next( '.ui-widget-overlay' ).css( 'display', 'none' );
}
} )
.done( function( data ) {
var dataObj,
needsRefresh = false,
newCustomCss = false;
// New layout loaded
FusionPageBuilderApp.layoutLoaded();
dataObj = JSON.parse( data );
newCustomCss = 'undefined' !== typeof dataObj.custom_css ? dataObj.custom_css : false;
content = dataObj.post_content;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = newCustomCss;
}
jQuery.each( dataObj.post_meta, function( name, value ) {
needsRefresh = true;
FusionApp.data.postMeta[ name ] = value[ 0 ];
} );
if ( 'undefined' !== typeof dataObj.page_template && FusionApp.data.postMeta._wp_page_template !== dataObj.page_template ) {
FusionApp.data.postMeta._wp_page_template = dataObj.page_template;
needsRefresh = true;
}
if ( needsRefresh ) {
FusionApp.contentChange( 'page', 'page-option' );
}
FusionApp.data.postContent = content;
FusionApp.contentChange( 'page', 'builder-content' );
if ( newCustomCss && 'undefined' !== typeof avadaPanelIFrame ) {
// Add the CSS to the page.
avadaPanelIFrame.liveUpdatePageCustomCSS( newCustomCss );
}
// Create new builder layout.
FusionPageBuilderApp.clearBuilderLayout( false );
FusionPageBuilderApp.createBuilderLayout( content );
// Refresh frame if needed.
if ( needsRefresh ) {
FusionApp.fullRefresh();
}
FusionPageBuilderApp.layoutIsLoading = false;
} )
.always( function() {
// Add success/transition of some kind here.
FusionEvents.trigger( 'fusion-hide-loader' );
frameDocument.write = oldWrite;
document.write = oldWrite;
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
self.removeView();
} );
}
}
]
} );
},
/**
* Loads the demo pages via an ajax call.
*
* @since 3.5
* @param {Object} event - The event.
* @return {void}
*/
importDemoPage: function( event ) {
var demoName,
pageId,
completeCB,
self = this,
frameDocument = document.getElementById( 'fb-preview' ).contentWindow.document,
oldWrite = frameDocument.write; // jshint ignore:line
// Turn document write off before page request.
frameDocument.write = function() {}; // eslint-disable-line no-empty-function
document.write = function() {}; // eslint-disable-line no-empty-function
completeCB = function() {
// Add success/transition of some kind here.
FusionEvents.trigger( 'fusion-hide-loader' );
frameDocument.write = oldWrite;
document.write = oldWrite;
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
self.removeView();
self.demoPageImportComplete();
};
if ( event ) {
event.preventDefault();
}
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
FusionPageBuilderApp.loaded = false;
demoName = jQuery( event.currentTarget ).data( 'demo-name' );
pageId = jQuery( event.currentTarget ).data( 'page-id' );
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
data: {
action: 'awb_load_websites_page',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
demo_name: demoName,
post_id: FusionApp.getPost( 'post_id' ),
page_id: pageId
},
beforeSend: function() {
self.beforeDemoPageImport();
}
} )
.done( function( data ) {
var i, dataObj,
promises = [],
dfd = jQuery.Deferred(), // Master deferred.
dfdNext = dfd; // Next deferred in the chain.
dataObj = JSON.parse( data );
if ( ! dataObj.success ) {
FusionPageBuilderApp.layoutIsLoading = false;
alert( fusionBuilderText.api_error_text );
completeCB();
return;
}
dfd.resolve();
// Reset array.
self.mediaImportKeys = [];
// We have the content, let's check for assets.
// Filter out empty properties (now those are empty arrays).
if ( 'object' === typeof dataObj.avada_media ) {
Object.keys( dataObj.avada_media ).forEach( function( key ) {
// We expect and object.
if ( 'object' === typeof dataObj.avada_media[ key ] && ! Array.isArray( dataObj.avada_media[ key ] ) ) {
self.mediaImportKeys.push( key );
}
} );
}
// Import media if needed.
if ( 0 < self.mediaImportKeys.length ) {
// Set first AJAX response as initial data.
FusionPageBuilderApp.website.setImportData( dataObj );
for ( i = 0; i < self.mediaImportKeys.length; i++ ) {
// IIFE to freeze the value of i.
( function( k ) { // eslint-disable-line no-loop-func
dfdNext = dfdNext.then( function() {
return self.importDemoPageMedia( FusionPageBuilderApp.website.getImportData(), self.mediaImportKeys[ k ] );
} );
promises.push( dfdNext );
}( i ) );
}
jQuery.when.apply( null, promises ).then(
function() {
self.setPageContent( dataObj, FusionPageBuilderApp.website.getImportData().post_content );
completeCB();
// Reset import data.
FusionPageBuilderApp.website.resetImportData();
},
function() {
alert( fusionBuilderText.demo_importing_content_failed );
completeCB();
// Reset import data.
FusionPageBuilderApp.website.resetImportData();
}
);
} else {
self.setPageContent( dataObj, dataObj.post_content );
completeCB();
}
} );
},
/**
*
* @param {Object} dataObj
* @param {String} newContent
*/
setPageContent: function( dataObj, newContent ) {
var needsRefresh = false,
newCustomCss = false;
// New layout loaded
FusionPageBuilderApp.layoutLoaded();
newCustomCss = 'undefined' !== typeof dataObj.custom_css ? dataObj.custom_css : false;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = newCustomCss;
}
jQuery.each( dataObj.post_meta, function( name, value ) {
needsRefresh = true;
FusionApp.data.postMeta[ name ] = value[ 0 ];
} );
if ( 'undefined' !== typeof dataObj.page_template && FusionApp.data.postMeta._wp_page_template !== dataObj.page_template ) {
FusionApp.data.postMeta._wp_page_template = dataObj.page_template;
needsRefresh = true;
}
if ( needsRefresh ) {
FusionApp.contentChange( 'page', 'page-option' );
}
FusionApp.setPost( 'post_content', newContent );
FusionApp.contentChange( 'page', 'builder-content' );
// Refresh frame if needed.
if ( needsRefresh ) {
FusionApp.fullRefresh( false, {}, { post_content: newContent } );
} else {
if ( newCustomCss && 'undefined' !== typeof avadaPanelIFrame ) {
// Add the CSS to the page.
avadaPanelIFrame.liveUpdatePageCustomCSS( newCustomCss );
}
// Create new builder layout.
FusionPageBuilderApp.clearBuilderLayout( false );
FusionPageBuilderApp.createBuilderLayout( newContent );
}
FusionPageBuilderApp.layoutIsLoading = false;
},
/**
* Does what needs to be done when demo page is imported.
*
* @since 3.5
*/
demoPageImportComplete: function() {
this.$el.css( 'display', 'none' );
this.$el.next( '.ui-widget-overlay' ).css( 'display', 'none' );
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-sticky-header-reinit' );
// Remove modal view.
this.demoImportModalView.remove();
},
/**
* Loads the layout via AJAX.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
loadLayout: function( event ) {
var $layout,
contentPlacement,
content,
self = this;
if ( event ) {
event.preventDefault();
}
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
$layout = jQuery( event.currentTarget ).closest( '.fusion-page-layout' );
contentPlacement = jQuery( event.currentTarget ).data( 'load-type' );
// Get correct content.
FusionPageBuilderApp.builderToShortcodes();
content = FusionApp.getPost( 'post_content' ); // eslint-disable-line camelcase
FusionPageBuilderApp.loaded = false;
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_layout_id: $layout.data( 'layout_id' ),
post_id: FusionApp.getPost( 'post_id' )
},
beforeSend: function() {
FusionEvents.trigger( 'fusion-show-loader' );
// Hide library dialog.
self.$el.css( 'display', 'none' );
self.$el.next( '.ui-widget-overlay' ).css( 'display', 'none' );
}
} )
.done( function( data ) {
var dataObj,
newCustomCss,
needsRefresh = false,
existingCss = 'undefined' !== typeof FusionApp.data.postMeta._fusion_builder_custom_css ? FusionApp.data.postMeta._fusion_builder_custom_css : '';
// New layout loaded
FusionPageBuilderApp.layoutLoaded();
dataObj = JSON.parse( data );
newCustomCss = 'undefined' !== typeof dataObj.custom_css ? dataObj.custom_css : false;
if ( 'above' === contentPlacement ) {
content = dataObj.post_content + content;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = newCustomCss + '\n' + existingCss;
}
} else if ( 'below' === contentPlacement ) {
content = content + dataObj.post_content;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = existingCss + '\n' + newCustomCss;
}
} else {
content = dataObj.post_content;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = newCustomCss;
}
jQuery.each( dataObj.post_meta, function( name, value ) {
needsRefresh = true;
FusionApp.data.postMeta[ name ] = value[ 0 ];
} );
if ( 'undefined' !== typeof dataObj.page_template && FusionApp.data.postMeta._wp_page_template !== dataObj.page_template ) {
FusionApp.data.postMeta._wp_page_template = dataObj.page_template;
needsRefresh = true;
}
if ( needsRefresh ) {
FusionApp.contentChange( 'page', 'page-option' );
}
}
FusionApp.setPost( 'post_content', content );
FusionApp.contentChange( 'page', 'builder-content' );
if ( needsRefresh ) {
// Set new content and refresh frame.
FusionApp.fullRefresh( false, {}, { post_content: content } );
} else {
if ( newCustomCss && 'undefined' !== typeof avadaPanelIFrame ) {
// Add the CSS to the page.
avadaPanelIFrame.liveUpdatePageCustomCSS( newCustomCss );
}
// Create new builder layout.
FusionPageBuilderApp.clearBuilderLayout( false );
FusionPageBuilderApp.createBuilderLayout( content );
}
FusionPageBuilderApp.layoutIsLoading = false;
} )
.always( function() {
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
FusionEvents.trigger( 'fusion-hide-loader' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-sticky-header-reinit' );
self.removeView();
} );
},
/**
* Loads the layout via AJAX.
*
* @since 2.0.0
* @param {Object} [event] The event.
* @return {void}
*/
loadStudioLayout: function( event ) {
var self = this,
category = 'undefined' !== typeof FusionApp.data.postDetails.post_type && 'fusion_form' === FusionApp.data.postDetails.post_type ? 'forms' : 'fusion_template',
importOptions = this.getImportOptions( event );
if ( event ) {
event.preventDefault();
}
// Off canvas.
category = 'undefined' !== typeof FusionApp.data.postDetails.post_type && 'awb_off_canvas' === FusionApp.data.postDetails.post_type ? FusionApp.data.postDetails.post_type : category;
if ( 'string' === typeof FusionApp.data.template_category ) {
category = FusionApp.data.template_category;
}
if ( true === FusionPageBuilderApp.layoutIsLoading ) {
return;
}
FusionPageBuilderApp.layoutIsLoading = true;
// Get correct content.
FusionPageBuilderApp.builderToShortcodes();
content = FusionApp.getPost( 'post_content' ); // eslint-disable-line camelcase
FusionPageBuilderApp.loaded = false;
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_builder_load_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_layout_id: importOptions.layoutID,
fusion_studio: true,
overWriteType: importOptions.overWriteType,
shouldInvert: importOptions.shouldInvert,
imagesImport: importOptions.imagesImport,
post_id: FusionApp.getPost( 'post_id' ),
category: category
},
beforeSend: function() {
self.beforeStudioItemImport();
},
success: function( data ) {
var i,
promises = [],
dfd = jQuery.Deferred(), // Master deferred.
dfdNext = dfd; // Next deferred in the chain.
dfd.resolve();
// Reset array.
self.mediaImportKeys = [];
// We have the content, let's check for assets.
// Filter out empty properties (now those are empty arrays).
if ( 'object' === typeof data.avada_media ) {
Object.keys( data.avada_media ).forEach( function( key ) {
// We expect and object.
if ( 'object' === typeof data.avada_media[ key ] && ! Array.isArray( data.avada_media[ key ] ) ) {
self.mediaImportKeys.push( key );
}
} );
}
// Import studio media if needed.
if ( 0 < self.mediaImportKeys.length ) {
// Set first AJAX response as initial data.
FusionPageBuilderApp.studio.setImportData( data );
for ( i = 0; i < self.mediaImportKeys.length; i++ ) {
// IIFE to freeze the value of i.
( function( k ) { // eslint-disable-line no-loop-func
dfdNext = dfdNext.then( function() {
return self.importStudioMedia( FusionPageBuilderApp.studio.getImportData(), self.mediaImportKeys[ k ], importOptions );
} );
promises.push( dfdNext );
}( i ) );
}
jQuery.when.apply( null, promises ).then(
function() {
/*
var lastAjaxResponse;
if ( 1 === promises.length ) {
lastAjaxResponse = arguments[ 0 ];
} else {
lastAjaxResponse = arguments[ promises.length - 1 ][ 0 ];
}
*/
self.setStudioContent( data, FusionPageBuilderApp.studio.getImportData().post_content );
FusionEvents.trigger( 'fusion-studio-content-imported', FusionPageBuilderApp.studio.getImportData() );
self.studioLayoutImportComplete( event );
// Reset import data.
FusionPageBuilderApp.studio.resetImportData();
},
function() {
self.studioImportModalView.updateStatus( fusionBuilderText.studio_importing_content_failed );
self.studioLayoutImportComplete( event );
// Reset import data.
FusionPageBuilderApp.studio.resetImportData();
}
);
} else {
self.setStudioContent( data, data.post_content );
FusionEvents.trigger( 'fusion-studio-content-imported', data );
self.studioLayoutImportComplete( event );
}
}
} );
},
/**
* Does what needs to be done when layout is imported.
*
* @since 3.5
* @param {Object} event - The event.
*/
studioLayoutImportComplete: function( event ) {
var $layout = jQuery( event.currentTarget ).closest( '.fusion-page-layout' ),
$layoutsContainer = $layout.closest( '.studio-imports' );
$layoutsContainer.show();
this.$el.css( 'display', 'none' );
this.$el.next( '.ui-widget-overlay' ).css( 'display', 'none' );
FusionPageBuilderApp.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-sticky-header-reinit' );
// Remove modal view.
this.studioImportModalView.remove();
// Close library modal.
this.removeView();
},
/**
*
* @param {Object} dataObj
* @param {String} newContent
*/
setStudioContent: function( dataObj, newContent ) {
var newCustomCss,
needsRefresh = false,
existingCss = 'undefined' !== typeof FusionApp.data.postMeta._fusion_builder_custom_css ? FusionApp.data.postMeta._fusion_builder_custom_css : '',
contentPlacement = jQuery( '.awb-import-options-group' ).find( 'input[name="load-type"]:checked' ).val(),
content = '';
// Get correct content.
FusionPageBuilderApp.builderToShortcodes();
content = FusionApp.getPost( 'post_content' ); // eslint-disable-line camelcase
// New layout loaded
FusionPageBuilderApp.layoutLoaded();
newCustomCss = 'undefined' !== typeof dataObj.custom_css ? dataObj.custom_css : false;
if ( 'load-type-above' === contentPlacement ) {
content = newContent + content;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = newCustomCss + '\n' + existingCss;
}
} else if ( 'load-type-below' === contentPlacement ) {
content = content + newContent;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = existingCss + '\n' + newCustomCss;
}
} else {
content = newContent;
if ( newCustomCss ) {
FusionApp.data.postMeta._fusion_builder_custom_css = newCustomCss;
}
// Set _fusion meta.
if ( 'undefined' !== typeof dataObj.post_meta && 'undefined' !== typeof dataObj.post_meta._fusion ) {
jQuery.each( dataObj.post_meta._fusion, function( name, value ) {
needsRefresh = true;
FusionApp.data.postMeta._fusion[ name ] = value;
} );
}
if ( needsRefresh ) {
FusionApp.contentChange( 'page', 'page-option' );
}
}
FusionApp.setPost( 'post_content', content );
FusionApp.contentChange( 'page', 'builder-content' );
if ( needsRefresh ) {
// Set new content and refresh frame.
FusionApp.fullRefresh( false, {}, { post_content: content } );
} else {
if ( newCustomCss && 'undefined' !== typeof avadaPanelIFrame ) {
// Add the CSS to the page.
avadaPanelIFrame.liveUpdatePageCustomCSS( newCustomCss );
}
// Create new builder layout.
FusionPageBuilderApp.clearBuilderLayout( false );
FusionPageBuilderApp.createBuilderLayout( content );
}
FusionPageBuilderApp.layoutIsLoading = false;
},
/**
* Saves the layout via AJAX.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
saveLayout: function( event ) {
var templateContent,
templateName,
layoutsContainer,
currentPostID,
customCSS,
pageTemplate;
if ( event ) {
event.preventDefault();
}
FusionPageBuilderApp.builderToShortcodes();
templateContent = FusionApp.getPost( 'post_content' ); // eslint-disable-line camelcase
templateName = jQuery( '#new_template_name' ).val();
layoutsContainer = jQuery( '#fusion-builder-layouts-templates .fusion-page-layouts' );
currentPostID = jQuery( '#fusion_builder_main_container' ).data( 'post-id' );
customCSS = 'undefined' !== typeof FusionApp.data.postMeta._fusion_builder_custom_css ? FusionApp.data.postMeta._fusion_builder_custom_css : '';
pageTemplate = 'undefined' !== typeof FusionApp.data.postMeta._wp_page_template ? FusionApp.data.postMeta._wp_page_template : '';
if ( '' !== templateName ) {
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'json',
data: {
action: 'fusion_builder_save_layout',
fusion_po_type: 'object',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_layout_name: templateName,
fusion_layout_content: templateContent,
fusion_layout_post_type: 'fusion_template',
fusion_current_post_id: currentPostID,
fusion_custom_css: customCSS,
fusion_page_template: pageTemplate,
fusion_options: FusionApp.data.postMeta,
fusion_front_end: true
},
complete: function( data ) {
layoutsContainer.prepend( data.responseText );
}
} );
jQuery( '#new_template_name' ).val( '' );
} else {
alert( fusionBuilderText.please_enter_template_name ); // jshint ignore: line
}
},
/**
* Deletes a layout via AJAX.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
deleteLayout: function( event ) {
var $layout;
if ( event ) {
event.preventDefault();
FusionApp.confirmationPopup( {
title: fusionBuilderText.are_you_sure,
content: fusionBuilderText.are_you_sure_you_want_to_delete_this,
actions: [
{
label: fusionBuilderText.cancel,
classes: 'no',
callback: function() {
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
},
{
label: fusionBuilderText.im_sure,
classes: 'yes',
callback: function() {
if ( true === FusionPageBuilderApp.layoutIsDeleting ) {
return;
}
FusionPageBuilderApp.layoutIsDeleting = true;
$layout = jQuery( event.currentTarget ).closest( '.fusion-page-layout' );
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
data: {
action: 'fusion_builder_delete_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_layout_id: $layout.data( 'layout_id' )
}
} )
.done( function() {
$layout.remove();
FusionPageBuilderApp.layoutIsDeleting = false;
} );
FusionApp.confirmationPopup( {
action: 'hide'
} );
}
}
]
} );
}
},
/**
* Saves an element via AJAX.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
saveElement: function( event ) {
var elementName = jQuery( '#fusion-builder-save-element-input' ).val(),
layoutsContainer = jQuery( this.model.target ).find( '.fusion-page-layouts' ),
saveGlobal = jQuery( this.model.target ).find( '#fusion_save_global' ).is( ':checked' ),
elementView = FusionPageBuilderViewManager.getView( this.model.element_cid ),
elementContent = elementView.getContent(),
elementCategory = 'undefined' !== typeof elementView.getCategory ? elementView.getCategory() : 'elements',
isDuplicate = false,
oldGLobalID = null,
wrapperClass = '',
params = {};
if ( event ) {
event.preventDefault();
}
if ( 'undefined' !== typeof elementView.model.attributes.params && 'undefined' !== typeof elementView.model.attributes.params.fusion_global ) {
// Make a copy.
oldGLobalID = elementView.model.attributes.params.fusion_global;
params = elementView.model.get( 'params' );
// Remove temporarily and update model
delete params.fusion_global;
elementView.model.set( 'params', params );
// Get content.
elementContent = elementView.getColumnContent();
// Add it back.
params.fusion_global = oldGLobalID;
elementView.model.set( 'params', params );
}
switch ( elementCategory ) {
case 'sections':
wrapperClass = 'ul.fusion-page-layouts.fusion-layout-sections li';
break;
case 'columns':
wrapperClass = 'ul.fusion-page-layouts.fusion-layout-columns li';
break;
case 'elements':
wrapperClass = 'ul.fusion-page-layouts.fusion-layout-elements li';
break;
}
jQuery.each( jQuery( wrapperClass ), function() {
var templateName = jQuery( this ).find( 'h4.fusion-page-layout-title' ).html().split( '<div ' )[ 0 ];
templateName = templateName.replace( /\u2013|\u2014/g, '-' );
if ( elementName.toLowerCase().trim() === templateName.toLowerCase().trim() ) {
alert( fusionBuilderText.duplicate_element_name_error ); // jshint ignore:line
isDuplicate = true;
return false;
}
} );
if ( true === FusionPageBuilderApp.layoutIsSaving || true === isDuplicate ) {
return;
}
FusionPageBuilderApp.layoutIsSaving = true;
if ( '' !== elementName ) {
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'json',
data: {
action: 'fusion_builder_save_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_layout_name: elementName,
fusion_layout_content: elementContent,
fusion_layout_post_type: 'fusion_element',
fusion_layout_new_cat: elementCategory,
fusion_save_global: saveGlobal,
fusion_front_end: true
},
complete: function( data ) {
var MultiGlobalArgs,
cid = elementView.model.get( 'cid' ),
globalID = jQuery( data.responseText ).attr( 'data-layout_id' );
FusionPageBuilderApp.layoutIsSaving = false;
layoutsContainer.prepend( data.responseText );
jQuery( '.fusion-save-element-fields' ).remove();
// If global, make it.
if ( saveGlobal ) {
// For nested elements.
if ( 'undefined' === typeof elementView.model.attributes.params ) {
elementView.model.attributes.params = {};
}
elementView.model.attributes.params.fusion_global = globalID;
if ( 'sections' === elementCategory ) {
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"] .fusion-builder-module-controls-type-container .fusion-builder-module-controls' ).after( '<a href="#" class="fusion-builder-container-global fusion-builder-module-control fusion-builder-unglobal-tooltip" data-cid=' + cid + '><span class="fusiona-globe"></span><span class="fusion-container-tooltip"><span class="fusion-tooltip-text">' + fusionBuilderText.global_container + '</span></span></a>' );
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"]' ).addClass( 'fusion-global-container' );
} else if ( 'columns' === elementCategory ) {
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"] .fusion-builder-module-controls-inner.fusion-builder-column-controls-inner' ).after( '<a href="#" class="fusion-builder-column-global fusion-builder-module-control fusion-builder-unglobal-tooltip" data-cid=' + cid + '><span class="fusiona-globe"></span><span class="fusion-column-tooltip"><span class="fusion-tooltip-text">' + fusionBuilderText.global_column + '</span></span></a>' );
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"]' ).addClass( 'fusion-global-column' );
} else if ( 'elements' === elementCategory && 'undefined' !== typeof elementView.model.get( 'multi' ) && 'multi_element_parent' === elementView.model.get( 'multi' ) ) {
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"]' ).addClass( 'fusion-global-parent-element' );
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"] .fusion-builder-module-controls-inner' ).after( '<a href="#" class="fusion-builder-element-global fusion-builder-module-control fusion-builder-unglobal-tooltip" data-cid=' + cid + '><span class="fusiona-globe"></span><span class="fusion-element-tooltip"><span class="fusion-tooltip-text">' + fusionBuilderText.global_element + '</span></span></a>' );
} else if ( 'elements' === elementCategory && 'fusion_builder_row_inner' === elementView.model.get( 'element_type' ) ) {
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"]' ).addClass( 'fusion-global-nested-row' );
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"] .fusion-builder-module-controls-inner' ).after( '<a href="#" class="fusion-builder-element-global fusion-builder-module-control fusion-builder-unglobal-tooltip" data-cid=' + cid + '><span class="fusiona-globe"></span><span class="fusion-element-tooltip"><span class="fusion-tooltip-text">' + fusionBuilderText.global_element + '</span></span></a>' );
} else if ( 'elements' === elementCategory ) {
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"]' ).addClass( 'fusion-global-element' );
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"] .fusion-builder-module-controls-inner' ).after( '<a href="#" class="fusion-builder-element-global fusion-builder-module-control fusion-builder-unglobal-tooltip" data-cid=' + cid + '><span class="fusiona-globe"></span><span class="fusion-element-tooltip"><span class="fusion-tooltip-text">' + fusionBuilderText.global_element + '</span></span></a>' );
}
FusionPageBuilderApp.$el.find( 'div[data-cid="' + cid + '"]' ).attr( 'fusion-global-layout', globalID );
FusionEvents.trigger( 'fusion-element-added' );
FusionPageBuilderApp.saveGlobal = true;
// Check for globals.
MultiGlobalArgs = {
currentModel: elementView.model,
handleType: 'save',
attributes: elementView.model.attributes
};
setTimeout( fusionGlobalManager.handleMultiGlobal, 500, MultiGlobalArgs );
// Save history
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.saved + ' ' + fusionAllElements[ elementView.model.get( 'element_type' ) ].name + ' ' + fusionBuilderText.as_global );
if ( 'undefined' !== typeof FusionApp.contentChange ) {
FusionApp.contentChange( 'page', 'builder-content' );
}
}
}
} );
} else {
alert( fusionBuilderText.please_enter_element_name ); // jshint ignore: line
}
},
/**
* Removes the view.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
removeView: function() {
this.$el.find( '.fusion-save-element-fields' ).remove();
this.$el.find( '.fusion-builder-modal-top-container' ).prependTo( '#fusion-builder-front-end-library' );
FusionApp.dialogCloseResets( this );
this.remove();
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Builder Container View
FusionPageBuilder.DemoImportModalView = FusionPageBuilder.StudioImportModalView.extend( {
template: FusionPageBuilder.template( jQuery( '#fusion-builder-demo-import-modal' ).html() )
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.SettingsHelpers = Backbone.Model.extend( {
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function( ) {
this.openSettingsView = null;
this.openChildSettingsView = null;
this.modalDialogMoreView = null;
this.listenTo( window.FusionEvents, 'fusion-settings-modal-save', this.removeElementSettingsViewForModal );
this.listenTo( window.FusionEvents, 'fusion-settings-modal-cancel', this.removeElementSettingsViewForModal );
this.listenTo( window.FusionEvents, 'fusion-settings-removed', this.removeElementSettingsView );
this.listenTo( window.FusionEvents, 'fusion-preferences-editing_mode-updated', this.editingModeChanged );
},
/**
* Check if element settings panel (dialog) should be rendered or not.
*
* @since 2.0.0
* @param {string} view - Element View.
* @return {boolean}
*/
shouldRenderSettings: function( view ) {
var modelParent = view.model.get( 'parent' ),
isChild = 'multi_element_child' === view.model.get( 'multi' ),
modelCid = view.model.get( 'cid' ),
generated = 'generated_element' === view.model.get( 'type' ),
rendered = false,
$editPanel = 'dialog' === window.FusionApp.preferencesData.editing_mode ? jQuery( '.fusion-builder-dialog.fusion-builder-settings-dialog .ui-dialog-content' ) : window.FusionApp.sidebarView.$el.find( '.fusion-builder-custom-tab' ),
panelCid,
$panelWrap;
if ( generated ) {
if ( jQuery( '.ui-dialog-content[data-cid="' + modelCid + '"]' ).length ) {
jQuery( '.ui-dialog-content[data-cid="' + modelCid + '"]' ).closest( '.ui-dialog' ).show();
return false;
}
if ( jQuery( '.ui-dialog-content:not( [data-cid="' + modelCid + '"] )' ).length ) {
jQuery( '.ui-dialog-content:not( [data-cid="' + modelCid + '"] )' ).closest( '.ui-dialog' ).hide();
}
return true;
}
if ( $editPanel.length ) {
// Check if panel is already open, if so do nothing.
$editPanel.each( function() {
panelCid = jQuery( this ).attr( 'data-cid' );
$panelWrap = 'dialog' === window.FusionApp.preferencesData.editing_mode ? jQuery( this ).closest( '.fusion-builder-dialog.fusion-builder-settings-dialog' ) : jQuery( this );
if ( parseInt( modelCid, 10 ) === parseInt( panelCid, 10 ) ) {
$panelWrap.show();
rendered = true;
// continue.
return;
}
$panelWrap.hide();
} );
}
// Show panel if it is already rendered.
if ( rendered ) {
// If not dialog we have to show correct sidebar tab before exit.
if ( 'dialog' !== window.FusionApp.preferencesData.editing_mode ) {
window.FusionApp.sidebarView.openSidebarAndShowEOTab();
}
return false;
}
// Remove the parent view unless its a direct parent of what we want to edit.
if ( this.openSettingsView ) {
if ( isChild && modelParent === this.openSettingsView.model.get( 'cid' ) && 'multi_element_parent' === this.openSettingsView.model.get( 'multi' ) ) {
if ( 'dialog' === window.FusionApp.preferencesData.editing_mode ) {
this.openSettingsView.$el.closest( '.fusion-builder-dialog.fusion-builder-settings-dialog' ).hide();
} else {
this.openSettingsView.$el.hide();
}
} else {
this.openSettingsView.saveSettings();
}
}
// If we have open child view, remove it.
if ( this.openChildSettingsView ) {
this.openChildSettingsView.saveSettings();
}
// Set newly opened view to access.
if ( ! isChild ) {
this.openSettingsView = view;
} else {
this.openChildSettingsView = view;
}
return true;
},
removeElementSettingsView: function( cid ) {
var settingsWrappers,
foundCid;
if ( this.openSettingsView && cid === this.openSettingsView.model.get( 'cid' ) ) {
this.openSettingsView = false;
}
if ( this.openChildSettingsView && cid === this.openChildSettingsView.model.get( 'cid' ) ) {
// If the cid is from a child removed, and the settings there are present from it's parent, then show them.
settingsWrappers = window.FusionApp.sidebarView.$el.find( '.fusion-builder-custom-tab' );
foundCid = parseInt( settingsWrappers.attr( 'data-cid' ) );
if ( foundCid === this.openChildSettingsView.model.get( 'parent' ) ) {
setTimeout( function() {
FusionPageBuilderViewManager.getView( foundCid ).settings();
}, 20 );
}
this.openChildSettingsView = false;
}
},
/**
* Remove Element Settings for Modals.
*
* A dialog modal can be either for an element settings(when the dialog option is on),
* or for another thing. This function will not remove the open setting if the element
* settings are inside the left panel(sidebar settings mode).
*/
removeElementSettingsViewForModal: function( cid ) {
if ( this.openSettingsView && cid === this.openSettingsView.model.get( 'cid' ) ) {
// Verify if the settings are inside left panel. Settings can also be out
if ( 0 === this.openSettingsView.$el.closest( '#fusion-builder-sections-eo' ).length ) {
this.openSettingsView = false;
}
}
if ( this.openChildSettingsView && cid === this.openChildSettingsView.model.get( 'cid' ) ) {
if ( 0 === this.openChildSettingsView.$el.closest( '#fusion-builder-sections-eo' ).length ) {
this.openChildSettingsView = false;
}
}
},
/**
* Render dialog more options template.
*
* @since 2.0.0
* @param {Object} view - The view.
* @param {Object} event - The event.
* @return {void}
*/
renderDialogMoreOptions: function( view ) {
var $wrap = 'dialog' === window.FusionApp.preferencesData.editing_mode ? view.$el.closest( '.ui-dialog' ).find( '.fusion-utility-menu-wrap' ) : view.$el.find( '.fusion-utility-menu-wrap' );
this.modalDialogMoreView = new FusionPageBuilder.modalDialogMore( { model: this.model } );
jQuery( this.modalDialogMoreView.render( { view: view } ).el ).appendTo( $wrap );
// After child modal is closed 'click' is attached again.
$wrap.find( '.fusion-utility-menu' ).off().on( 'click', function( event ) {
$wrap = jQuery( this ).closest( '.fusion-utility-menu-wrap' );
$wrap.toggleClass( 'active' );
event.stopPropagation();
window.FusionPageBuilderApp.sizesHide( event );
} );
},
/**
* Things to be done when editing_mode preference is changed.
*/
editingModeChanged: function() {
if ( this.openSettingsView ) {
this.openSettingsView.saveSettings();
}
if ( this.openChildSettingsView ) {
this.openChildSettingsView.saveSettings();
}
}
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager */
/* eslint no-useless-escape: 0 */
/* eslint max-depth: 0 */
/* eslint no-continue: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
_.mixin( {
/**
* The FusionBuilder::attributes() function from PHP, translated to JS.
*
* @since 2.0.0
* @param {Object|string} attributes - The attributes.
* @return {string} Ready to use in templates/HTML.
*/
fusionGetAttributes: function( attributes ) {
var out = '';
if ( 'string' === typeof attributes ) {
return 'class="' + attributes + '"';
}
_.each( attributes, function( value, name ) {
if ( 'undefined' !== typeof value ) {
value = value.toString();
if ( 'valueless_attribute' === value ) {
out += ' ' + name;
} else if ( 0 < value.length ) {
value = value.replace( /\s\s+/g, ' ' );
out += ' ' + name + '="' + value + '"';
}
}
} );
return out;
},
/**
* Remove empty values from params so when merging with defaults, the defaults are used.
*
* @since 2.0.0
* @param {Object} params - The parameters.
* @return {Object} - Returns the params.
*/
fusionCleanParameters: function( params ) {
Object.keys( params ).forEach( function( key ) {
if ( params[ key ] && 'object' === typeof params[ key ] ) {
_.fusionCleanParameters( params[ key ] );
} else if ( ( null === params[ key ] || '' === params[ key ] ) && 'element_content' !== key ) {
delete params[ key ];
}
} );
return params;
},
/**
* Builds section title element.
*
* @since 2.2
* @param {Object} values - The values.
* @param {Object} extras - The extras.
* @return {string}
*/
buildTitleElement: function( values, extras, headingContent ) {
var contentAlign = jQuery( 'body' ).hasClass( 'rtl' ) ? 'right' : 'left',
size = parseInt( values.heading_size ),
sizeArray = [
'one',
'two',
'three',
'four',
'five',
'six'
],
output = '',
styles = '',
headingStyles = '',
classes = '',
wrapperClasses = '',
marginTop = extras.title_margin.top,
marginBottom = extras.title_margin.bottom,
sepColor = extras.title_border_color,
styleType = extras.title_style_type,
underlineOrNone = -1 !== styleType.indexOf( 'underline' ) || -1 !== styleType.indexOf( 'none' );
// Render title.
_.each( styleType.split( ' ' ), function( className ) {
classes += ' sep-' + className;
} );
wrapperClasses = ' fusion-title fusion-title-size-' + sizeArray[ size - 1 ] + classes;
if ( marginTop ) {
styles += 'margin-top:' + _.fusionGetValueWithUnit( marginTop ) + ';';
}
if ( marginBottom ) {
styles += 'margin-bottom:' + _.fusionGetValueWithUnit( marginBottom ) + ';';
}
if ( '' !== marginTop || '' !== marginBottom ) {
headingStyles += 'margin:0;';
}
if ( false !== underlineOrNone ) {
if ( -1 !== styleType.indexOf( 'underline' ) && sepColor ) {
styles += 'border-bottom-color:' + sepColor + ';';
} else if ( -1 !== styleType.indexOf( 'none' ) ) {
classes += ' fusion-sep-none';
}
}
output += '<div class="' + wrapperClasses + '" style="' + styles + '">';
if ( false === underlineOrNone && 'right' === contentAlign ) {
output += '<div class="title-sep-container">';
output += '<div class="title-sep' + classes + '"></div>';
output += '</div>';
}
output += '<h' + size + ' class="title-heading-' + contentAlign + '" style="' + headingStyles + '">';
output += headingContent;
output += '</h' + size + '>';
if ( false === underlineOrNone && 'left' === contentAlign ) {
output += '<div class="title-sep-container">';
output += '<div class="title-sep' + classes + '"></div>';
output += '</div>';
}
output += '</div>';
return output;
},
/**
* Copy of our fusion_builder_visibility_atts() function in PHP.
*
* @since 2.0.0
* @param {string} selection - The selection.
* @param {Object|string} attr - The attributes.
* @return {Object} The attributes modified to accomodate visibility options from the selection parameter.
*/
fusionVisibilityAtts: function( selection, attr ) {
var allVisibilityValues = [
'small-visibility',
'medium-visibility',
'large-visibility'
],
visibilityValues = allVisibilityValues,
visibilityOptions;
// If empty, show all.
if ( '' === selection ) {
selection = visibilityValues;
}
// If no is used, change that to all options selected, as fallback.
if ( 'no' === selection ) {
selection = visibilityValues;
}
// If yes is used, use all selections with mobile visibility removed.
if ( 'yes' === selection ) {
visibilityValues = visibilityValues.filter( function( e ) {
return 'small-visibility' !== e;
} );
selection = visibilityValues;
}
// Make sure the selection is an array.
if ( 'string' === typeof selection ) {
selection = selection.split( ',' );
_.each( selection, function( value, key ) {
selection[ key ] = value.replace( new RegExp( ' ', 'g' ), '' );
} );
}
visibilityOptions = allVisibilityValues;
_.each( visibilityOptions, function( visibilityOption ) {
if ( selection && -1 === selection.indexOf( visibilityOption ) ) {
if ( 'object' === typeof attr ) {
attr[ 'class' ] += ' fusion-no-' + visibilityOption;
} else {
attr += ' fusion-no-' + visibilityOption;
}
}
} );
return attr;
},
/**
* Returns the available animation types.
*
* @since 2.1
* @return {Object} Animation types.
*/
fusionGetAnimationTypes: function() {
var animations = [
'bounce',
'bouncIn',
'bounceInUp',
'bounceInDown',
'bounceInLeft',
'bounceInRight',
'fadeIn',
'fadeInUp',
'fadeInDown',
'fadeInLeft',
'fadeInRight',
'flash',
'rubberBand',
'shake',
'slideIn',
'slideInUp',
'slideInDown',
'slideInLeft',
'slideInRight',
'zoomIn',
'zoomInUp',
'zoomInDown',
'zoomInRight',
'zoomInLeft',
'flipinx',
'flipiny',
'lightspeedin'
];
return animations;
},
/**
* The FusionBuilder::animations() function from PHP, translated to JS.
*
* @since 2.0.0
* @param {Object} args - The arguments.
* @param {string} args.type - The animation type.
* @param {string} args.direction - The animation direction.
* @param {string|number} args.speed - The animation speed, in seconds.
* @param {string} args.offset - The animation offset.
* @return {Object} Animation attributes.
*/
fusionGetAnimations: function( args ) {
var animationAttributes = {},
directionSuffix,
offset;
args = _.defaults( args, {
type: '',
direction: 'left',
speed: '0.1',
offset: 'bottom-in-view'
} );
if ( args.type ) {
animationAttributes.animation_class = 'fusion-animated';
if ( 'static' === args.direction ) {
args.direction = '';
}
if ( 'flash' !== args.type && 'shake' !== args.type && 'rubberBand' !== args.type && 'flipinx' !== args.type && 'flipiny' !== args.type && 'lightspeedin' !== args.type ) {
directionSuffix = 'In' + args.direction.charAt( 0 ).toUpperCase() + args.direction.slice( 1 );
args.type += directionSuffix;
}
animationAttributes[ 'data-animationType' ] = args.type;
if ( args.speed ) {
animationAttributes[ 'data-animationDuration' ] = args.speed;
}
}
if ( args.offset ) {
offset = args.offset;
if ( 'top-into-view' === args.offset ) {
offset = '100%';
} else if ( 'top-mid-of-view' === args.offset ) {
offset = '50%';
}
animationAttributes[ 'data-animationOffset' ] = offset;
}
return animationAttributes;
},
/**
* The FusionBuilder::font_awesome_name_handler() function from PHP, translated to JS.
*
* @since 2.0.0
* @param {string} icon - The icon we want.
* @return {string} - Returns the icon.
*/
fusionFontAwesome: function( icon ) {
var oldIcons = {
arrow: 'angle-right',
asterik: 'asterisk',
cross: 'times',
'ban-circle': 'ban',
'bar-chart': 'bar-chart-o',
beaker: 'flask',
bell: 'bell-o',
'bell-alt': 'bell',
'bitbucket-sign': 'bitbucket-square',
'bookmark-empty': 'bookmark-o',
building: 'building-o',
'calendar-empty': 'calendar-o',
'check-empty': 'square-o',
'check-minus': 'minus-square-o',
'check-sign': 'check-square',
check: 'check-square-o',
'chevron-sign-down': 'chevron-circle-down',
'chevron-sign-left': 'chevron-circle-left',
'chevron-sign-right': 'chevron-circle-right',
'chevron-sign-up': 'chevron-circle-up',
'circle-arrow-down': 'arrow-circle-down',
'circle-arrow-left': 'arrow-circle-left',
'circle-arrow-right': 'arrow-circle-right',
'circle-arrow-up': 'arrow-circle-up',
'circle-blank': 'circle-o',
cny: 'rub',
'collapse-alt': 'minus-square-o',
'collapse-top': 'caret-square-o-up',
collapse: 'caret-square-o-down',
'comment-alt': 'comment-o',
'comments-alt': 'comments-o',
copy: 'files-o',
cut: 'scissors',
dashboard: 'tachometer',
'double-angle-down': 'angle-double-down',
'double-angle-left': 'angle-double-left',
'double-angle-right': 'angle-double-right',
'double-angle-up': 'angle-double-up',
download: 'arrow-circle-o-down',
'download-alt': 'download',
'edit-sign': 'pencil-square',
edit: 'pencil-square-o',
'ellipsis-horizontal': 'ellipsis-h',
'ellipsis-vertical': 'ellipsis-v',
'envelope-alt': 'envelope-o',
'exclamation-sign': 'exclamation-circle',
'expand-alt': 'plus-square-o',
expand: 'caret-square-o-right',
'external-link-sign': 'external-link-square',
'eye-close': 'eye-slash',
'eye-open': 'eye',
'facebook-sign': 'facebook-square',
'facetime-video': 'video-camera',
'file-alt': 'file-o',
'file-text-alt': 'file-text-o',
'flag-alt': 'flag-o',
'folder-close-alt': 'folder-o',
'folder-close': 'folder',
'folder-open-alt': 'folder-open-o',
food: 'cutlery',
frown: 'frown-o',
fullscreen: 'arrows-alt',
'github-sign': 'github-square',
group: 'users',
'h-sign': 'h-square',
'hand-down': 'hand-o-down',
'hand-left': 'hand-o-left',
'hand-right': 'hand-o-right',
'hand-up': 'hand-o-up',
hdd: 'hdd-o',
'heart-empty': 'heart-o',
hospital: 'hospital-o',
'indent-left': 'outdent',
'indent-right': 'indent',
'info-sign': 'info-circle',
keyboard: 'keyboard-o',
legal: 'gavel',
lemon: 'lemon-o',
lightbulb: 'lightbulb-o',
'linkedin-sign': 'linkedin-square',
meh: 'meh-o',
'microphone-off': 'microphone-slash',
'minus-sign-alt': 'minus-square',
'minus-sign': 'minus-circle',
'mobile-phone': 'mobile',
moon: 'moon-o',
move: 'arrows',
off: 'power-off',
'ok-circle': 'check-circle-o',
'ok-sign': 'check-circle',
ok: 'check',
'paper-clip': 'paperclip',
paste: 'clipboard',
'phone-sign': 'phone-square',
picture: 'picture-o',
'pinterest-sign': 'pinterest-square',
'play-circle': 'play-circle-o',
'play-sign': 'play-circle',
'plus-sign-alt': 'plus-square',
'plus-sign': 'plus-circle',
pushpin: 'thumb-tack',
'question-sign': 'question-circle',
'remove-circle': 'times-circle-o',
'remove-sign': 'times-circle',
remove: 'times',
reorder: 'bars',
'resize-full': 'expand',
'resize-horizontal': 'arrows-h',
'resize-small': 'compress',
'resize-vertical': 'arrows-v',
'rss-sign': 'rss-square',
save: 'floppy-o',
screenshot: 'crosshairs',
'share-alt': 'share',
'share-sign': 'share-square',
share: 'share-square-o',
'sign-blank': 'square',
signin: 'sign-in',
signout: 'sign-out',
smile: 'smile-o',
'sort-by-alphabet-alt': 'sort-alpha-desc',
'sort-by-alphabet': 'sort-alpha-asc',
'sort-by-attributes-alt': 'sort-amount-desc',
'sort-by-attributes': 'sort-amount-asc',
'sort-by-order-alt': 'sort-numeric-desc',
'sort-by-order': 'sort-numeric-asc',
'sort-down': 'sort-asc',
'sort-up': 'sort-desc',
stackexchange: 'stack-overflow',
'star-empty': 'star-o',
'star-half-empty': 'star-half-o',
sun: 'sun-o',
'thumbs-down-alt': 'thumbs-o-down',
'thumbs-up-alt': 'thumbs-o-up',
time: 'clock-o',
trash: 'trash-o',
'tumblr-sign': 'tumblr-square',
'twitter-sign': 'twitter-square',
unlink: 'chain-broken',
upload: 'arrow-circle-o-up',
'upload-alt': 'upload',
'warning-sign': 'exclamation-triangle',
'xing-sign': 'xing-square',
'youtube-sign': 'youtube-square',
'zoom-in': 'search-plus',
'zoom-out': 'search-minus'
},
faIcon = icon;
if ( '' !== icon ) {
// Custom icon is used so we need to remove our prefix.
if ( 'fusion-prefix-' === icon.substr( 0, 14 ) ) {
return icon.replace( 'fusion-prefix-', '' );
}
// AWB icon is used.
if ( 'awb-icon-' === icon.substr( 0, 9 ) ) {
return icon;
}
// FA icon, but we need to handle BC.
if ( 'icon-' === icon.substr( 0, 5 ) || 'fa-' !== icon.substr( 0, 3 ) ) {
icon = icon.replace( 'icon-', 'fa-' );
if ( 'undefined' !== typeof oldIcons[ icon.replace( 'fa-', '' ) ] ) {
faIcon = 'fa-' + oldIcons[ icon.replace( 'fa-', '' ) ];
} else if ( 'fa-' !== icon.substr( 0, 3 ) ) {
faIcon = 'fa-' + icon;
}
}
if ( -1 === icon.trim().indexOf( ' ' ) ) {
faIcon = 'fa ' + icon;
}
}
return faIcon;
},
/**
* The FusionBuilder::validate_shortcode_attr_value() function from PHP, translated to JS.
*
* @since 2.0.0
* @param {string} value - The value.
* @param {string} acceptedUnit - The unit we're accepting.
* @param {boolean} bcSupport - Should we add backwards-compatibility support?
* @return {string|false} - Returns the validated value.
*/
fusionValidateAttrValue: function( value, acceptedUnit, bcSupport ) {
var validatedValue = '',
numericValue,
unit;
bcSupport = 'undefined' !== typeof bcSupport ? bcSupport : true;
value = String( value );
if ( '' !== value ) {
value = value.trim();
numericValue = parseFloat( value );
unit = value.replace( numericValue, '' );
if ( 'undefined' === typeof acceptedUnit || '' === acceptedUnit ) {
validatedValue = numericValue;
} else if ( '' === unit ) {
// Add unit if it's required.
validatedValue = numericValue + acceptedUnit;
} else if ( bcSupport || unit === acceptedUnit ) {
// If unit was found use original value. BC support.
validatedValue = value;
} else {
validatedValue = false;
}
}
return validatedValue;
},
/**
* Clone of fusion_builder_get_video_provider.
*
* @since 2.0.0
* @param {string} videoString - The URL of the video.
* @return {Object} - Returns an object formatted {type: (string) The video-type, id: (string) The video ID }.
*/
fusionGetVideoProvider: function( videoString ) {
var videoId,
match;
videoString = videoString.trim();
// Check for YouTube.
videoId = false;
if ( match = videoString.match( /youtube\.com\/watch\?v=([^\&\?\/]+)/ ) ) { // eslint-disable-line no-cond-assign
if ( 'undefined' !== typeof match[ 1 ] ) {
videoId = match[ 1 ];
}
} else if ( match = videoString.match( /youtube\.com\/embed\/([^\&\?\/]+)/ ) ) { // eslint-disable-line no-cond-assign
if ( 'undefined' !== typeof match[ 1 ] ) {
videoId = match[ 1 ];
}
} else if ( match = videoString.match( /youtube\.com\/v\/([^\&\?\/]+)/ ) ) { // eslint-disable-line no-cond-assign
if ( 'undefined' !== typeof match[ 1 ] ) {
videoId = match[ 1 ];
}
} else if ( match = videoString.match( /youtu\.be\/([^\&\?\/]+)/ ) ) { // eslint-disable-line no-cond-assign
if ( 'undefined' !== typeof match[ 1 ] ) {
videoId = match[ 1 ];
}
}
if ( false !== videoId ) {
return {
type: 'youtube',
id: videoId
};
}
// Check for Vimeo.
if ( match = videoString.match( /vimeo\.com\/(\w*\/)*(\d+)/ ) ) { // eslint-disable-line no-cond-assign
if ( 1 < match.length ) {
return {
type: 'vimeo',
id: match[ match.length - 1 ]
};
}
}
if ( match = videoString.match( /^\d+$/ ) ) { // eslint-disable-line no-cond-assign
if ( 'undefined' !== typeof match[ 0 ] ) {
return {
type: 'vimeo',
id: match[ 0 ]
};
}
}
return {
type: 'youtube',
id: videoString
};
},
/**
* JS clone of fusion_builder_check_value.
* If value is not in pixels or percent, appends 'px'.
*
* @since 2.0.0
* @param {string} value - The value.
* @return {string} - Returns the value.
*/
fusionCheckValue: function( value ) {
if ( -1 === value.indexOf( '%' ) && -1 === value.indexOf( 'px' ) ) {
value = value + 'px';
}
return value;
},
/**
* JS clone of get_value_with_unit.
*
* @param {string|number} value - The value.
* @param {string} unit - The unit.
* @param {string} unitHandling - Can be 'add'(default) or 'force_replace'.
* @return {string} - Returns the value with units.
*/
fusionGetValueWithUnit: function( value, unit, unitHandling ) {
var rawValues,
rawValue,
values;
unit = 'undefined' !== typeof unit ? unit : 'px';
unitHandling = 'undefined' !== typeof unitHandling ? unitHandling : 'add';
rawValues = [];
// Trim the value.
value = 'undefined' === typeof value ? '' : value;
value = value.toString().trim();
if ( -1 !== jQuery.inArray( value, [ 'auto', 'inherit', 'initial', '' ] ) ) {
return value;
}
// Return empty if there are no numbers in the value.
// Prevents some CSS errors.
if ( ! ( /\d/ ).test( value ) ) {
return;
}
// Explode if has multiple values.
values = value.split( ' ' );
if ( 1 < values.length ) {
_.each( values, function( val ) {
rawValue = parseFloat( val );
if ( ! isNaN( rawValue ) ) {
// Only == here deliberately.
if ( val == rawValue ) {
val = rawValue + unit;
} else if ( 'force_replace' === unitHandling ) {
val = rawValue + unit;
}
}
rawValues.push( val );
} );
return rawValues.join( ' ' );
}
rawValue = parseFloat( value );
// Only == here deliberately.
if ( value == rawValue ) {
return rawValue + unit;
}
if ( 'force_replace' === unitHandling ) {
return rawValue + unit;
}
return value;
},
/**
* Returns a single side dimension.
*
* Copy of the PHP fusion_builder_single_dimension function.
*
* @param {Object} dimensions - The dimensions object{top:'',buttom:'',left:'',right:''}.
* @param {string} direction - Which one do we want? left/right/top/bottom.
* @return {string} - Returns a single dimension from the array.
*/
fusionSingleDimension: function( dimensions, direction ) {
dimensions = dimensions.split( ' ' );
if ( 4 === dimensions.length ) {
if ( 'top' === direction ) {
return dimensions[ 0 ];
} else if ( 'right' === direction ) {
return dimensions[ 1 ];
} else if ( 'bottom' === direction ) {
return dimensions[ 2 ];
} else if ( 'left' === direction ) {
return dimensions[ 3 ];
}
} else if ( 3 === dimensions.length ) {
if ( 'top' === direction ) {
return dimensions[ 0 ];
} else if ( 'right' === direction || 'left' === direction ) {
return dimensions[ 1 ];
} else if ( 'bottom' === direction ) {
return dimensions[ 2 ];
}
} else if ( 2 === dimensions.length ) {
if ( 'top' === direction || 'bottom' === direction ) {
return dimensions[ 0 ];
} else if ( 'right' === direction || 'left' === direction ) {
return dimensions[ 1 ];
}
}
return dimensions[ 0 ];
},
/**
* Get the attributes for masonry.
*
* @since 2.0.0
* @param {Object} data - The data.
* @param {string|number} data.blog_grid_column_spacing - Column spacing in pixels.
* @param {string} data.element_orientation_class - The orientation class (fusion-element-portrain, fusion-element-landscape etc).
* @param {string} data.timeline_color - The timeline color.
* @param {string} data.masonry_attribute_style - Masonry styles.
* @return {Object} - Returns the masonry attributes.
*/
fusionGetMasonryAttribute: function( data ) {
var masonryColumnOffset,
masonryColumnSpacing,
masonryAttributes = {};
masonryColumnOffset = ' - ' + ( parseFloat( data.blog_grid_column_spacing ) / 2 ) + 'px';
if ( 'string' === typeof data.element_orientation_class && -1 !== data.element_orientation_class.indexOf( 'fusion-element-portrait' ) ) {
masonryColumnOffset = '';
}
masonryColumnSpacing = ( parseFloat( data.blog_grid_column_spacing ) ) + 'px';
// Calculate the correct size of the image wrapper container, based on orientation and column spacing.
if ( 'transparent' !== data.timeline_color && 0 !== jQuery.AWB_Color( data.timeline_color ).alpha() ) {
masonryColumnOffset = ' - ' + ( parseFloat( data.blog_grid_column_spacing ) / 2 ) + 'px';
if ( 'string' === typeof data.element_orientation_class && -1 !== data.element_orientation_class.indexOf( 'fusion-element-portrait' ) ) {
masonryColumnOffset = ' + 4px';
}
masonryColumnSpacing = ( parseFloat( data.blog_grid_column_spacing ) - 2 ) + 'px';
if ( 'string' === typeof data.element_orientation_class && -1 !== data.element_orientation_class.indexOf( 'fusion-element-landscape' ) ) {
masonryColumnSpacing = ( parseFloat( data.blog_grid_column_spacing ) - 6 ) + 'px';
}
}
// Calculate the correct size of the image wrapper container, based on orientation and column spacing.
masonryAttributes[ 'class' ] = 'fusion-masonry-element-container';
masonryAttributes.style = data.masonry_attribute_style + 'padding-top:calc((100% + ' + masonryColumnSpacing + ') * ' + data.element_base_padding + masonryColumnOffset + ');';
return masonryAttributes;
},
/**
* Combination of first featured image and rollover.
*
* @since 2.0.0
* @param {Object} data - The data.
* @param {string} data.layout - The layout.
* @param {string} data.masonry_data - The masonry data.
* @param {string|boolean} data.enable_rollover - Should we enable the rollover?
* @param {string} data.display_rollover - Should we display the rollover? (yes|no|force_yes).
* @param {Object} data.featured_images - The featured images.
* @param {string} data.image_rollover_icons - no|zoom|link|linkzoom.
* @param {string} data.post_type - The post-type.
* @param {string|number} data.post_id - The post-ID.
* @param {string} data.icon_permalink - URL.
* @param {string} data.link_target - Leave empty or use target="_blank".
* @param {string} data.icon_permalink_title - The icon permalink title.
* @param {string} data.full_image - URL.
* @param {string} data.data_rel - Used in data-rel="".
* @param {string} data.data_title - Used in data-title="".
* @param {string} data.data_caption - Used in data-caption="".
* @param {string} data.lightbox_content - The contents of the lightbox.
* @param {string|boolean} data.display_post_title - Should we display the post-title?
* @param {string} data.permalink - URL.
* @param {string} data.title - The title.
* @param {string|boolean} data.display_post_categories - Should we display the post categories?
* @param {string} data.terms - The post category terms (HTML).
* @param {boolean} data.display_woo_rating - SHould we display Woo rating?
* @param {string} data.rating - The rating (HTML).
* @param {boolean} data.display_woo_price - Should we display Woo Prices?
* @param {string} data.price - The price (HTML).
* @param {boolean} data.display_woo_buttons - Should we display the Woo buttons?
* @param {string} data.buttons - The buttons (HTML).
* @return {string} - Returns the template.
*/
fusionFeaturedImage: function( data ) {
var featuredImageTemplate = FusionPageBuilder.template( jQuery( '#tmpl-featured-image' ).html() ),
attributes = {};
if ( 'object' !== typeof data || 'undefined' === typeof data.featured_images ) {
return '';
}
attributes.data = data;
return featuredImageTemplate( attributes );
},
/**
* Get element orientation class based on image dimensions and ratio and widthDouble params.
*
* @since 2.0.0
* @param {Object} attachment - Image object.
* @param {number} attachment.imageWidth - Image width.
* @param {number} attachment.imageHeight - Image height.
* @param {number} ratio - Height / Width ratio. Portrait images have larger height / width ratio.
* @param {number} widthDouble - Wider images are considered as 2x2.
* @return {string} - Returns the element class.
*/
fusionGetElementOrientationClass: function( attachment, ratio, widthDouble ) {
var elementClass = 'fusion-element-grid',
fallbackRatio = 0.8,
lowerLimit,
upperLimit;
if ( 'undefined' !== typeof attachment.imageWidth && 'undefined' !== typeof attachment.imageHeight ) {
// Fallback to legacy calcs of Avada 5.4.2 or earlier.
if ( '1.0' === ratio ) {
lowerLimit = ( fallbackRatio / 2 ) + ( fallbackRatio / 4 );
upperLimit = ( fallbackRatio * 2 ) - ( fallbackRatio / 2 );
if ( lowerLimit > attachment.imageHeight / attachment.imageWidth ) {
// Landscape image.
elementClass = 'fusion-element-landscape';
} else if ( upperLimit < attachment.imageHeight / attachment.imageWidth ) {
// Portrait image.
elementClass = 'fusion-element-portrait';
} else if ( attachment.imageWidth > widthDouble ) {
// 2x2 image.
elementClass = 'fusion-element-landscape fusion-element-portrait';
}
} else if ( ratio < attachment.imageWidth / attachment.imageHeight ) {
// Landscape image.
elementClass = 'fusion-element-landscape';
} else if ( ratio < attachment.imageHeight / attachment.imageWidth ) {
// Portrait image.
elementClass = 'fusion-element-portrait';
} else if ( attachment.imageWidth > widthDouble ) {
// 2x2 image.
elementClass = 'fusion-element-landscape fusion-element-portrait';
}
}
return elementClass;
},
/**
* Get base element padding based on orientation CSS class.
*
* @since 2.0.0
* @param {string} elementOrientationClass - CSS class
* @return {number} - Returns the padding.
*/
fusionGetElementBasePadding: function( elementOrientationClass ) {
var fusionElementGridPadding = 0.8,
masonryElementPadding = {
'fusion-element-grid': fusionElementGridPadding,
'fusion-element-landscape': fusionElementGridPadding / 2,
'fusion-element-portrait': fusionElementGridPadding * 2
};
if ( 'undefined' !== typeof masonryElementPadding[ elementOrientationClass ] ) {
fusionElementGridPadding = masonryElementPadding[ elementOrientationClass ];
}
return fusionElementGridPadding;
},
/**
* JS copy of fusion_builder_render_post_metadata.
*
* @since 2.0.0
* @param {string} layout - The layout.
* @param {Object} settings - The settings.
* @param {boolean|string} settings.post_meta - Should we display the post-meta?
* @param {boolean|string} settings.post_meta_author - Should we display the author?
* @param {boolean|string} settings.post_meta_date - Should we display the date?
* @param {boolean|string} settings.post_meta_cats - Should we display the categories?
* @param {boolean|string} settings.post_meta_tags - Should we display the tags?
* @param {boolean|string} settings.post_meta_comments - Should we display comments?
* @param {boolean|string} settings.disable_date_rich_snippet_pages - Should we disable the date rich snippet?
* @param {Object} data - The data.
* @param {string} data.post_meta - yes|no.
* @param {string} data.author_post_link - The link to the post-author (HTML, not just URL).
* @param {string} data.formatted_date - Formatted date (HTML).
* @param {string} data.categories - The categories (HTML).
* @param {string} data.tags - The Tags (HTML)
* @param {string} data.comments - The comments (HTML)
* @param {string} data.disable_date_rich_snippet_pages - Disable date rich snippets?
* @return {string} - Returns HTML.
*/
fusionRenderPostMetadata: function( layout, settings, data ) {
var metadata = '',
author = '',
date = '',
output = '',
dateMarkup;
// Check if meta data is enabled.
if ( 'undefined' === typeof data ) {
return;
}
if ( ( settings.post_meta && 'no' !== data.post_meta ) || ( ! settings.post_meta && 'yes' === data.post_meta ) ) {
// For alternate, grid and timeline layouts return empty single-line-meta if all meta data for that position is disabled.
if ( -1 !== jQuery.inArray( layout, [ 'alternate', 'grid_timeline' ] ) && ! settings.post_meta_author && ! settings.post_meta_date && ! settings.post_meta_cats && ! settings.post_meta_tags && ! settings.post_meta_comments ) {
return '';
}
// Render author meta data.
if ( settings.post_meta_author ) {
// Check if rich snippets are enabled.
if ( ! settings.disable_date_rich_snippet_pages ) {
metadata += 'By <span>' + data.author_post_link + '</span>';
} else {
metadata += 'By <span class="vcard"><span class="fn">' + data.author_post_link + '</span></span>';
}
metadata += '<span class="fusion-inline-sep">|</span>';
}
// Render the updated meta data or at least the rich snippet if enabled.
if ( settings.post_meta_date ) {
metadata += _.fusionRenderRichSnippets( data, false, false, true );
dateMarkup = '<span>' + data.formatted_date + '</span><span class="fusion-inline-sep">|</span>';
metadata += dateMarkup;
}
// Render rest of meta data.
// Render categories.
if ( settings.post_meta_cats ) {
if ( data.categories ) {
metadata += ( settings.post_meta_tags ) ? 'Categories: ' + data.categories : data.categories;
metadata += '<span class="fusion-inline-sep">|</span>';
}
}
// Render tags.
if ( settings.post_meta_tags ) {
if ( data.tags ) {
metadata += '<span class="meta-tags">' + window.fusionBuilderText.tags.replace( '%s', data.tags ) + '</span><span class="fusion-inline-sep">|</span>';
}
}
// Render comments.
if ( settings.post_meta_comments && 'grid_timeline' !== layout ) {
metadata += '<span class="fusion-comments">' + data.comments + '</span>';
}
// Render the HTML wrappers for the different layouts.
if ( metadata ) {
metadata = author + date + metadata;
if ( 'single' === layout ) {
output += '<div class="fusion-meta-info"><div class="fusion-meta-info-wrapper">' + metadata + '</div></div>';
} else if ( -1 !== jQuery.inArray( layout, [ 'alternate', 'grid_timeline' ] ) ) {
output += '<p class="fusion-single-line-meta">' + metadata + '</p>';
} else if ( 'recent_posts' === layout ) {
output += metadata;
} else {
output += '<div class="fusion-alignleft">' + metadata + '</div>';
}
} else {
output += author + date;
}
} else if ( data.disable_date_rich_snippet_pages ) {
// Render author and updated rich snippets for grid and timeline layouts.
output += _.fusionRenderRichSnippets( data, false );
}
return output;
},
/**
* JS Copy of fusion_builder_render_rich_snippets_for_pages.
*
* @since 2.0.0
* @param {Object} data - The data.
* @param {boolean} data.disable_date_rich_snippet_pages Should we display the rich snippets?
* @param {string} data.title - The title.
* @param {string} data.the_author_posts_link The link to the author (HTML, not just the URL).
* @param {string} data.get_the_modified_time - The modified timestamp.
* @return {string} - Returns the output.
*/
fusionRenderRichSnippets: function( data ) {
var output = '';
if ( 'undefined' === typeof data ) {
return;
}
if ( data.disable_date_rich_snippet_pages ) {
output = '';
}
return output;
},
/**
* JS copy of new-slideshow-blog-shortcode.
*
* @since 2.0.0
* @param {Object} data - The data.
* @param {string} data.layout - The layout.
* @param {string} data.featured_image_width - The featured image width.
* @param {string} data.id - The ID.
* @param {string} data.featured_image_height - The featured image height.
* @param {string} data.thumbnail - The thumbnail.
* @param {string} data.video - The video
* @param {Object} data.image_data - The image data.
* @param {Object} data.multiple_featured - Multiple featured images data.
* @param {string} data.permalink - The permalink (URL).
* @param {string} data.title - The title.
* @param {string} data.image_size - The image size.
* @return {string}
*/
fusionGetBlogSlideshow: function( data ) {
var slideshowTemplate = FusionPageBuilder.template( jQuery( '#tmpl-new-slideshow-blog-shortcode' ).html() ),
attributes = {};
if ( 'object' !== typeof data ) {
return '';
}
attributes.data = data;
return slideshowTemplate( attributes );
},
/**
* Ability to change length of content and display correct contents.
*
* @since 2.0.0
* @param {Object} data - The data.
* @param {string} data.read_more - The read more text.
* @param {string} data.full_content - The full content.
* @param {string} data.excerpt - The excerpt.
* @param {string} data.excerpt_stripped - Stripped excerpt.
* @param {string} data.excerpt_base - Defaults to 'characters'.
* @param {string} excerpt - Do we want excerpt (yes/no)?
* @param {number} excerptLength - How long?
* @param {boolean} stripHtml - Should we strip HTML?
* @return {string}
*/
fusionGetFixedContent: function( data, excerpt, excerptLength, stripHtml ) {
var content,
readMoreContent = '';
excerpt = 'undefined' !== typeof excerpt ? excerpt : 'no';
excerptLength = 'undefined' !== typeof excerptLength ? excerptLength : 55;
stripHtml = 'undefined' !== typeof stripHtml ? stripHtml : false;
stripHtml = ( 'yes' === stripHtml || stripHtml || '1' == stripHtml );
data.read_more = data.hasOwnProperty( 'read_more' ) ? data.read_more : '';
// Return full contents.
if ( 'no' === excerpt ) {
return data.full_content;
}
// Set correct stripped data.
content = ( stripHtml ) ? data.excerpt_stripped : data.excerpt;
// It has a read more, remove it.
content = content
.replace( /\[/g, '[' )
.replace( /\]/g, ']' )
.replace( /\.\.\./g, '…' );
readMoreContent = ' ' + data.read_more
.replace( /\[/g, '[' )
.replace( /\]/g, ']' )
.replace( /\.\.\./g, '…' )
.trim();
if ( -1 !== content.indexOf( readMoreContent ) ) {
content = content.replace( readMoreContent, '' );
}
if ( 'characters' === data.excerpt_base.toLowerCase() ) {
if ( excerptLength < content.length ) {
content = content.substring( 0, excerptLength );
}
} else {
content = content.split( ' ' ).splice( 0, excerptLength ).join( ' ' );
}
// Add read more.
content += readMoreContent;
return _.fusionFixHtml( content );
},
/**
* Helper method used in getFixedContent.
*
* @since 2.0.0
* @param {string} html - The html string.
* @return {string}
*/
fusionFixHtml: function( html ) {
var div = document.createElement( 'div' );
div.innerHTML = html;
return ( div.innerHTML );
},
/**
* Capitalize the 1st letter.
*
* @since 2.0.0
* @param {string} string - The string we want to modify.
* @return {string}
*/
fusionUcFirst: function( string ) {
return string.charAt( 0 ).toUpperCase() + string.slice( 1 );
},
/**
* JS port of PHP's rawurlencode function.
*
* @since 2.0.0
* @param {string} string - The URL.
* @return {string}
*/
fusionRawUrlEncode: function( string ) {
string = ( string + '' );
return encodeURIComponent( string )
.replace( /!/g, '%21' )
.replace( /'/g, '%27' )
.replace( /\(/g, '%28' )
.replace( /\)/g, '%29' )
.replace( /\*/g, '%2A' );
},
/**
* Auto calculate accent color.
* copy of fusion_auto_calculate_accent_color from PHP.
*
* @since 2.0.0
* @param {string} color - The color.
* @return {string}
*/
fusionAutoCalculateAccentColor: function( color ) {
var colorObj = jQuery.AWB_Color( color ),
lightness = parseInt( colorObj.lightness() * 100, 10 );
if ( 0 < lightness ) { // Not black.
if ( 50 <= lightness ) {
return colorObj.lightness( lightness / 200 ).toRgbaString();
}
return colorObj.lightness( lightness / 50 ).toRgbaString();
}
return colorObj.lightness( 70 ).toRgbaString();
},
/**
* JS copy of fusion_builder_build_social_links.
*
* @since 2.0.0
* @param {Array|Object} socialNetworks - The social networks array.
* @param {string} functionName - Callable function-name.
* @param {Object} params - The parameters.
* @param {number} i - Not used?
* @return {string}
*/
fusionBuildSocialLinks: function( socialNetworks, functionName, params, i ) {
var useBrandColors = false,
icons = '',
shortcodeDefaults = {},
boxColors,
iconColors,
numOfIconColors,
numOfBoxColors,
socialNetworksCount,
k = 0;
socialNetworks = ! _.isUndefined( socialNetworks ) ? socialNetworks : '';
i = ! _.isUndefined( i ) ? i : 0;
if ( ! _.isUndefined( params.social_icon_boxed ) ) {
params.icons_boxed = params.social_icon_boxed;
}
if ( '' != socialNetworks && Array.isArray( socialNetworks ) ) {
// Add compatibility for different key names in shortcodes.
_.each( params, function( value, key ) {
key = ( 'social_icon_boxed' === key ) ? 'icons_boxed' : key;
key = ( 'social_icon_colors' === key ) ? 'icon_colors' : key;
key = ( 'social_icon_boxed_colors' === key ) ? 'box_colors' : key;
key = ( 'social_icon_color_type' === key ) ? 'color_type' : key;
shortcodeDefaults[ key ] = value;
} );
// Check for icon color type.
if ( 'brand' === shortcodeDefaults.color_type ) {
useBrandColors = true;
boxColors = _.fusionSocialIcons( true, true );
// Backwards compatibility for old social network names.
boxColors.mail = {
label: 'Email Address',
color: '#000000'
};
iconColors = {};
} else {
// Custom social icon colors.
iconColors = ( 'undefined' !== typeof shortcodeDefaults.icon_colors ) ? shortcodeDefaults.icon_colors.split( '|' ) : '';
boxColors = ( 'undefined' !== typeof shortcodeDefaults.box_colors ) ? shortcodeDefaults.box_colors.split( '|' ) : '';
numOfIconColors = iconColors.length;
numOfBoxColors = boxColors.length;
socialNetworksCount = socialNetworks.length;
for ( k = 0; k < socialNetworksCount; k++ ) {
if ( 1 === numOfIconColors ) {
iconColors[ k ] = iconColors[ 0 ];
}
if ( 1 === numOfBoxColors ) {
boxColors[ k ] = boxColors[ 0 ];
}
}
}
// Process social networks.
_.each( socialNetworks, function( value ) {
_.each( value, function( link, network ) {
var iconOptions;
if ( 'custom' === network && link ) {
_.each( link, function( url, customKey ) {
var customIconBoxColor = '',
socialMediaIcons,
width,
height;
if ( 'yes' === params.icons_boxed ) {
customIconBoxColor = i < boxColors.length ? boxColors[ i ] : '';
if ( true === useBrandColors ) {
customIconBoxColor = ( boxColors[ network ].color ) ? boxColors[ network ].color : '';
}
}
socialMediaIcons = params.social_media_icons;
if ( ! _.isObject( socialMediaIcons ) ) {
socialMediaIcons = {};
}
if ( _.isUndefined( socialMediaIcons.custom_title ) ) {
socialMediaIcons.custom_title = {};
}
if ( _.isUndefined( socialMediaIcons.custom_source ) ) {
socialMediaIcons.custom_source = {};
}
if ( _.isUndefined( socialMediaIcons.custom_title[ customKey ] ) ) {
socialMediaIcons.custom_title[ customKey ] = '';
}
if ( _.isUndefined( socialMediaIcons.custom_source[ customKey ] ) ) {
socialMediaIcons.custom_source[ customKey ] = '';
}
if ( _.isUndefined( socialMediaIcons.icon_mark[ customKey ] ) ) {
socialMediaIcons.icon_mark[ customKey ] = '';
}
iconOptions = {
social_network: socialMediaIcons.custom_title[ customKey ],
social_link: url,
icon_color: i < iconColors.length ? iconColors[ i ] : '',
box_color: customIconBoxColor,
icon_mark: socialMediaIcons.icon_mark[ customKey ].replace( 'fusion-prefix-', '' )
};
if ( _.isFunction( functionName ) ) {
iconOptions = functionName( iconOptions, params );
}
icons += '<a ' + _.fusionGetAttributes( iconOptions ) + '>';
if ( _.isEmpty( socialMediaIcons.icon_mark[ customKey ] ) ) {
icons += '<img';
if ( ! _.isUndefined( socialMediaIcons.custom_source[ customKey ].url ) ) {
icons += ' src="' + socialMediaIcons.custom_source[ customKey ].url + '"';
}
if ( ! _.isUndefined( socialMediaIcons.custom_title[ customKey ] ) && '' != socialMediaIcons.custom_title[ customKey ] ) {
icons += ' alt="' + socialMediaIcons.custom_title[ customKey ] + '"';
}
if ( ! _.isUndefined( socialMediaIcons.custom_source[ customKey ].width ) && socialMediaIcons.custom_source[ customKey ].width ) {
width = parseInt( socialMediaIcons.custom_source[ customKey ].width, 10 );
icons += ' width="' + width + '"';
}
if ( 'undefined' !== socialMediaIcons.custom_source[ customKey ].height && socialMediaIcons.custom_source[ customKey ].height ) {
height = parseInt( socialMediaIcons.custom_source[ customKey ].height, 10 );
icons += ' height="' + height + '"';
}
icons += ' />';
}
icons += '</a>';
} );
} else {
if ( true == useBrandColors ) {
iconOptions = {
social_network: network,
social_link: link,
icon_color: ( 'yes' === params.icons_boxed ) ? '#ffffff' : boxColors[ network ].color,
box_color: ( 'yes' === params.icons_boxed ) ? boxColors[ network ].color : ''
};
} else {
iconOptions = {
social_network: network,
social_link: link,
icon_color: i < iconColors.length ? iconColors[ i ] : '',
box_color: i < boxColors.length ? boxColors[ i ] : ''
};
}
if ( _.isFunction( functionName ) ) {
iconOptions = functionName( iconOptions, params );
}
icons += '<a ' + _.fusionGetAttributes( iconOptions ) + '></a>';
}
i++;
} );
} );
}
return icons;
},
/**
* JS copy of Fusion_Data::fusion_social_icons
*
* @since 2.0.0
* @param {boolean} custom - Do we want the custom network?
* @param {boolean} colors - Do we want the colors?
* @return {Object}
*/
fusionSocialIcons: function( custom, colors ) {
var networks,
simpleNetworks;
custom = ! _.isUndefined( custom ) ? custom : true;
colors = ! _.isUndefined( colors ) ? colors : false;
networks = {
blogger: {
label: 'Blogger',
color: '#f57d00'
},
deviantart: {
label: 'Deviantart',
color: '#4dc47d'
},
discord: {
label: 'Discord',
color: '#26262B'
},
digg: {
label: 'Digg',
color: '#000000'
},
dribbble: {
label: 'Dribbble',
color: '#ea4c89'
},
dropbox: {
label: 'Dropbox',
color: '#007ee5'
},
facebook: {
label: 'Facebook',
color: '#3b5998'
},
flickr: {
label: 'Flickr',
color: '#0063dc'
},
forrst: {
label: 'Forrst',
color: '#5b9a68'
},
instagram: {
label: 'Instagram',
color: '#3f729b'
},
linkedin: {
label: 'LinkedIn',
color: '#0077b5'
},
myspace: {
label: 'Myspace',
color: '#000000'
},
paypal: {
label: 'Paypal',
color: '#003087'
},
pinterest: {
label: 'Pinterest',
color: '#bd081c'
},
reddit: {
label: 'Reddit',
color: '#ff4500'
},
rss: {
label: 'RSS',
color: '#f26522'
},
skype: {
label: 'Skype',
color: '#00aff0'
},
soundcloud: {
label: 'Soundcloud',
color: '#ff8800'
},
spotify: {
label: 'Spotify',
color: '#2ebd59'
},
teams: {
label: 'Teams',
color: '#505AC9'
},
telegram: {
label: 'Telegram',
color: '#0088cc'
},
tiktok: {
label: 'Tiktok',
color: '#010101'
},
tumblr: {
label: 'Tumblr',
color: '#35465c'
},
twitch: {
label: 'Twitch',
color: '#6441a5'
},
twitter: {
label: 'Twitter',
color: '#55acee'
},
vimeo: {
label: 'Vimeo',
color: '#1ab7ea'
},
vk: {
label: 'VK',
color: '#45668e'
},
wechat: {
label: 'WeChat',
color: '#7bb22e'
},
whatsapp: {
label: 'WhatsApp',
color: '#77e878'
},
xing: {
label: 'Xing',
color: '#026466'
},
yahoo: {
label: 'Yahoo',
color: '#410093'
},
yelp: {
label: 'Yelp',
color: '#af0606'
},
youtube: {
label: 'Youtube',
color: '#cd201f'
},
email: {
label: 'Email Address',
color: '#000000'
},
phone: {
label: 'Phone',
color: '#000000'
}
};
// Add a "custom" entry.
if ( custom ) {
networks.custom = {
label: 'Custom',
color: ''
};
}
if ( ! colors ) {
simpleNetworks = {};
_.each( networks, function( networkArgs ) {
simpleNetworks.network_id = networkArgs.label;
} );
networks = simpleNetworks;
}
return networks;
},
/**
* JS copy of fusion_builder_sort_social_networks.
*
* @param {Object} socialNetworksOriginal - The original object.
* @param {Object} params - Any parameters we want to pass.
* @return {Object}
*/
fusionSortSocialNetworks: function( socialNetworksOriginal, params ) {
var socialNetworks = [],
iconOrder = '',
newNetwork,
newCustom;
// Get social networks order from optionthemes.
if ( params.social_media_icons_icon && Array.isArray( params.social_media_icons_icon ) ) {
iconOrder = params.social_media_icons_icon.join( '|' );
}
if ( ! Array.isArray( iconOrder ) ) {
iconOrder = iconOrder.split( '|' );
}
if ( Array.isArray( iconOrder ) ) {
// First put the icons that exist in the Global Options,
// and order them using tha same order as in Global Options.
_.each( iconOrder, function( value, key ) {
var newKey;
// Backwards compatibility for old social network names.
newKey = ( 'email' === value ) ? 'mail' : value;
// Check if social network from TO exists in element.
if ( ! _.isUndefined( socialNetworksOriginal[ value ] ) ) {
newNetwork = {};
if ( 'custom' === value ) {
if ( socialNetworksOriginal[ value ] ) {
newNetwork[ key ] = socialNetworksOriginal[ value ][ key ];
newCustom = {};
newCustom[ value ] = newNetwork;
socialNetworks.push( newCustom );
}
} else {
newNetwork[ newKey ] = socialNetworksOriginal[ value ];
socialNetworks.push( newNetwork );
delete socialNetworksOriginal[ value ];
}
}
} );
// Put any remaining icons after the ones from the Global Options.
_.each( socialNetworksOriginal, function( networkurl, name ) {
if ( 'custom' !== name ) {
newNetwork = {};
newNetwork[ name ] = networkurl;
socialNetworks.push( newNetwork );
}
} );
} else {
console.warn( 'OUT' );
}
return socialNetworks;
},
/**
* JS copy of fusion_builder_get_social_networks.
* Gets the social networks.
*
* @since 2.0.0
* @param {Object} params - The parameters.
* @return {Object}
*/
fusionGetSocialNetworks: function( params ) {
// Careful! The icons are also ordered by these.
var socialLinksArray = {},
socialLinks = {
facebook: 'facebook',
twitch: 'twitch',
tiktok: 'tiktok',
twitter: 'twitter',
instagram: 'instagram',
youtube: 'youtube',
linkedin: 'linkedin',
dribbble: 'dribbble',
rss: 'rss',
pinterest: 'pinterest',
flickr: 'flickr',
vimeo: 'vimeo',
tumblr: 'tumblr',
discord: 'discord',
digg: 'digg',
blogger: 'blogger',
skype: 'skype',
teams: 'teams',
myspace: 'myspace',
deviantart: 'deviantart',
yahoo: 'yahoo',
reddit: 'reddit',
forrst: 'forrst',
paypal: 'paypal',
dropbox: 'dropbox',
soundcloud: 'soundcloud',
vk: 'vk',
wechat: 'wechat',
whatsapp: 'whatsapp',
telegram: 'telegram',
xing: 'xing',
yelp: 'yelp',
spotify: 'spotify',
email: 'mail',
phone: 'phone'
};
_.each( socialLinks, function( val, key ) {
if ( 'undefined' !== typeof params[ key ] && '' !== params[ key ] ) {
socialLinksArray[ val ] = params[ key ];
}
} );
if ( params.show_custom && 'yes' === params.show_custom ) {
socialLinksArray.custom = {};
if ( Array.isArray( params.social_media_icons_icon ) ) {
_.each( params.social_media_icons_icon, function( icon, key ) {
if ( 'custom' === icon && Array.isArray( params.social_media_icons_url ) && ! _.isUndefined( params.social_media_icons_url[ key ] ) && '' !== params.social_media_icons_url[ key ] ) {
// Check if there is a default set for this, if so use that rather than TO link.
if ( params[ 'custom_' + key ] && '' !== params[ 'custom_' + key ] ) {
socialLinksArray.custom[ key ] = params[ 'custom_' + key ];
} else {
socialLinksArray.custom[ key ] = params.social_media_icons_url[ key ];
}
}
} );
}
}
return socialLinksArray;
},
// WIP: If padding (combined all 4) is not set in params, then use individual variables.
fusionGetPadding: function( values ) {
values.padding_top = 'undefined' !== typeof values.padding_top ? _.fusionGetValueWithUnit( values.padding_top ) : '0px';
values.padding_right = 'undefined' !== typeof values.padding_right ? _.fusionGetValueWithUnit( values.padding_right ) : '0px';
values.padding_bottom = 'undefined' !== typeof values.padding_bottom ? _.fusionGetValueWithUnit( values.padding_bottom ) : '0px';
values.padding_left = 'undefined' !== typeof values.padding_left ? _.fusionGetValueWithUnit( values.padding_left ) : '0px';
values.padding = values.padding_top + ' ' + values.padding_right + ' ' + values.padding_bottom + ' ' + values.padding_left;
return values;
},
fusionGetMargin: function( values ) {
if ( '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
return values;
},
fusionAnimations: function( values, attributes, parent ) {
var animations = false;
if ( values && 'undefined' !== typeof values.animation_type && '' !== values.animation_type ) {
animations = _.fusionGetAnimations( {
type: values.animation_type,
direction: values.animation_direction,
speed: values.animation_speed,
offset: values.animation_offset
} );
attributes = jQuery.extend( attributes, animations );
// Class to mark as editor.
if ( 'undefined' === typeof parent || ! parent ) {
if ( 'undefined' !== typeof attributes[ 'class' ] ) {
attributes[ 'class' ] += ' ' + attributes.animation_class;
} else {
attributes[ 'class' ] = attributes.animation_class;
}
}
delete attributes.animation_class;
}
return attributes;
},
fusionPagination: function( maxPages, currentPage, range, pagination, globalPagination, globalStartEndRange ) {
var paginationCode = '',
i,
globalStartRange,
globalEndRange,
start,
end;
globalStartEndRange = ( 'undefined' !== typeof globalStartEndRange ) ? parseInt( globalStartEndRange, 10 ) : 2;
currentPage = ( 'undefined' !== typeof currentPage ) ? parseInt( currentPage, 10 ) : 1;
range = parseInt( range, 10 );
maxPages = parseInt( maxPages, 10 );
globalStartRange = globalStartEndRange;
globalEndRange = globalStartEndRange;
if ( 1 !== maxPages ) {
if ( ( 'pagination' !== pagination && 'pagination' !== globalPagination.toLowerCase() ) ) {
paginationCode += '<div class="fusion-infinite-scroll-trigger"></div>';
paginationCode += '<div class="pagination infinite-scroll clearfix">';
} else {
paginationCode += '<div class="pagination clearfix">';
}
start = currentPage - range;
end = currentPage + range;
if ( 0 >= start ) {
start = ( 0 < currentPage - 1 ) ? currentPage - 1 : 1;
}
if ( maxPages < end ) {
end = maxPages;
}
if ( 'pagination' === pagination ) {
if ( 1 < currentPage ) {
paginationCode += '<a class="pagination-prev" href="#"><span class="page-prev"></span><span class="page-text">Previous</span></a>';
if ( 0 < globalStartRange ) {
if ( globalStartRange >= start ) {
globalStartRange = start - 1;
}
for ( i = 1; i <= globalStartRange; i++ ) {
paginationCode += '<a href="#" class="inactive">' + i + '</a>';
}
if ( 0 < globalStartRange && globalStartRange < start - 1 ) {
paginationCode += '<span class="pagination-dots paginations-dots-start">···</span>';
}
}
}
for ( i = start; i <= end; i++ ) {
if ( currentPage == i ) {
paginationCode += '<span class="current">' + i + '</span>';
} else {
paginationCode += '<a href="#" class="inactive">' + i + '</a>';
}
}
if ( currentPage < maxPages ) {
if ( 0 < globalEndRange ) {
if ( maxPages - globalEndRange <= end ) {
globalEndRange = maxPages - end;
}
globalEndRange--;
if ( end + 1 < maxPages - globalEndRange ) {
paginationCode += '<span class="pagination-dots paginations-dots-end">···</span>';
}
for ( i = maxPages - globalEndRange; i <= maxPages; i++ ) {
paginationCode += '<a href="#" class="inactive">' + i + '</a>';
}
}
paginationCode += '<a class="pagination-next" href="#"><span class="page-text">Next</span><span class="page-next"></span></a>';
}
}
paginationCode += '</div>';
paginationCode += '<div class="fusion-clearfix"></div>';
}
return paginationCode;
},
fusionInlineEditor: function( args, attributes ) {
var defaults = {
cid: false,
param: 'element_content',
encoding: false,
'disable-return': false,
'disable-extra-spaces': false,
toolbar: 'full',
overrides: false
},
config = _.extend( defaults, args ),
view = FusionPageBuilderViewManager.getView( config.cid );
// If cid is not a number then this is a nested render and do not use live editor.
if ( 'number' !== typeof config.cid ) {
return attributes;
}
attributes[ 'data-inline-parent-cid' ] = config.cid;
// Class to mark as editor.
if ( 'undefined' !== typeof attributes[ 'class' ] ) {
attributes[ 'class' ] += ' fusion-live-editable';
} else {
attributes[ 'class' ] = 'fusion-live-editable';
}
if ( config[ 'disable-return' ] ) {
attributes[ 'data-disable-return' ] = 'true';
}
if ( config[ 'disable-extra-spaces' ] ) {
attributes[ 'data-disable-extra-spaces' ] = 'true';
}
if ( config.encoding ) {
attributes[ 'data-encoding' ] = 'true';
}
if ( 'object' === typeof config.overrides ) {
_.each( config.overrides, function( elementParam, inlineParam ) {
attributes[ 'data-inline-override-' + inlineParam ] = elementParam;
} );
}
attributes[ 'data-toolbar' ] = config.toolbar.toString();
attributes[ 'data-param' ] = config.param;
if ( 'object' === typeof view && 'object' === typeof view.dynamicParams ) {
if ( view.dynamicParams.hasDynamicParam( config.param ) ) {
attributes[ 'data-dynamic-content-overriding' ] = 'true';
}
}
return attributes;
},
/**
* JS copy of fusion_section_deprecated_args.
* Maps the dprecated container args.
*
* @since 2.0.0
* @param {Object} args - The parameters.
* @return {Object}
*/
fusionContainerMapDeprecatedArgs: function( args ) {
var paramMapping = {
backgroundposition: 'background_position',
backgroundattachment: 'background_parallax',
background_attachment: 'background_parallax',
bordersize: 'border_size',
bordercolor: 'border_color',
borderstyle: 'border_style',
paddingtop: 'padding_top',
paddingbottom: 'padding_bottom',
paddingleft: 'padding_left',
paddingright: 'padding_right',
backgroundcolor: 'background_color',
backgroundimage: 'background_image',
backgroundrepeat: 'background_repeat',
paddingBottom: 'padding_bottom',
paddingTop: 'padding_top'
};
if ( ( 'undefined' !== typeof args.backgroundattachment && 'scroll' === args.backgroundattachment ) || ( 'undefined' !== typeof args.background_attachment && 'scroll' === args.background_attachment ) ) {
args.backgroundattachment = 'none';
args.background_attachment = 'none';
}
_.each( paramMapping, function( newName, oldName ) {
if ( 'undefined' === typeof args[ newName ] && 'undefined' !== typeof args[ oldName ] ) {
args[ newName ] = args[ oldName ];
delete args[ oldName ];
}
} );
return args;
},
/**
* Replaces double line-breaks with paragraph elements.
*
* JS version of the wpautop() PHP function and based on the portation
* for the Gutenberg block editor.
*
* @since 2.0.0
* @param {string} text The text which has to be formatted.
* @param {boolean} br Optional. If set, will convert all remaining line-
* breaks after paragraphing. Default true.
* @return {string} Text which has been converted into paragraph tags.
*/
autop: function( text, br ) {
var preTags = [],
textParts,
lastText,
i,
textPart,
start,
name,
allBlocks,
texts;
if ( 'string' !== typeof text || '' === text.trim() ) {
return '';
}
br = ( 'undefined' === typeof br ) ? true : br;
// Just to make things a little easier, pad the end.
text = text + '\n';
/*
* Pre tags shouldn't be touched by autop.
* Replace pre tags with placeholders and bring them back after autop.
*/
if ( -1 !== text.indexOf( '<pre' ) ) {
textParts = text.split( '</pre>' );
lastText = textParts.pop();
text = '';
for ( i = 0; i < textParts.length; i++ ) {
textPart = textParts[ i ];
start = textPart.indexOf( '<pre' );
// Malformed html?
if ( -1 === start ) {
text += textPart;
continue;
}
name = '<pre wp-pre-tag-' + i + '></pre>';
preTags.push( [ name, textPart.substr( start ) + '</pre>' ] );
text += textPart.substr( 0, start ) + name;
}
text += lastText;
}
// Change multiple <br>s into two line breaks, which will turn into paragraphs.
text = text.replace( /<br\s*\/?>\s*<br\s*\/?>/g, '\n\n' );
allBlocks = '(?:table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary)';
// Add a double line break above block-level opening tags.
text = text.replace( new RegExp( '(<' + allBlocks + '[\\s\/>])', 'g' ), '\n\n$1' );
// Add a double line break below block-level closing tags.
text = text.replace( new RegExp( '(<\/' + allBlocks + '>)', 'g' ), '$1\n\n' );
// Standardize newline characters to "\n".
text = text.replace( /\r\n|\r/g, '\n' );
// Find newlines in all elements and add placeholders.
text = this.replaceInHtmlTags( text, { '\n': ' <!-- wpnl --> ' } );
// Collapse line breaks before and after <option> elements so they don't get autop'd.
if ( -1 !== text.indexOf( '<option' ) ) {
text = text.replace( /\s*<option/g, '<option' );
text = text.replace( /<\/option>\s*/g, '</option>' );
}
/*
* Collapse line breaks inside <object> elements, before <param> and <embed> elements
* so they don't get autop'd.
*/
if ( -1 !== text.indexOf( '</object>' ) ) {
text = text.replace( /(<object[^>]*>)\s*/g, '$1' );
text = text.replace( /\s*<\/object>/g, '</object>' );
text = text.replace( /\s*(<\/?(?:param|embed)[^>]*>)\s*/g, '$1' );
}
/*
* Collapse line breaks inside <audio> and <video> elements,
* before and after <source> and <track> elements.
*/
if ( -1 !== text.indexOf( '<source' ) || -1 !== text.indexOf( '<track' ) ) {
text = text.replace( /([<\[](?:audio|video)[^>\]]*[>\]])\s*/g, '$1' );
text = text.replace( /\s*([<\[]\/(?:audio|video)[>\]])/g, '$1' );
text = text.replace( /\s*(<(?:source|track)[^>]*>)\s*/g, '$1' );
}
// Collapse line breaks before and after <figcaption> elements.
if ( -1 !== text.indexOf( '<figcaption' ) ) {
text = text.replace( /\s*(<figcaption[^>]*>)/, '$1' );
text = text.replace( /<\/figcaption>\s*/, '</figcaption>' );
}
// Remove more than two contiguous line breaks.
text = text.replace( /\n\n+/g, '\n\n' );
// Split up the contents into an array of strings, separated by double line breaks.
texts = text.split( /\n\s*\n/ ).filter( Boolean );
// Reset text prior to rebuilding.
text = '';
// Rebuild the content as a string, wrapping every bit with a <p>.
texts.forEach( function( textPiece ) {
text += '<p>' + textPiece.replace( /^\n*|\n*$/g, '' ) + '</p>\n';
} );
// Under certain strange conditions it could create a P of entirely whitespace.
text = text.replace( /<p>\s*<\/p>/g, '' );
// Add a closing <p> inside <div>, <address>, or <form> tag if missing.
text = text.replace( /<p>([^<]+)<\/(div|address|form)>/g, '<p>$1</p></$2>' );
// If an opening or closing block element tag is wrapped in a <p>, unwrap it.
text = text.replace( new RegExp( '<p>\\s*(<\/?' + allBlocks + '[^>]*>)\\s*<\/p>', 'g' ), '$1' );
// In some cases <li> may get wrapped in <p>, fix them.
text = text.replace( /<p>(<li.+?)<\/p>/g, '$1' );
// If a <blockquote> is wrapped with a <p>, move it inside the <blockquote>.
text = text.replace( /<p><blockquote([^>]*)>/gi, '<blockquote$1><p>' );
text = text.replace( /<\/blockquote><\/p>/g, '</p></blockquote>' );
// If an opening or closing block element tag is preceded by an opening <p> tag, remove it.
text = text.replace( new RegExp( '<p>\\s*(<\/?' + allBlocks + '[^>]*>)', 'g' ), '$1' );
// If an opening or closing block element tag is followed by a closing <p> tag, remove it.
text = text.replace( new RegExp( '(<\/?' + allBlocks + '[^>]*>)\\s*<\/p>', 'g' ), '$1' );
// Optionally insert line breaks.
if ( br ) {
// Replace newlines that shouldn't be touched with a placeholder.
text = text.replace( /<(script|style).*?<\/\\1>/g, function( match ) {
return match[ 0 ].replace( /\n/g, '<WPPreserveNewline />' );
} );
// Normalize <br>
text = text.replace( /<br>|<br\/>/g, '<br />' );
// Replace any new line characters that aren't preceded by a <br /> with a <br />.
text = text.replace( /(<br \/>)?\s*\n/g, function( a, b ) {
return b ? a : '<br />\n';
} );
// Replace newline placeholders with newlines.
text = text.replace( /<WPPreserveNewline \/>/g, '\n' );
}
// If a <br /> tag is after an opening or closing block tag, remove it.
text = text.replace( new RegExp( '(<\/?' + allBlocks + '[^>]*>)\\s*<br \/>', 'g' ), '$1' );
// If a <br /> tag is before a subset of opening or closing block tags, remove it.
text = text.replace( /<br \/>(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)/g, '$1' );
text = text.replace( /\n<\/p>$/g, '</p>' );
// Replace placeholder <pre> tags with their original content.
if ( Object.keys( preTags ).length ) {
text = text.replace( new RegExp( Object.keys( preTags ).join( '|' ), 'gi' ), function( matched ) {
return preTags[ matched ];
} );
}
// Restore newlines in all elements.
if ( -1 !== text.indexOf( '<!-- wpnl -->' ) ) {
text = text.replace( /\s?<!-- wpnl -->\s?/g, '\n' );
}
return text;
},
/**
* Separate HTML elements and comments from the text.
*
* JS version of the html_split() PHP function and based on the portation
* for the Gutenberg block editor.
*
* @since 2.0
* @param {string} input The text which has to be formatted.
* @return {Array} The formatted text.
*/
htmlSplit: function( input ) {
var parts = [],
workingInput = input,
match,
htmlSplitRegex = ( function() {
/* eslint-disable no-multi-spaces */
var comments =
'!' + // Start of comment, after the <.
'(?:' + // Unroll the loop: Consume everything until --> is found.
'-(?!->)' + // Dash not followed by end of comment.
'[^\\-]*' + // Consume non-dashes.
')*' + // Loop possessively.
'(?:-->)?', // End of comment. If not found, match all input.
cdata =
'!\\[CDATA\\[' + // Start of comment, after the <.
'[^\\]]*' + // Consume non-].
'(?:' + // Unroll the loop: Consume everything until ]]> is found.
'](?!]>)' + // One ] not followed by end of comment.
'[^\\]]*' + // Consume non-].
')*?' + // Loop possessively.
'(?:]]>)?', // End of comment. If not found, match all input.
escaped =
'(?=' + // Is the element escaped?
'!--' +
'|' +
'!\\[CDATA\\[' +
')' +
'((?=!-)' + // If yes, which type?
comments +
'|' +
cdata +
')',
regex =
'(' + // Capture the entire match.
'<' + // Find start of element.
'(' + // Conditional expression follows.
escaped + // Find end of escaped element.
'|' + // ... else ...
'[^>]*>?' + // Find end of normal element.
')' +
')';
return new RegExp( regex );
/* eslint-enable no-multi-spaces */
}() );
while ( ( match = workingInput.match( htmlSplitRegex ) ) ) {
parts.push( workingInput.slice( 0, match.index ) );
parts.push( match[ 0 ] );
workingInput = workingInput.slice( match.index + match[ 0 ].length );
}
if ( workingInput.length ) {
parts.push( workingInput );
}
return parts;
},
/**
* Replace characters or phrases within HTML elements only.
*
* JS version of the replace_html_tags() PHP function and based on the portation
* for the Gutenberg block editor.
*
* @since 2.0
* @param {string} haystack The text which has to be formatted.
* @param {Object} replacePairs In the form {from: 'to', ...}.
* @return {string} The formatted text.
*/
replaceInHtmlTags: function( haystack, replacePairs ) {
// Find all elements.
var textArr = this.htmlSplit( haystack ),
changed = false,
needles = Object.keys( replacePairs ), // Extract all needles.
i, j,
needle;
// Loop through delimiters (elements) only.
for ( i = 1; i < textArr.length; i += 2 ) {
for ( j = 0; j < needles.length; j++ ) {
needle = needles[ j ];
if ( -1 !== textArr[ i ].indexOf( needle ) ) {
textArr[ i ] = textArr[ i ].replace( new RegExp( needle, 'g' ), replacePairs[ needle ] );
changed = true;
// After one strtr() break out of the foreach loop and look at next element.
break;
}
}
}
if ( changed ) {
haystack = textArr.join( '' );
}
return haystack;
},
/**
* Generates filter CSS.
*
* @since 2.1
* @param {Object} values - The values.
* @return {String}
*/
fusionGetFilterStyle: function( values, state ) {
var filters = {
filter_hue: { property: 'hue-rotate', unit: 'deg', default: '0' },
filter_saturation: { property: 'saturate', unit: '%', default: '100' },
filter_brightness: { property: 'brightness', unit: '%', default: '100' },
filter_contrast: { property: 'contrast', unit: '%', default: '100' },
filter_invert: { property: 'invert', unit: '%', default: '0' },
filter_sepia: { property: 'sepia', unit: '%', default: '0' },
filter_opacity: { property: 'opacity', unit: '%', default: '100' },
filter_blur: { property: 'blur', unit: 'px', default: '0' }
},
stateSuffix = 'regular' === state ? '' : '_hover',
otherStateSuffix = 'regular' === state ? '_hover' : '',
filter_id_state = '',
filter_id_other = '',
filter_style = '';
_.each( filters, function( filter, filter_id ) {
filter_id_state = filter_id + stateSuffix;
filter_id_other = filter_id + otherStateSuffix;
if ( filter[ 'default' ] !== values[ filter_id_state ] || filter[ 'default' ] !== values[ filter_id_other ] ) {
filter_style += filter.property + '(' + values[ filter_id_state ] + filter.unit + ') ';
}
} );
return filter_style.trim();
},
/**
* Generates filter style element.
*
* @since 2.1
* @param {Object} values - The values.
* @param {string|object} selector - Element selector.
* @param {integer} cid - Element cid.
* @return {String}
*/
fusionGetFilterStyleElem: function( values, selector, cid ) {
var filter_style = '',
filter_style_hover = '',
regularSelector = 'body:not(.fusion-disable-element-filters) ',
hoverSelector = 'body:not(.fusion-disable-element-filters) ';
if ( 'object' === typeof selector ) {
regularSelector += selector.regular;
hoverSelector += selector.hover;
} else {
regularSelector += selector;
hoverSelector += selector + ':hover';
}
// Get filter CSS.
filter_style = this.fusionGetFilterStyle( values, 'regular' );
if ( '' !== filter_style ) {
filter_style = regularSelector + '{filter: ' + filter_style + ';}';
}
filter_style_hover = this.fusionGetFilterStyle( values, 'hover' );
if ( '' !== filter_style_hover ) {
// Add transition.
filter_style = filter_style.replace( '}', 'transition: filter 0.3s ease-in-out;}' );
// Hover state.
filter_style += hoverSelector + '{filter: ' + filter_style_hover + ';}';
}
// We need empty style element as well.
return '<style id="fusion-filter-' + cid + '-style">' + filter_style + '</style>';
},
/**
* Generates transform CSS.
*
* @since 3.8
* @param {Object} values - The values.
* @return {String}
*/
fusionGetTransformStyle: function( values, state ) {
var props = {
transform_scale_x: { property: 'scaleX', unit: '', default: '1' },
transform_scale_y: { property: 'scaleY', unit: '', default: '1' },
transform_translate_x: { property: 'translateX', unit: 'px', default: '0' },
transform_translate_y: { property: 'translateY', unit: 'px', default: '0' },
transform_rotate: { property: 'rotate', unit: 'deg', default: '0' },
transform_skew_x: { property: 'skewX', unit: 'deg', default: '0' },
transform_skew_y: { property: 'skewY', unit: 'deg', default: '0' }
},
stateSuffix = 'regular' === state ? '' : '_hover',
otherStateSuffix = 'regular' === state ? '_hover' : '',
transform_id_state = '',
transform_id_other = '',
transform_style = '';
_.each( props, function( transform, transform_id ) {
transform_id_state = transform_id + stateSuffix;
transform_id_other = transform_id + otherStateSuffix;
if ( transform[ 'default' ] !== values[ transform_id_state ] || transform[ 'default' ] !== values[ transform_id_other ] ) {
transform_style += transform.property + '(' + values[ transform_id_state ] + transform.unit + ') ';
}
} );
return transform_style.trim();
},
/**
* Generates transform style element.
*
* @since 3.8
* @param {Object} values - The values.
* @param {string|object} selector - Element selector.
* @param {integer} cid - Element cid.
* @return {String}
*/
fusionGetTransformStyleElem: function( values, selector, editSelector, cid ) {
var transform_style = '',
transform_style_hover = '',
regularSelector = 'body:not(.fusion-disable-element-transform):not(.fusion-element-transform-on-edit) ',
hoverSelector = 'body:not(.fusion-disable-element-transform):not(.fusion-element-transform-on-edit) ',
regularEditSelector = 'body.fusion-element-transform-on-edit ',
hoverEditSelector = 'body.fusion-element-transform-on-edit ';
if ( 'object' === typeof selector ) {
regularSelector += selector.regular;
hoverSelector += selector.hover;
regularEditSelector += editSelector.regular;
hoverEditSelector += editSelector.hover;
} else {
regularSelector += selector;
hoverSelector += selector + ':hover';
regularEditSelector += editSelector;
hoverEditSelector += editSelector + ':hover';
}
let output = '';
// Get transform CSS.
transform_style = this.fusionGetTransformStyle( values, 'regular' );
if ( '' !== transform_style ) {
let transform_origin = '';
if ( '' !== values.transform_origin ) {
transform_origin = 'transform-origin:' + values.transform_origin + ';';
}
output += regularSelector + '{transform: ' + transform_style + '; ' + transform_origin + '}';
output += regularEditSelector + '{transform: ' + transform_style + '; ' + transform_origin + '}';
// Hide element control when apply transform effect.
// output += regularSelector + ' .fusion-builder-module-controls-container { display: none !important; }';
// output += regularSelector + ' .fusion-column-spacers { display: none !important; }';
output += regularEditSelector + ' .fusion-builder-module-controls-container { display: none !important; }';
output += regularEditSelector + ' .fusion-column-spacers { display: none !important; }';
}
transform_style_hover = this.fusionGetTransformStyle( values, 'hover' );
if ( '' !== transform_style_hover ) {
// Add transition.
output += regularSelector + '{ transition: transform 0.3s ease-in-out;}';
output += regularEditSelector + '{ transition: transform 0.3s ease-in-out;}';
// Hover state.
output += hoverSelector + '{transform: ' + transform_style_hover + ';}';
output += hoverEditSelector + '{transform: ' + transform_style_hover + ';}';
}
// We need empty style element as well.
return '<style id="fusion-transform-' + cid + '-style">' + output + '</style>';
},
/**
* Generates transform style vars.
*
* @since 3.8
* @param {Object} values - The values.
* @return {String}
*/
fusionGetTransformVars: function( values, hover ) {
if ( 'undefined' !== typeof window.FusionApp && 'off' === window.FusionApp.preferencesData.element_transform ) {
return '--awb-transform:none; --awb-transform-hover:none;';
}
let output = '';
if ( hover ) {
const transform_style_hover = this.fusionGetTransformStyle( values, 'hover' );
if ( '' !== transform_style_hover ) {
// Hover state.
output += '--awb-transform-hover: ' + transform_style_hover + ';';
// Add transition.
output += '--awb-transform-transition: transform 0.3s ease-in-out;';
} else {
output += '--awb-transform-hover:none;';
}
} else {
// Get transform CSS.
const transform_style = this.fusionGetTransformStyle( values, 'regular' );
if ( '' !== transform_style ) {
output += '--awb-transform: ' + transform_style + ';';
} else {
output += '--awb-transform:none;';
}
}
if ( '' !== values.transform_origin ) {
output += '--awb-transform-origin:' + values.transform_origin + ';';
}
return output;
},
/**
* Get pattern.
*
* @since 3.8
* @param {String} name - The selected pattern name.
* @param {String} color - The pattern color.
* @param {String} style - The pattern style default|inverted.
* @return {String}
*/
fusionGetPattern( name, color, style ) {
style = style || 'default';
color = jQuery.AWB_Color( color ).toRgbaString() || 'rgba(0,0,0,0.3)';
const patterns = {
'abstract': {
'default': '<svg width="120" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_44_400)" fill="' + color + '"><path d="M4.5 61.92A1.08 1.08 0 003.42 63H4.5v-1.08zM.9 60.48c.375 0 .704-.19.898-.48H.002c.194.29.523.48.898.48zM18.9 61.92A1.08 1.08 0 0017.82 63h1.08v-1.08zM11.7 61.92A1.08 1.08 0 0010.62 63h2.16a1.08 1.08 0 00-1.08-1.08zM5.58 63a1.08 1.08 0 00-1.08-1.08V63h1.08zM15.3 60.48c.375 0 .703-.19.898-.48h-1.796c.194.29.523.48.898.48zM8.1 60.48c.375 0 .704-.19.898-.48H7.202c.194.29.523.48.898.48zM33.3 63v-1.08A1.08 1.08 0 0032.22 63h1.08zM26.1 61.92A1.08 1.08 0 0025.02 63h2.16a1.08 1.08 0 00-1.08-1.08zM19.98 63a1.08 1.08 0 00-1.08-1.08V63h1.08zM29.7 60.48c.375 0 .704-.19.898-.48h-1.796c.194.29.523.48.898.48zM22.5 60.48c.375 0 .703-.19.898-.48h-1.796c.194.29.523.48.898.48zM46.62 63h1.08v-1.08A1.08 1.08 0 0046.62 63zM40.5 61.92A1.08 1.08 0 0039.42 63h2.16a1.08 1.08 0 00-1.08-1.08zM34.38 63a1.08 1.08 0 00-1.08-1.08V63h1.08zM44.1 60.48c.375 0 .705-.19.898-.48h-1.796c.195.29.523.48.898.48zM36.9 60.48c.375 0 .705-.19.898-.48h-1.796c.193.29.523.48.898.48zM55.98 63a1.08 1.08 0 00-2.16 0h2.16zM48.78 63a1.08 1.08 0 00-1.08-1.08V63h1.08zM58.5 60.48c.375 0 .704-.19.898-.48h-1.796c.195.29.523.48.898.48zM51.3 60.48c.375 0 .705-.19.898-.48h-1.796c.193.29.523.48.898.48zM4.5 76.32a1.08 1.08 0 00-1.08 1.08H4.5v-1.08zM3.42 70.2c0 .596.484 1.08 1.08 1.08v-2.16a1.08 1.08 0 00-1.08 1.08zM3.42 63c0 .596.484 1.08 1.08 1.08V63H3.42zM1.98 66.6a1.08 1.08 0 00-1.707-.879c.06.627.125 1.252.204 1.872a1.08 1.08 0 001.504-.995v.002zM1.38 72.834c.118.543.245 1.084.377 1.621a1.075 1.075 0 00-.377-1.621zM18.9 76.32a1.08 1.08 0 00-1.08 1.08h1.08v-1.08zM17.82 70.2c0 .596.483 1.08 1.08 1.08v-2.16a1.08 1.08 0 00-1.08 1.08zM17.82 63c0 .596.483 1.08 1.08 1.08V63h-1.08zM11.7 76.32a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM12.78 70.2a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM11.7 64.08A1.08 1.08 0 0012.78 63h-2.16c0 .596.484 1.08 1.08 1.08zM4.5 76.32v1.08h1.08a1.08 1.08 0 00-1.08-1.08zM5.58 70.2a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM5.58 63H4.5v1.08A1.08 1.08 0 005.58 63zM16.38 66.6a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM16.38 73.8a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM9.18 66.6a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM9.18 73.8a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM33.3 77.4v-1.08a1.08 1.08 0 00-1.08 1.08h1.08zM32.22 70.2c0 .596.483 1.08 1.08 1.08v-2.16a1.08 1.08 0 00-1.08 1.08zM33.3 64.08V63h-1.08c0 .596.483 1.08 1.08 1.08zM26.1 76.32a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM27.18 70.2a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM26.1 64.08A1.08 1.08 0 0027.18 63h-2.16c0 .596.483 1.08 1.08 1.08zM18.9 76.32v1.08h1.08a1.08 1.08 0 00-1.08-1.08zM19.98 70.2a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM19.98 63H18.9v1.08A1.08 1.08 0 0019.98 63zM30.78 66.6a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM30.78 73.8a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM23.58 66.6a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM23.58 73.8a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM46.62 77.4h1.08v-1.08a1.081 1.081 0 00-1.08 1.08zM46.62 70.2a1.08 1.08 0 001.08 1.08v-2.16a1.081 1.081 0 00-1.08 1.08zM46.62 63a1.081 1.081 0 001.08 1.08V63h-1.08zM40.5 76.32a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM41.58 70.2a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM40.5 64.08A1.08 1.08 0 0041.58 63h-2.16c0 .596.483 1.08 1.08 1.08zM34.38 77.4a1.08 1.08 0 00-1.08-1.08v1.08h1.08zM34.38 70.2a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM33.3 64.08A1.08 1.08 0 0034.38 63H33.3v1.08zM43.02 66.6a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM43.02 73.8a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM35.82 66.6a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM35.82 73.8a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM54.9 76.32a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM54.9 69.12a1.08 1.08 0 100 2.161 1.08 1.08 0 000-2.161zM54.9 64.08A1.08 1.08 0 0055.98 63h-2.16c0 .596.484 1.08 1.08 1.08zM48.78 77.4a1.08 1.08 0 00-1.08-1.08v1.08h1.08zM48.78 70.2a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM47.7 64.08A1.08 1.08 0 0048.78 63H47.7v1.08zM57.42 66.6a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM57.42 73.8a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM52.38 66.6a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM50.22 73.8a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM3.42 77.4c0 .596.484 1.08 1.08 1.08V77.4H3.42zM18.9 90.72a1.08 1.08 0 00-1.08 1.08h1.08v-1.08zM17.82 84.6c0 .597.483 1.08 1.08 1.08v-2.16a1.08 1.08 0 00-1.08 1.08zM17.82 77.4c0 .596.483 1.08 1.08 1.08V77.4h-1.08zM11.7 90.72a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM12.78 84.6a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM11.7 78.48a1.08 1.08 0 001.08-1.08h-2.16c0 .596.484 1.08 1.08 1.08zM4.807 83.564c.216.504.44 1.004.668 1.5a1.082 1.082 0 00-.668-1.5zM4.5 78.48a1.08 1.08 0 001.08-1.08H4.5v1.08zM16.38 81a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM16.38 88.2a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM9.18 81a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM9.18 88.2a1.08 1.08 0 00-2.159-.02c.168.315.338.625.51.936.165.104.36.165.569.165a1.08 1.08 0 001.08-1.08zM33.3 91.8v-1.08a1.08 1.08 0 00-1.08 1.08h1.08zM32.22 84.6c0 .597.483 1.08 1.08 1.08v-2.16a1.08 1.08 0 00-1.08 1.08zM32.22 77.4c0 .596.483 1.08 1.08 1.08V77.4h-1.08zM26.1 90.72a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM27.18 84.6a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM26.1 78.48a1.08 1.08 0 001.08-1.08h-2.16c0 .596.483 1.08 1.08 1.08zM18.9 90.72v1.08h1.08a1.08 1.08 0 00-1.08-1.08zM19.98 84.6a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM19.98 77.4H18.9v1.08a1.08 1.08 0 001.08-1.08zM30.78 81a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM30.78 88.2a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM23.58 81a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM23.58 88.2a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM46.62 91.8h1.08v-1.08a1.081 1.081 0 00-1.08 1.08zM46.62 84.6a1.081 1.081 0 001.08 1.08v-2.16a1.08 1.08 0 00-1.08 1.08zM46.62 77.4a1.08 1.08 0 001.08 1.08V77.4h-1.08zM40.5 90.72a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM39.42 84.6a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM40.5 78.48a1.08 1.08 0 001.08-1.08h-2.16c0 .596.483 1.08 1.08 1.08zM33.3 90.72v1.08h1.08a1.08 1.08 0 00-1.08-1.08zM34.38 84.6a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM34.38 77.4H33.3v1.08a1.08 1.08 0 001.08-1.08zM45.18 81a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM43.02 88.2a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM35.82 81a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM35.82 88.2a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM54.9 90.72a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM53.82 84.6a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM54.9 78.48a1.08 1.08 0 001.08-1.08h-2.16c0 .596.484 1.08 1.08 1.08zM48.78 91.8a1.08 1.08 0 00-1.08-1.08v1.08h1.08zM48.78 84.6a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM47.7 78.48a1.08 1.08 0 001.08-1.08H47.7v1.08zM59.58 81a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM57.42 88.2a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM50.22 81a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM50.22 88.2a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM17.82 99c0 .596.483 1.08 1.08 1.08v-2.16A1.08 1.08 0 0017.82 99zM17.82 91.8c0 .596.483 1.08 1.08 1.08V91.8h-1.08zM11.7 92.88a1.08 1.08 0 001.08-1.08h-2.16c0 .596.484 1.08 1.08 1.08zM16.38 95.4a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM33.3 106.2v-1.08a1.08 1.08 0 00-1.08 1.08h1.08zM32.22 99c0 .596.483 1.08 1.08 1.08v-2.16A1.08 1.08 0 0032.22 99zM32.22 91.8c0 .596.483 1.08 1.08 1.08V91.8h-1.08zM26.1 105.12a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM27.18 99a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM26.1 92.88a1.08 1.08 0 001.08-1.08h-2.16c0 .596.483 1.08 1.08 1.08zM19.98 99a1.08 1.08 0 00-1.08-1.08v2.16A1.08 1.08 0 0019.98 99zM18.9 92.88a1.08 1.08 0 001.08-1.08H18.9v1.08zM30.78 95.4a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM30.78 102.6a1.08 1.08 0 10-2.161.001 1.08 1.08 0 002.161-.001zM23.58 95.4a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM23.58 102.6a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zM47.7 106.2v-1.08a1.08 1.08 0 00-1.08 1.08h1.08zM46.62 99a1.08 1.08 0 001.08 1.08v-2.16A1.08 1.08 0 0046.62 99zM46.62 91.8a1.08 1.08 0 001.08 1.08V91.8h-1.08zM40.5 105.12a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM41.58 99a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM40.5 92.88a1.08 1.08 0 001.08-1.08h-2.16c0 .596.483 1.08 1.08 1.08zM33.3 105.12v1.08h1.08a1.08 1.08 0 00-1.08-1.08zM34.38 99a1.08 1.08 0 00-1.08-1.08v2.16A1.08 1.08 0 0034.38 99zM34.38 91.8H33.3v1.08a1.08 1.08 0 001.08-1.08zM45.18 95.4a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM45.18 102.6a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zM37.98 95.4a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM37.98 102.6a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zM54.9 105.12a1.08 1.08 0 00-1.08 1.08h2.16a1.08 1.08 0 00-1.08-1.08zM53.82 99a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM54.9 92.88a1.08 1.08 0 001.08-1.08h-2.16c0 .596.484 1.08 1.08 1.08zM47.7 105.12v1.08h1.08a1.08 1.08 0 00-1.08-1.08zM48.78 99a1.08 1.08 0 00-1.08-1.08v2.16A1.08 1.08 0 0048.78 99zM47.7 92.88a1.08 1.08 0 001.08-1.08H47.7v1.08zM57.42 95.4a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zM57.42 102.6a1.08 1.08 0 102.161-.001 1.08 1.08 0 00-2.161.001zM50.22 95.4a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM50.22 102.6a1.08 1.08 0 102.16-.001 1.08 1.08 0 00-2.16.001zM32.24 113.2c.351.184.705.364 1.06.541v-1.421c-.529 0-.968.38-1.06.88zM32.22 106.2c0 .596.483 1.08 1.08 1.08v-1.08h-1.08zM26.1 107.28a1.08 1.08 0 001.08-1.08h-2.16c0 .596.483 1.08 1.08 1.08zM30.78 109.8a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM46.62 113.4a1.08 1.08 0 001.08 1.08v-2.16a1.08 1.08 0 00-1.08 1.08zM46.62 106.2a1.08 1.08 0 001.08 1.08v-1.08h-1.08zM41.58 113.4a1.08 1.08 0 10-2.161.001 1.08 1.08 0 002.161-.001zM40.5 107.28a1.08 1.08 0 001.08-1.08h-2.16c0 .596.483 1.08 1.08 1.08z"/><path d="M33.3 112.32v1.421c.264.13.527.263.793.391a1.08 1.08 0 00-.793-1.812zM33.3 107.28a1.08 1.08 0 001.08-1.08H33.3v1.08zM45.18 109.8a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM45.18 117a1.08 1.08 0 10-1.966.616c.441.129.882.25 1.327.37a1.08 1.08 0 00.64-.986zM37.98 109.8a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM54.9 119.52c-.236 0-.455.076-.632.205.466.045.934.084 1.403.118a1.073 1.073 0 00-.77-.323H54.9zM53.82 113.4a1.08 1.08 0 102.16-.001 1.08 1.08 0 00-2.16.001zM54.9 107.28a1.08 1.08 0 001.08-1.08h-2.16c0 .596.483 1.08 1.08 1.08zM48.78 113.4a1.08 1.08 0 00-1.08-1.08v2.16a1.08 1.08 0 001.08-1.08zM47.7 107.28a1.08 1.08 0 001.08-1.08H47.7v1.08zM59.58 109.8a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM59.58 117a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zM50.22 109.8a1.08 1.08 0 102.16-.001 1.08 1.08 0 00-2.16.001zM50.22 117a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM74.341 19.8h.72V1.907c-.24-.062-.48-.118-.72-.177v18.072-.002zM67.141 19.8h.72V.512c-.24-.032-.48-.059-.72-.087V19.8zM60 19.8h.66V.009c-.219-.002-.439-.01-.66-.01v19.8zM70.741 19.8h.72V1.098c-.24-.046-.479-.095-.72-.137V19.8zM63.541 19.8h.72V.152l-.72-.047V19.8zM95.941 19.8h.72v-7.296c-.24-.186-.479-.372-.72-.552V19.8zM88.741 19.8h.72V7.723c-.24-.135-.479-.271-.72-.401v12.48-.002zM81.541 19.8h.72V4.268c-.24-.097-.48-.19-.72-.28V19.8zM92.341 19.8h.72V9.927c-.24-.16-.479-.32-.72-.473V19.8zM85.141 19.8h.72V5.847c-.24-.115-.48-.225-.72-.336V19.8zM77.941 19.8h.72V2.962c-.24-.078-.479-.159-.72-.234V19.8zM103.141 19.8h.72v-.736a62.632 62.632 0 00-.72-.759V19.8zM99.541 19.8h.72v-4.286c-.238-.216-.479-.427-.72-.64V19.8z"/><path d="M74.341 41.325v.075h.72V19.8h-.72v21.525zM67.141 41.325v.075h.72V19.8h-.72v21.525zM60.66 41.325V19.8H60v21.6h.66v-.075zM70.741 41.325v.075h.72V19.8h-.72v21.525zM63.541 41.325v.075h.72V19.8h-.72v21.525zM95.941 41.325v.075h.72V19.8h-.72v21.525zM88.741 41.325v.075h.72V19.8h-.72v21.525zM81.541 22.05V41.4h.72V19.8h-.72v2.25zM92.341 41.325v.075h.72V19.8h-.72v21.525zM85.141 41.325v.075h.72V19.8h-.72v21.525zM77.941 22.05V41.4h.72V19.8h-.72v2.25zM110.341 41.4h.72V28.482c-.236-.382-.475-.76-.72-1.136V41.4zM103.141 22.05V41.4h.72V19.8h-.72v2.25zM113.941 41.4h.72v-6.177a57.484 57.484 0 00-.72-1.523v7.7zM106.741 41.4h.72V23.293a73.002 73.002 0 00-.72-.911V41.4zM99.541 22.05V41.4h.72V19.8h-.72v2.25z"/><path d="M75.06 41.4h-.719V60h.72V41.4zM67.86 41.4h-.719V60h.72V41.4zM60.66 43.65V41.4H60V60h.66V43.65zM71.46 41.4h-.719V60h.72V41.4zM64.26 41.4h-.719V60h.72V41.4zM96.66 41.4h-.719V60h.72V41.4zM89.46 41.4h-.719V60h.72V41.4zM82.26 43.65V41.4h-.719V60h.72V43.65zM93.06 41.4h-.719V60h.72V41.4zM85.86 41.4h-.719V60h.72V41.4zM78.66 43.65V41.4h-.719V60h.72V43.65zM118.261 60V45.616a59.776 59.776 0 00-.72-2.659V60h.72zM111.061 41.4h-.72V60h.72V41.4zM103.861 43.65V41.4h-.72V60h.72V43.65zM114.661 41.4h-.72V60h.72V41.4zM107.461 41.4h-.72V60h.72V41.4zM100.261 43.65V41.4h-.72V60h.72V43.65zM120 120c-33.138 0-60-26.862-60-60h60v60zM60 60H0V0c33.138 0 60 26.864 60 60z"/></g><defs><clipPath id="prefix__clip0_44_400"><path fill="#fff" d="M0 0h120v120H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="120" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_44_635)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0h60V60h.66V.009c-.093 0-.187-.003-.281-.004h-.006A20.234 20.234 0 0060.009 0H120v120H0V0zm67.141 19.8V.425l.19.022c.177.021.354.042.53.065V60h-.72V19.8zm7.2 0V1.73l.25.061h.002c.156.038.312.076.468.116V60h-.72V19.8zm-2.88-18.702V60h-.72V.96c.241.044.48.092.72.138zM64.26 19.8V.152l-.72-.047V60h.72V19.8zm32.4-7.296V60h-.72V11.952c.241.18.48.366.72.552zM82.26 19.8V4.268c-.24-.097-.48-.19-.72-.28V60h.72V19.8zm10.8-9.873V60h-.72V9.454c.241.153.48.314.72.473zm-7.2-4.08V60h-.72V5.51l.115.054c.202.093.404.187.605.283zm-7.2-2.885V60h-.72V2.729c.185.057.369.118.552.178l.168.055zm24.48 15.343V60h.72V19.064a61.91 61.91 0 00-.72-.759zm-3.6 1.495v-4.925l.124.11c.2.175.399.35.596.53V60h-.72V19.8zm11.52 21.6V28.482c-.236-.382-.475-.76-.72-1.136V60h.72V41.4zm3.6 0v-6.177a57.484 57.484 0 00-.72-1.523V60h.72V41.4zm-7.2-18.107V60h-.72V22.382c.243.302.482.605.72.91zM89.461 60V7.723a41.03 41.03 0 00-.72-.401V60h.72zm28.8-14.384V60h-.72V42.957c.259.877.5 1.764.72 2.66zM.9 60.48c.375 0 .704-.19.898-.48H.002c.194.29.523.48.898.48zm3.6 1.44a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zM17.82 63a1.08 1.08 0 112.16 0 1.08 1.08 0 01-2.16 0zm-6.12-1.08a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zm3.6-1.44c.375 0 .703-.19.898-.48h-1.796c.194.29.523.48.898.48zM8.998 60a1.08 1.08 0 01-1.796 0h1.796zM33.3 61.92a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zM25.02 63a1.08 1.08 0 112.16 0 1.08 1.08 0 01-2.16 0zm5.578-3a1.08 1.08 0 01-1.796 0h1.796zm-8.098.48c.375 0 .703-.19.898-.48h-1.796c.194.29.523.48.898.48zm25.2 1.44a1.08 1.08 0 110 2.16 1.08 1.08 0 010-2.16zm-7.2 0a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zm3.6-1.44c.375 0 .705-.19.898-.48h-1.796c.194.29.523.48.898.48zM37.798 60a1.078 1.078 0 01-1.796 0h1.796zm18.182 3a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zm2.52-2.52c.375 0 .703-.19.898-.48h-1.796c.194.29.523.48.898.48zM52.198 60a1.078 1.078 0 01-1.796 0h1.796zM4.5 76.32a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zm0-5.04a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zM.9 65.52c.596 0 1.08.483 1.08 1.08v-.002a1.08 1.08 0 01-1.503.995 58.2 58.2 0 01-.204-1.872c.177-.127.393-.202.627-.202zm.48 7.314c.118.543.245 1.084.377 1.621a1.075 1.075 0 00-.377-1.621zM17.82 77.4a1.08 1.08 0 112.16 0 1.08 1.08 0 01-2.16 0zm0-7.2a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm-6.12 6.12a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zm0-7.2a1.08 1.08 0 110 2.16 1.08 1.08 0 010-2.16zm4.68-2.52a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zm-1.08 6.12a1.08 1.08 0 110 2.16 1.08 1.08 0 010-2.16zM9.18 66.6a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM8.1 72.72a1.08 1.08 0 110 2.16 1.08 1.08 0 010-2.16zm25.2 3.6a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zm0-5.04a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zm-8.28 6.12a1.08 1.08 0 112.16 0 1.08 1.08 0 01-2.16 0zm2.16-7.2a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zm2.52-4.68a1.08 1.08 0 110 2.16 1.08 1.08 0 010-2.16zm1.08 8.28a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zm-8.28-8.28a1.08 1.08 0 110 2.16 1.08 1.08 0 010-2.16zm1.08 8.28a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zm23.04 3.6a1.08 1.08 0 112.161 0 1.08 1.08 0 01-2.161 0zm0-7.2a1.081 1.081 0 102.162 0 1.081 1.081 0 00-2.162 0zm-6.12 6.12a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zm0-7.2a1.08 1.08 0 110 2.16 1.08 1.08 0 010-2.16zm2.52-2.52a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zm1.08 8.28a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zm-8.28-8.28a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zm1.08 8.28a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zm18 1.44a1.08 1.08 0 100 2.16 1.08 1.08 0 000-2.16zm-1.08-6.12a1.08 1.08 0 112.16 0 1.08 1.08 0 01-2.16 0zm3.6-3.6a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm1.08 8.28a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zm-6.12-8.28a1.08 1.08 0 10-2.16 0 1.08 1.08 0 002.16 0zm-1.08 8.28a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zM17.82 91.8a1.08 1.08 0 112.161 0 1.08 1.08 0 01-2.161 0zm0-7.2a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm-6.12 6.12a1.08 1.08 0 100 2.161 1.08 1.08 0 000-2.161zm0-7.2a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm-6.225 1.544a62.995 62.995 0 01-.668-1.5 1.082 1.082 0 01.668 1.5zM15.3 79.92a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm1.08 8.28a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zM8.1 79.92a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm1.08 8.28a1.08 1.08 0 00-2.159-.02c.168.315.338.625.51.936a1.08 1.08 0 001.65-.916zm23.04 3.6a1.08 1.08 0 112.161 0 1.08 1.08 0 01-2.161 0zm0-7.2a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zm-6.12 6.12a1.08 1.08 0 100 2.161 1.08 1.08 0 000-2.161zm0-7.2a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zM30.78 81a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zm-1.08 6.12a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zM23.58 81a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zm-1.08 6.12a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm25.09 3.605a1.08 1.08 0 10.222 2.15 1.08 1.08 0 00-.223-2.15zm0-5.05a1.081 1.081 0 11.222-2.15 1.081 1.081 0 01-.223 2.15zM39.42 91.8a1.08 1.08 0 112.161 0 1.08 1.08 0 01-2.161 0zm0-7.2a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zm4.68-4.68a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm-1.08 8.28a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zm-6.12-6.12a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zm-1.08 6.12a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zm18 3.6a1.08 1.08 0 112.161 0 1.08 1.08 0 01-2.161 0zm0-7.2a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm4.68-4.68a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm-1.08 8.28a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm-6.12-6.12a1.08 1.08 0 110-2.16 1.08 1.08 0 010 2.16zm-1.08 6.12a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zM18.9 100.08a1.08 1.08 0 110-2.16 1.08 1.08 0 010 2.16zm-2.52-4.68a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zm15.84 10.8a1.08 1.08 0 112.16.001 1.08 1.08 0 01-2.16-.001zm0-7.2a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm-6.12 6.12a1.08 1.08 0 100 2.161 1.08 1.08 0 000-2.161zm0-7.2a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm3.6-3.6a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm1.08 8.28a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zm-8.28-8.28a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm1.08 8.28a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zm23.04 3.6a1.08 1.08 0 112.16 0 1.08 1.08 0 01-2.16 0zm0-7.2a1.08 1.08 0 102.161 0 1.08 1.08 0 00-2.161 0zm-6.12 6.12a1.08 1.08 0 100 2.161 1.08 1.08 0 000-2.161zm0-7.2a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm4.68-2.52a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zm-1.08 6.12a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm-6.12-6.12a1.08 1.08 0 10-2.161 0 1.08 1.08 0 002.161 0zm-1.08 6.12a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm18 3.6a1.08 1.08 0 100 2.161 1.08 1.08 0 000-2.161zm0-5.04a1.08 1.08 0 110-2.16 1.08 1.08 0 010 2.16zm2.52-4.68a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm1.08 8.28a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zm-8.28-8.28a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm1.08 8.28a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zm-19.06 9.52a60.04 60.04 0 001.323.672c.176.087.352.174.53.26a1.08 1.08 0 10-1.853-.932zm-2.54-4.48a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm16.92 4.68a1.08 1.08 0 102.16 0 1.08 1.08 0 00-2.16 0zm-5.04 0a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zm3.6-3.6a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zm-1.08 6.12a1.08 1.08 0 01.441 2.066 65.45 65.45 0 01-1.327-.37 1.08 1.08 0 01.886-1.696zm-6.12-6.12a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zm16.288 9.925c.177-.129.396-.205.632-.205h.002c.302 0 .573.123.77.323-.47-.034-.938-.073-1.404-.118zm-.448-6.325a1.08 1.08 0 102.16-.001 1.08 1.08 0 00-2.16.001zm5.76-3.6a1.08 1.08 0 10-2.16.001 1.08 1.08 0 002.16-.001zm-1.08 6.12a1.08 1.08 0 110 2.161 1.08 1.08 0 010-2.161zm-8.28-6.12a1.08 1.08 0 102.16-.001 1.08 1.08 0 00-2.16.001zm1.08 8.28a1.08 1.08 0 110-2.161 1.08 1.08 0 010 2.161zM0 60h60C60 26.864 33.138 0 0 0v60zm60 0c0 33.138 26.862 60 60 60V60H60z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_44_635"><path fill="#fff" d="M0 0h120v120H0z"/></clipPath></defs></svg>'
},
'bricks': {
'default': '<svg width="42" height="44" viewBox="0 0 42 44" xmlns="http://www.w3.org/2000/svg"><g id="Page-1" fill="none" fill-rule="evenodd"><g id="brick-wall" fill="' + color + '"><path d="M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z"/></g></g></svg>',
'inverted': '<svg width="42" height="44" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M42 43V23H22v20h20zM0 23v20h20V23H0zM41 1H1v20h40V1z" fill="' + color + '"/></svg>'
},
'circles': {
'default': '<svg width="120" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.488 30c0 15.747 12.765 28.512 28.512 28.512S58.512 45.747 58.512 30 45.747 1.488 30 1.488 1.488 14.253 1.488 30zM30 60C13.431 60 0 46.569 0 30 0 13.431 13.431 0 30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30z" fill="' + color + '"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.47 30c0 10.234 8.296 18.53 18.53 18.53 10.234 0 18.53-8.296 18.53-18.53 0-10.234-8.296-18.53-18.53-18.53-10.234 0-18.53 8.296-18.53 18.53zM30 50c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20zM1.488 90c0 15.747 12.765 28.512 28.512 28.512S58.512 105.747 58.512 90 45.747 61.488 30 61.488 1.488 74.253 1.488 90zM30 120c-16.569 0-30-13.431-30-30 0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30z" fill="' + color + '"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.47 90c0 10.234 8.296 18.531 18.53 18.531 10.234 0 18.53-8.297 18.53-18.531 0-10.234-8.296-18.53-18.53-18.53-10.234 0-18.53 8.296-18.53 18.53zM30 110c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20zM61.488 30c0 15.747 12.765 28.512 28.512 28.512S118.512 45.747 118.512 30 105.747 1.488 90 1.488 61.488 14.253 61.488 30zM90 60c-16.569 0-30-13.431-30-30C60 13.431 73.431 0 90 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30z" fill="' + color + '"/><path fill-rule="evenodd" clip-rule="evenodd" d="M71.47 30c0 10.234 8.296 18.53 18.53 18.53 10.234 0 18.531-8.296 18.531-18.53 0-10.234-8.297-18.53-18.531-18.53-10.234 0-18.53 8.296-18.53 18.53zM90 50c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20zM61.488 90c0 15.747 12.765 28.512 28.512 28.512S118.512 105.747 118.512 90 105.747 61.488 90 61.488 61.488 74.253 61.488 90zM90 120c-16.569 0-30-13.431-30-30 0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30z" fill="' + color + '"/><path fill-rule="evenodd" clip-rule="evenodd" d="M71.47 90c0 10.234 8.296 18.531 18.53 18.531 10.234 0 18.531-8.297 18.531-18.531 0-10.234-8.297-18.53-18.531-18.53-10.234 0-18.53 8.296-18.53 18.53zM90 110c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20z" fill="' + color + '"/></svg>',
'inverted': '<svg width="120" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M120 0H0v120h120V0zm0 30c0 16.569-13.431 30-30 30-16.569 0-30-13.431-30-30C60 13.431 73.431 0 90 0c16.569 0 30 13.431 30 30zm0 60c0 16.569-13.431 30-30 30-16.564 0-29.993-13.425-30-29.987C59.993 106.575 46.564 120 30 120c-16.569 0-30-13.431-30-30 0-16.569 13.431-30 30-30 16.564 0 29.993 13.425 30 29.987C60.007 73.425 73.436 60 90 60c16.569 0 30 13.431 30 30zM0 30C0 13.431 13.431 0 30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30zm90 28.512c-15.747 0-28.512-12.765-28.512-28.512S74.253 1.488 90 1.488 118.512 14.253 118.512 30 105.747 58.512 90 58.512zM1.488 30c0 15.747 12.765 28.512 28.512 28.512S58.512 45.747 58.512 30 45.747 1.488 30 1.488 1.488 14.253 1.488 30zm9.981 0c0 10.234 8.297 18.53 18.531 18.53 10.234 0 18.53-8.296 18.53-18.53 0-10.234-8.296-18.53-18.53-18.53-10.234 0-18.53 8.296-18.53 18.53zM30 50c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20zm0 68.512c-15.747 0-28.512-12.765-28.512-28.512S14.253 61.488 30 61.488 58.512 74.253 58.512 90 45.747 118.512 30 118.512zM11.47 90c0 10.234 8.296 18.531 18.53 18.531 10.234 0 18.53-8.297 18.53-18.531 0-10.234-8.296-18.53-18.53-18.53-10.234 0-18.53 8.296-18.53 18.53zM30 110c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20zm41.47-80c0 10.234 8.296 18.53 18.53 18.53 10.234 0 18.531-8.296 18.531-18.53 0-10.234-8.297-18.53-18.531-18.53-10.234 0-18.53 8.296-18.53 18.53zM90 50c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20zm0 68.512c-15.747 0-28.512-12.765-28.512-28.512S74.253 61.488 90 61.488 118.512 74.253 118.512 90 105.747 118.512 90 118.512zM71.47 90c0 10.234 8.296 18.531 18.53 18.531 10.234 0 18.531-8.297 18.531-18.531 0-10.234-8.297-18.53-18.531-18.53-10.234 0-18.53 8.296-18.53 18.53zM90 110c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20-8.954 20-20 20z" fill="' + color + '"/></svg>'
},
'dots': {
'default': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 4a2 2 0 11-4 0 2 2 0 014 0" fill="' + color + '"/></svg>',
'inverted': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M60 0H0v60h60V0zM5.414 5.414a2 2 0 10-2.828-2.828 2 2 0 002.828 2.828z" fill="' + color + '"/></svg>'
},
'grid': {
'default': '<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 20.5V40h-1V20.5H0v-1h19.5V0h1v19.5H40v1H20.5z" fill="' + color + '"/></svg>',
'inverted': '<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 0H0v19.5h19.5V0zm1 0v19.5H40V0H20.5zM40 20.5H20.5V40H40V20.5zM19.5 40V20.5H0V40h19.5z" fill="' + color + '"/></svg>'
},
'hexagon': {
'default': '<svg width="28" height="49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69V15zm0 18.5L12.98 41v8h-2v-6.85L0 35.81V33.5zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z" fill="' + color + '"/></svg>',
'inverted': '<svg width="28" height="49" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.98 0H0v12.69l10.98-6.34V0zm2 0v7.5L0 15v18.5L12.98 41v8H15v-8l12.99-7.5H28V15h-.01L15 7.5V0h-2.02zM17 0v6.35l10.99 6.34H28V0H17zm11 35.81h-.01L17 42.15V49h11V35.81zM10.98 49v-6.85L0 35.81V49h10.98zm16.01-32.25l-13-7.5L1 16.75v15l12.99 7.5 13-7.5v-15zM3 30.6V17.9l10.99-6.34 11 6.34v12.69l-11 6.35L3 30.6z" fill="' + color + '"/></svg>'
},
'half-diamond': {
'default': '<svg width="80" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_43_320)" fill="' + color + '"><path d="M40 0L0 30v30l40-30V0zm0 30v30l40 30V60L40 30zM40-30V0l40 30V0L40-30zm0 90L0 90v30l40-30V60zm0 30v30l40 30v-30L40 90z"/></g><defs><clipPath id="prefix__clip0_43_320"><path fill="#fff" d="M0 0h80v120H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="80" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M40 0H0v30L40 0zM0 60v30l40-30v30L0 120h40V90l40 30V90L40 60V30l40 30V30L40 0v30L0 60z" fill="' + color + '"/></svg>'
},
'half-circle': {
'default': '<svg width="100" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_43_335)"><path fill-rule="evenodd" clip-rule="evenodd" d="M50 50c27.614 0 50-22.386 50-50v50H50zM0 0c0 27.614 22.386 50 50 50H0V0zm0 0c0-27.614 22.386-50 50-50s50 22.386 50 50H0z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_43_335"><path fill="#fff" d="M0 0h100v50H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="100" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_43_332)"><path d="M50 50c27.614 0 50-22.386 50-50S77.614-50 50-50 0-27.614 0 0s22.386 50 50 50z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_43_332"><path fill="#fff" d="M0 0h100v50H0z"/></clipPath></defs></svg>'
},
'pastel': {
'default': '<svg width="75" height="75" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_43_338)"><path d="M32.763-11.976c-1.05-.075-1.95.676-2.024 1.726L29.764.849c-.075 1.05.675 1.95 1.725 2.026 1.05.075 1.95-.675 2.025-1.725l.975-11.1c.075-1.05-.675-1.95-1.725-2.025l-.001-.001zM54.299 1.32a1.911 1.911 0 00-.386.015c-.975.15-1.725 1.05-1.575 2.1l1.5 11.025c.15.975 1.05 1.725 2.1 1.575a1.732 1.732 0 001.575-2.1l-1.5-11.025c-.131-.853-.836-1.533-1.714-1.59zM7.369 2.54a1.809 1.809 0 00-1.662 1.663c-.075 1.05.675 1.952 1.65 2.027l11.1 1.05c.975.15 1.95-.601 2.025-1.651.15-.975-.6-1.95-1.65-2.025l-11.1-1.05a1.642 1.642 0 00-.363-.015v.001zM1.76 13.017a1.824 1.824 0 00-1.285.6l-7.65 8.101c-.75.75-.675 1.95.075 2.625s1.95.674 2.625-.076l7.651-8.099c.75-.75.674-1.95-.076-2.625a1.786 1.786 0 00-1.34-.526zm75 0a1.824 1.824 0 00-1.285.6l-7.65 8.101c-.75.75-.675 1.95.075 2.625s1.95.674 2.625-.076l7.651-8.099c.75-.75.674-1.95-.076-2.625a1.786 1.786 0 00-1.34-.526zm-39.731 2.906a1.786 1.786 0 00-1.34.527l-7.95 7.723c-.75.675-.826 1.875-.076 2.625.675.75 1.875.752 2.625.077l7.95-7.725c.75-.675.826-1.875.076-2.625a1.827 1.827 0 00-1.285-.602zm24.639 18.928c-.24.02-.48.085-.705.197a1.903 1.903 0 00-.825 2.55l5.1 9.902a1.902 1.902 0 002.55.824c.975-.45 1.276-1.574.826-2.55l-5.1-9.9c-.395-.73-1.125-1.083-1.846-1.023zm-50.37-4.862c-.372 0-.734.117-1.035.336-.825.6-1.05 1.725-.524 2.625l6.15 9.223c.6.9 1.8 1.127 2.625.526.9-.6 1.124-1.8.524-2.624l-6.15-9.226a1.911 1.911 0 00-1.59-.86zm32.705 9.766c-.12-.006-.243 0-.365.019l-10.95 2.175c-1.05.15-1.725 1.126-1.5 2.176.15 1.05 1.126 1.725 2.176 1.5l10.95-2.175c1.05-.15 1.725-1.125 1.5-2.175a1.99 1.99 0 00-1.811-1.52zm4.556 12.195a1.933 1.933 0 00-1.845.949c-.45.9-.15 2.025.75 2.55l9.75 5.4c.9.45 2.025.15 2.55-.75.525-.9.15-2.025-.75-2.55l-9.75-5.4c-.22-.11-.46-.178-.705-.199zM71.913 58c-1.05-.075-1.875.748-1.95 1.798l-.45 11.1c-.075 1.05.75 1.876 1.8 1.95.975 0 1.875-.75 1.95-1.8l.45-11.1c.075-1.05-.75-1.873-1.8-1.948zm-55.44 1.08c-.38.031-.741.178-1.035.42l-8.775 6.825c-.75.6-.9 1.8-.3 2.625.6.75 1.8.9 2.626.3l8.775-6.827c.75-.6.9-1.8.3-2.625a1.783 1.783 0 00-1.591-.72v.002zm16.29 3.945c-1.05-.075-1.95.675-2.024 1.725l-.975 11.099c-.075 1.05.675 1.95 1.725 2.026 1.05.075 1.95-.675 2.025-1.725l.975-11.102c.075-1.05-.675-1.95-1.725-2.024l-.001.001z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_43_338"><path fill="#fff" d="M0 0h75v75H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="75" height="75" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.839 0l-.075.849c-.075 1.05.675 1.95 1.725 2.026 1.05.075 1.95-.675 2.025-1.725L33.615 0H75v14.12l-7.175 7.598c-.75.75-.675 1.95.075 2.625s1.95.674 2.625-.076L75 19.53V75H33.615l.874-9.952c.075-1.05-.675-1.95-1.725-2.024l-.001.001c-1.05-.075-1.95.675-2.024 1.725l-.9 10.25H0V19.53l3.176-3.362c.75-.75.674-1.95-.076-2.625a1.786 1.786 0 00-1.34-.526 1.824 1.824 0 00-1.285.6L0 14.12V0h29.839zm24.074 1.335c.128-.018.257-.023.386-.015.878.057 1.583.737 1.714 1.59l1.5 11.025a1.732 1.732 0 01-1.575 2.1c-1.05.15-1.95-.6-2.1-1.575l-1.5-11.025c-.15-1.05.6-1.95 1.575-2.1zM6.231 3.065a1.809 1.809 0 011.138-.525v-.001c.121-.008.243-.003.363.015l11.1 1.05c1.05.075 1.8 1.05 1.65 2.025-.075 1.05-1.05 1.801-2.025 1.651l-11.1-1.05c-.975-.075-1.725-.977-1.65-2.027.033-.43.22-.833.524-1.138zm30.072 12.98a1.826 1.826 0 012.01.48c.751.75.675 1.95-.075 2.625l-7.95 7.725c-.75.675-1.95.673-2.625-.077-.75-.75-.674-1.95.076-2.625l7.95-7.723c.175-.176.384-.314.614-.405zm24.66 19.003c.225-.112.465-.177.705-.197.721-.06 1.451.293 1.846 1.023l5.1 9.9c.45.976.149 2.1-.826 2.55a1.902 1.902 0 01-2.55-.824l-5.1-9.902a1.903 1.903 0 01.825-2.55zm-50.7-4.723c.3-.219.663-.336 1.035-.336a1.913 1.913 0 011.59.86l6.15 9.226c.6.824.376 2.024-.524 2.624-.825.601-2.025.374-2.625-.526l-6.15-9.223c-.526-.9-.301-2.025.524-2.625zm33.375 9.449c.122-.019.245-.025.365-.019a1.99 1.99 0 011.811 1.52c.225 1.05-.45 2.025-1.5 2.175l-10.95 2.175c-1.05.225-2.026-.45-2.176-1.5-.225-1.05.45-2.026 1.5-2.176l10.95-2.175zm3.86 12.382a1.958 1.958 0 011.766-.007l9.75 5.4c.9.525 1.275 1.65.75 2.55-.525.9-1.65 1.2-2.55.75l-9.75-5.4c-.9-.525-1.2-1.65-.75-2.55.185-.317.458-.575.784-.743zm22.465 7.642c.075-1.05.9-1.873 1.95-1.798 1.05.075 1.875.898 1.8 1.948l-.45 11.1c-.075 1.05-.975 1.8-1.95 1.8-1.05-.074-1.875-.9-1.8-1.95l.45-11.1zM15.438 59.5a1.866 1.866 0 011.035-.42v-.002a1.783 1.783 0 011.591.72c.6.825.45 2.025-.3 2.625L8.989 69.25c-.826.6-2.026.45-2.626-.3-.6-.825-.45-2.025.3-2.625l8.775-6.825z" fill="' + color + '"/></svg>'
},
'square': {
'default': '<svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M72 51.036v3.133H13.022l-3.334 2.96L0 57.178v-6.14h72zM72 42.13v3.132H22.794l-3.334 2.96L0 48.325v-6.195h72zM72 33.063v3.132H33.01l-3.334 2.961L0 39.305v-6.242h72zM72 24.156v3.132H42.78l-3.334 2.962L0 30.45v-6.295h72zM72 15.25v3.132H52.996l-3.334 2.96L0 21.593v-6.343h72zM72 6.343v3.132h-9.232l-3.334 2.961L0 12.738V6.343h72zM72 0v1.208l-2.499 2.22L0 3.779V0h72zM72 60.043v3.133H2.955L0 65.8v-5.756h72zM72 68.95H0V72h72v-3.05z" fill="' + color + '"/></svg>',
'inverted': '<svg width="72" height="68" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M72 5.343V.208l-2.499 2.22L0 2.779v2.565h72zm0 3.132h-9.232l-3.334 2.961L0 11.738v2.511h72V8.475zm0 8.907H52.996l-3.334 2.96L0 20.593v2.564h72v-5.774zm0 8.906H42.78l-3.334 2.962L0 29.45v2.611h72v-5.774zm0 8.907H33.01l-3.334 2.961L0 38.305v2.824h72v-5.934zm0 9.067H22.794l-3.334 2.96L0 47.325v2.712h72v-5.774zm0 8.907H13.022l-3.334 2.96L0 56.178v2.866h72V53.17zm0 9.007H2.955L0 64.8v3.151h72v-5.774z" fill="' + color + '"/></svg>'
},
'square-2': {
'default': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26 1h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3V4a3 3 0 00-3-3zM56 1h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3V4a3 3 0 00-3-3zM11 31H4a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3zM26 31h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3zM41 31h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3zM11 16H4a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3zM41 16h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3zM56 16h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3zM26 46h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3zM56 46h-7a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3z" fill="' + color + '"/></svg>',
'inverted': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M60 0H0v60h60V0zM19 46a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3h-7zM4 31a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3H4zM16 4a3 3 0 013-3h7a3 3 0 013 3v7a3 3 0 01-3 3h-7a3 3 0 01-3-3V4zm30 0a3 3 0 013-3h7a3 3 0 013 3v7a3 3 0 01-3 3h-7a3 3 0 01-3-3V4zM16 34a3 3 0 013-3h7a3 3 0 013 3v7a3 3 0 01-3 3h-7a3 3 0 01-3-3v-7zm18-3a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3h-7zM1 19a3 3 0 013-3h7a3 3 0 013 3v7a3 3 0 01-3 3H4a3 3 0 01-3-3v-7zm33-3a3 3 0 00-3 3v7a3 3 0 003 3h7a3 3 0 003-3v-7a3 3 0 00-3-3h-7zm12 3a3 3 0 013-3h7a3 3 0 013 3v7a3 3 0 01-3 3h-7a3 3 0 01-3-3v-7zm0 30a3 3 0 013-3h7a3 3 0 013 3v7a3 3 0 01-3 3h-7a3 3 0 01-3-3v-7z" fill="' + color + '"/></svg>'
},
'triangle': {
'default': '<svg width="100" height="100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0v100h1v-1l99-99H83L1 82V0H0zM98.178 85L100 83v17H83l15.178-15z" fill="' + color + '"/><path d="M84 99H1v1h83v-1z" fill="' + color + '"/></svg>',
'inverted': '<svg width="99" height="100" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M82 0H0v82L82 0zm17 83V0L0 99h83v.012L97.178 85 99 83z" fill="' + color + '"/></svg>'
},
'triangle-2': {
'default': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30 30h30V0L45 15 30 30z" fill="' + color + '" fill-opacity=".25"/><path d="M60 60H30V30l15 15 15 15z" fill="' + color + '" fill-opacity=".75"/><path d="M0 60h30V30L15 45 0 60z" fill="' + color + '" fill-opacity=".1"/><path d="M60 0H30v30l15-15L60 0z" fill="' + color + '" fill-opacity=".05"/><path d="M30 30H0v30l15-15 15-15z" fill="' + color + '" fill-opacity=".5"/><path d="M30 30H0V0l15 15 15 15z" fill="' + color + '"/></svg>',
'inverted': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30 30h30V0L45 15 30 30z" fill="' + color + '" fill-opacity=".25"/><path d="M60 60H30V30l15 15 15 15z" fill="' + color + '" fill-opacity=".75"/><path d="M0 60h30V30L15 45 0 60z" fill="' + color + '" fill-opacity=".1"/><path d="M60 0H30v30l15-15L60 0z" fill="' + color + '" fill-opacity=".05"/><path d="M30 30H0v30l15-15 15-15z" fill="' + color + '" fill-opacity=".5"/><path d="M30 30H0V0l15 15 15 15z" fill="' + color + '"/><path d="M0 0h30v30L15 15 0 0zM30 30h30v30L45 45 30 30z" fill="' + color + '"/></svg>'
},
'triangle-3': {
'default': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_44_683)" fill="' + color + '"><path d="M28.48 45.76l-.127.063.254-.129-.127.066zM24.004 47.996l-.255.128.51-.257-.255.129z"/><path d="M60 30L28.607 45.695v-31.39L60 30zM28.352 14.178v31.644l-4.093 2.046V12.131l4.093 2.046zM23.75 11.875v36.25l-3.463 1.732V10.143l3.462 1.732zM19.268 9.635v40.73l-2.291 1.146V8.489l2.291 1.146zM15.449 7.726v44.548l-1.563.78V6.945l1.563.78zM11.849 5.927v48.146l-1.222.613V5.313l1.222.614zM8.08 4.044v51.912l-.804.406V3.638l.805.406zM4.221 2.112v55.775l-.464.234V1.878l.464.234zM.193.097v59.806L0 60V0l.193.097zM31.52 15.76l.127.063-.254-.129.127.066zM35.996 17.996l.255.128-.51-.256.255.128z"/><path d="M0 0l31.393 15.695v-31.39L0 0zM31.648-15.822v31.645l4.093 2.045v-35.737l-4.093 2.046zM36.25-18.125v36.25l3.463 1.732v-39.714l-3.462 1.732zM40.732-20.365v40.73l2.291 1.146v-43.022l-2.291 1.146zM44.551-22.274v44.548l1.563.78v-46.109l-1.563.78zM48.151-24.073v48.146l1.222.613v-49.373l-1.222.614zM51.92-25.956v51.912l.804.406v-52.724l-.805.406zM55.779-27.888v55.775l.464.234v-56.243l-.464.234zM59.807-29.903v59.806L60 30v-60l-.193.097zM0 60l31.393 15.695v-31.39L0 60zM31.648 44.178v31.645l4.093 2.045V42.131l-4.093 2.047zM36.25 41.875v36.25l3.463 1.732V40.143l-3.462 1.732zM40.732 39.635v40.73l2.291 1.146V38.489l-2.291 1.146zM44.551 37.726v44.548l1.563.78V36.945l-1.563.78zM48.151 35.927v48.146l1.222.613V35.313l-1.222.614zM51.92 34.044v51.912l.804.406V33.638l-.805.406zM55.779 32.112v55.775l.464.234V31.878l-.464.234zM59.807 30.097v59.806L60 90V30l-.193.097z"/></g><defs><clipPath id="prefix__clip0_44_683"><path fill="#fff" d="M0 0h60v60H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_44_680)"><path fill-rule="evenodd" clip-rule="evenodd" d="M.193.097v59.806l3.564-1.782V1.878L0 0h31.393v15.694L3.786 1.894l.435.22v55.774l-.45.227 27.622-13.809V60H0l31.393 15.695.127.066.127.062-.254-.129V60h.255v15.823l4.093 2.045.51.256 3.462 1.733V60h1.019v20.365l2.291 1.146V60h1.528v22.274l1.563.78V60h2.037v24.073l1.222.613V60h2.546v25.956l.805.406V60h3.055v27.887l.464.234V60h3.564v29.903L60 90V60h-.193V30.097L60 30l-3.757 1.878V60h-.464V32.112l.436-.22-27.608 13.803v-31.39l27.621 13.809-.45-.227V0h.465v28.121l3.564 1.782V0H60v-30l-.193.097V0h-3.564v-28.122l-.464.234V0h-3.055v-26.362l-.805.406V0h-2.546v-24.686l-1.222.613V0h-2.037v-23.055l-1.563.78V0h-1.528v-21.511l-2.291 1.146V0h-1.019v-19.857l-3.462 1.732V0h-.51v-17.869l-4.093 2.046V0h-.255v-15.695L0 0l.193.097zm35.548 17.77v.001l-4.093-2.045V0h4.093v17.867zm.51.257l-.51-.257.255.129.255.128zm0 0V0h3.462v19.857l-3.462-1.733zM40.732 0v20.365l2.291 1.146V0h-2.291zm3.82 0v22.274l1.563.78V0H44.55zm3.6 0v24.073l1.221.613V0h-1.222zm3.767 0v25.956l.805.406V0h-.805zM28.607 45.694l-.127.066-.127.063.254-.129zM52.724 60V33.638l-.805.406V60h.805zm-3.35 0V35.313l-1.223.614V60h1.222zm-3.26 0V36.945l-1.563.78V60h1.563zm-3.09 0V38.489l-2.292 1.146V60h2.291zm-6.773 0v18.124l-.255-.128-.255-.129V60h.51zm0 0V41.875l3.462-1.732V60h-3.462zm-.51 0h-4.093V44.178l4.093-2.047V60zm-4.348-44.306l.254.128-.127-.061-.127-.067zM8.08 4.044v51.912l-.805.406V3.638l.805.406zm3.768 50.03V5.926l-1.222-.614v49.373l1.222-.613zm3.6-46.348v44.548l-1.563.78V6.945l1.563.78zm3.819 42.639V9.635L16.977 8.49V51.51l2.291-1.146zm4.482-38.49v36.25l-3.463 1.732V10.143l3.463 1.732zm.509 35.992l-.255.129-.255.128.51-.257zm0 0V12.131l4.093 2.046v31.645l-4.093 2.046z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_44_680"><path fill="#fff" d="M0 0h60v60H0z"/></clipPath></defs></svg>'
},
'wave': {
'default': '<svg width="160" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_43_381)" stroke="' + color + '" stroke-width="2"><path d="M-66.839 19.027C-44.46 18.538-22.38 7.377 0 7.5c22.383.123 57.617 15 80 15 22.383 0 57.617-14.877 80-15 22.381-.123 44.461 11.037 66.839 11.527M-66.839 49.028C-44.46 48.537-22.38 37.377 0 37.5c22.383.123 57.617 15 80 15 22.383 0 57.617-14.877 80-15 22.381-.123 44.461 11.037 66.839 11.528M-66.839 79.028C-44.46 78.537-22.38 67.377 0 67.5c22.383.123 57.617 15 80 15 22.383 0 57.617-14.877 80-15 22.381-.123 44.461 11.037 66.839 11.528M-66.839 109.027C-44.46 108.537-22.38 97.377 0 97.5c22.383.123 57.617 15 80 15 22.383 0 57.617-14.877 80-15 22.381-.123 44.461 11.037 66.839 11.527"/></g><defs><clipPath id="prefix__clip0_43_381"><path fill="#fff" d="M0 0h160v120H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="160" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M160 0H0v6.5h.006c11.256.062 25.663 3.797 39.912 7.492l.333.086C54.701 17.825 68.965 21.5 80 21.5c11.035 0 25.299-3.675 39.749-7.422l.333-.086c14.249-3.695 28.656-7.43 39.913-7.492H160V0zm0 8.5c-11.005.062-25.218 3.747-39.624 7.482l-.125.032C105.892 19.737 91.347 23.5 80 23.5c-11.347 0-25.892-3.763-40.251-7.486l-.125-.032C25.218 12.247 11.005 8.562 0 8.5v28h.006c11.256.062 25.663 3.797 39.912 7.492l.333.086C54.701 47.825 68.965 51.5 80 51.5c11.035 0 25.299-3.675 39.749-7.422l.333-.086c14.249-3.695 28.656-7.43 39.913-7.492H160v-28zm0 30c-11.005.062-25.218 3.747-39.624 7.482l-.125.032C105.892 49.737 91.347 53.5 80 53.5c-11.347 0-25.892-3.763-40.251-7.486l-.125-.032C25.218 42.247 11.005 38.562 0 38.5v28h.006c11.256.062 25.663 3.797 39.912 7.492l.333.086C54.701 77.825 68.965 81.5 80 81.5c11.035 0 25.299-3.675 39.749-7.422l.333-.086c14.249-3.695 28.656-7.43 39.913-7.492H160v-28zm0 30c-11.005.062-25.218 3.747-39.624 7.482l-.125.032C105.892 79.737 91.347 83.5 80 83.5c-11.347 0-25.892-3.763-40.251-7.486l-.125-.032C25.218 72.247 11.005 68.562 0 68.5v28h.006c11.256.062 25.663 3.797 39.912 7.492l.333.086C54.701 107.825 68.965 111.5 80 111.5c11.035 0 25.299-3.675 39.749-7.422l.333-.086c14.249-3.695 28.656-7.43 39.913-7.492H160v-28zm0 30c-11.005.062-25.218 3.747-39.624 7.482l-.125.032C105.892 109.737 91.347 113.5 80 113.5c-11.347 0-25.892-3.763-40.251-7.486l-.125-.032C25.218 102.247 11.005 98.562 0 98.5V120h160V98.5z" fill="' + color + '"/></svg>'
},
'x': {
'default': '<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41-.01zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41z" fill="' + color + '"/><path d="M22.83 15.77L20 18.6v-.01l-2.83-2.83-1.41 1.41L18.59 20l-2.83 2.83 1.41 1.41L20 21.41l2.83 2.83 1.41-1.41L21.41 20l2.83-2.82-1.41-1.41z" fill="' + color + '"/></svg>',
'inverted': '<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.41 0h37.18l-2.83 2.83 1.41 1.41L40 1.41v37.18l-2.83-2.83-1.41 1.41L38.59 40H1.41l2.83-2.83-1.41-1.41L0 38.59V1.4l2.83 2.83 1.41-1.41L1.41 0zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59v.01z" fill="' + color + '"/></svg>'
}
};
return patterns[ name ] ? patterns[ name ][ style ] : '';
},
/**
* Get pattern background element.
*
* @since 3.8
* @param {Object} values - The values.
* @return {String}
*/
fusionGetPatternElement: function( values ) {
// Early exit if no pattern selected.
if ( '' === values.pattern_bg ) {
return;
}
let style = '';
if ( 'custom' === values.pattern_bg ) {
style += 'background-image: url(' + values.pattern_custom_bg + ');';
} else {
style += 'background-image: url(data:image/svg+xml;base64,' + window.btoa( this.fusionGetPattern( values.pattern_bg, values.pattern_bg_color, values.pattern_bg_style ) ) + ');';
}
if ( '' !== values.pattern_bg_opacity ) {
style += 'opacity: ' + ( parseInt( values.pattern_bg_opacity ) / 100 ) + ' ;';
}
if ( '' !== values.pattern_bg_size ) {
style += 'background-size:' + values.pattern_bg_size + ';';
}
if ( '' !== values.pattern_bg_blend_mode ) {
style += 'mix-blend-mode:' + values.pattern_bg_blend_mode + ';';
}
const element = '<div class="awb-background-pattern" style="' + style + '"></div>';
return element;
},
/**
* Get mask.
*
* @since 3.8
* @param {String} name - The selected mask name.
* @param {String} color - The mask color.
* @param {String} style - The mask style default|inverted.
* @return {String}
*/
fusionGetMask( name, color, style, accent_color ) {
style = style || 'default';
color = jQuery.AWB_Color( color ).toRgbaString() || 'rgba(255,255,255,1)';
accent_color = accent_color ? jQuery.AWB_Color( accent_color ).toRgbaString() : color;
const masks = {
'mask-1': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M904.977 0H0v954h807.883l581.057-580.912.16-.153c117.27-117.238 307.32-117.316 424.49-.174 117.17 117.143 117.09 307.146-.17 424.384L1656.52 954H1920V0h-166.39l-580.96 580.813c-117.27 117.239-307.318 117.317-424.491.174-117.172-117.142-117.094-307.145.174-424.383L904.977 0z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_35)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1773.6-19.976l-600.95 600.789c-117.27 117.239-307.318 117.317-424.491.174-117.172-117.142-117.094-307.145.175-424.383l600.946-600.79 424.32 424.21zM1212.47 1397.93l600.95-600.785c117.26-117.238 117.34-307.241.17-424.384-117.17-117.142-307.22-117.064-424.49.174l-.16.153-600.787 600.637 424.317 424.205z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_58_35"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-2': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 445.163c-2.92 3.137-5.9 6.234-8.96 9.288-123.43 123.436-316.13 135.398-452.99 35.887l245 184.622c-116.76 154.952-336.57 186.262-490.94 69.933-36.72-27.669-66.43-61.199-88.81-98.322l157.02 271.978c-124.14 71.672-282.874 29.138-354.546-95.001-71.672-124.14-29.139-282.876 94.996-354.548l95.91 166.116c-64.81-117.365-58.83-267.08 27.33-381.421l304.5 229.454a353.453 353.453 0 01-32.44-28.698C1292.2 330.576 1280.59 136.947 1381.25 0H0v954h1920V445.163z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_68)" fill="' + color + '"><circle cx="1663.56" cy="206.967" r="349.995" transform="rotate(-45 1663.56 206.967)"/><path d="M1703.05 674.96c-116.77 154.952-336.57 186.262-490.94 69.933s-184.86-336.246-68.1-491.198l559.04 421.265z"/><path d="M1280.32 918.549c-124.14 71.672-282.874 29.138-354.546-95.001-71.672-124.14-29.139-282.876 94.996-354.548l259.55 449.549z"/></g><defs><clipPath id="prefix__clip0_58_68"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-3': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1087.8 0H0v954h1087.8S1252 777.5 1252 477 1087.8 0 1087.8 0z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 0h-832.2S1252 176.5 1252 477s-164.2 477-164.2 477H1920V0z" fill="' + color + '"/></svg>'
},
'mask-4': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 0H0v954h778.074l242.786-434.234c6.47-11.566 22.45-20.942 35.71-20.942h109.86l205.43-371.883c6.47-11.565 22.46-20.941 35.71-20.941h376.02c30.93 0 43.77 21.877 28.68 48.863L1371 954h88.38l296.28-534.011c6.47-11.664 22.45-21.12 35.7-21.12H1920V0z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_109)" fill="' + color + '"><path d="M1020.86 519.766c6.47-11.566 22.45-20.942 35.71-20.942h375.02c30.93 0 43.77 21.877 28.68 48.863L1204.02 1006H749l271.86-486.234zM1755.66 419.989c6.47-11.664 22.45-21.12 35.7-21.12h391.65c26.5 0 37.5 18.912 24.57 42.24L1923 954h-463.62l296.28-534.011z"/><path d="M1371.86 126.941c6.47-11.565 22.46-20.941 35.71-20.941h376.02c30.93 0 43.77 21.877 28.68 48.863L1371 954H914.98l456.88-827.059z"/></g><defs><clipPath id="prefix__clip0_58_109"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-5': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1825.81 268.638c-6.34 9.063-8.07 20.566-5.16 31.236 4.79 17.562 7.35 36.045 7.35 55.126 0 96.169-64.95 177.168-153.38 201.519-20.69 5.696-34.4 28.702-29.1 49.493 3.59 14.108 15.52 25.271 29.92 27.399C1783.26 649.339 1866 742.257 1866 854.5c0 35.748-8.39 69.535-23.31 99.5H1920V0h-41.08c5.29 23.823 8.08 48.586 8.08 74 0 72.392-22.62 139.5-61.19 194.638zM1215.08 0c-5.29 23.823-8.08 48.586-8.08 74 0 46.922 9.5 91.624 26.69 132.285 7.71 18.227-.51 39.945-17.44 50.19C1160.96 289.938 1124 350.653 1124 420c0 10.258.81 20.327 2.37 30.146 3.08 19.43-15.7 40.854-35.37 40.854-93.888 0-170 76.112-170 170s76.112 170 170 170c41.09 0 78.78-14.579 108.17-38.847 21.89-18.078 66.76-16.212 85.59 5.041 27.99 31.604 65.37 54.706 107.77 64.945 15.25 3.684 27.18 16.239 29.92 31.69A221.86 221.86 0 001442.31 954H0V0h1215.08z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_127)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1820.65 299.874c-2.91-10.67-1.18-22.173 5.16-31.236C1864.38 213.5 1887 146.392 1887 74c0-187.777-152.22-340-340-340s-340 152.223-340 340c0 46.922 9.5 91.624 26.69 132.285 7.71 18.227-.51 39.945-17.44 50.19C1160.96 289.938 1124 350.653 1124 420c0 10.258.81 20.327 2.37 30.146 3.08 19.43-15.7 40.854-35.37 40.854-93.888 0-170 76.112-170 170s76.112 170 170 170c41.09 0 78.78-14.579 108.17-38.847 21.89-18.078 66.76-16.212 85.59 5.041 27.99 31.604 65.37 54.706 107.77 64.945 15.25 3.684 27.18 16.239 29.92 31.69C1441.03 998.509 1532.48 1078 1642.5 1078c123.44 0 223.5-100.064 223.5-223.5 0-112.243-82.74-205.161-190.56-221.089-14.4-2.128-26.33-13.291-29.92-27.399-5.3-20.791 8.41-43.797 29.1-49.493C1763.05 532.168 1828 451.169 1828 355c0-19.081-2.56-37.564-7.35-55.126z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_58_127"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-6': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1697.02 0c48.23 74.466 73.5 162.212 71.63 252.091-2.38 113.804-48.07 222.366-127.7 303.434-79.62 81.065-187.12 128.499-300.47 132.611-113.34 4.112-223.98-35.407-309.23-110.486-41.529-36.574-104.796-32.505-141.313 9.088-36.517 41.594-32.454 104.961 9.074 141.535C1022.67 837.18 1183.21 894.546 1347.73 888.577c164.52-5.969 320.5-74.817 435.99-192.395A646.282 646.282 0 001920 489.919V954H0V0h1697.02zm-152.13 37.429c50.71-22.192 109.79.947 131.97 51.683a383.79 383.79 0 0110.87 279.732c-31.73 91.288-96.71 167.233-181.94 212.762a384.921 384.921 0 01-278 33.06c-93.53-24.262-174.53-82.823-226.82-164.088-29.965-46.559-16.532-108.606 30-138.586 46.53-29.979 108.54-16.538 138.51 30.021 24.99 38.834 63.75 66.898 108.61 78.536a184.603 184.603 0 00133.31-15.847c40.83-21.815 71.88-58.154 87.03-101.727a183.148 183.148 0 00-5.19-133.5c-22.18-50.735.95-109.855 51.65-132.046z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_787)" fill-rule="evenodd" clip-rule="evenodd" fill="' + color + '"><path d="M1660.78-198.081c41-37.158 104.32-33.985 141.42 7.087 110.48 122.305 170.1 282.332 166.66 447.27-3.44 164.938-69.67 322.331-185.14 439.906-115.49 117.578-271.47 186.426-435.99 192.395-164.52 5.968-325.06-51.397-448.719-160.304-41.528-36.574-45.591-99.941-9.074-141.535 36.517-41.593 99.784-45.662 141.313-9.088 85.25 75.079 195.89 114.598 309.23 110.486 113.35-4.112 220.85-51.546 300.47-132.611 79.63-81.068 125.32-189.63 127.7-303.434 2.37-113.804-38.77-224.188-114.95-308.523-37.1-41.072-33.93-104.49 7.08-141.649z"/><path d="M1544.89 37.429c50.71-22.192 109.79.947 131.97 51.683a383.79 383.79 0 0110.87 279.732c-31.73 91.288-96.71 167.233-181.94 212.762a384.921 384.921 0 01-278 33.06c-93.53-24.262-174.53-82.823-226.82-164.088-29.965-46.559-16.532-108.606 30-138.586 46.53-29.979 108.54-16.538 138.51 30.021 24.99 38.834 63.75 66.898 108.61 78.536a184.603 184.603 0 00133.31-15.847c40.83-21.815 71.88-58.154 87.03-101.727a183.148 183.148 0 00-5.19-133.5c-22.18-50.735.95-109.854 51.65-132.046z"/></g><defs><clipPath id="prefix__clip0_58_787"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-7': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 0H0v954h1920V0zm-219 30c17.67 0 32 14.327 32 32v87c0 17.673 14.33 32 32 32h92c17.67 0 32 14.327 32 32v556c0 17.673-14.33 32-32 32h-294c-17.67 0-32 14.327-32 32v59c0 17.673-14.33 32-32 32H63c-17.673 0-32-14.327-32-32V316c0-17.673 14.327-32 32-32h108c17.673 0 32-14.327 32-32V62c0-17.673 14.327-32 32-32h1466z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1733 62c0-17.673-14.33-32-32-32H235c-17.673 0-32 14.327-32 32v190c0 17.673-14.327 32-32 32H63c-17.673 0-32 14.327-32 32v576c0 17.673 14.327 32 32 32h1436c17.67 0 32-14.327 32-32v-59c0-17.673 14.33-32 32-32h294c17.67 0 32-14.327 32-32V213c0-17.673-14.33-32-32-32h-92c-17.67 0-32-14.327-32-32V62z" fill="' + color + '"/></svg>'
},
'mask-8': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_59_1015)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 134.857v46.809c-1.93.847-3.91 1.713-5.93 2.596-14.17 6.187-30.38 13.268-45.88 21.199-23.5 11.872-45.37 25.918-56.11 42.09 6.05 6.421 14.3 7.113 22.15 3.702-3.53 3.787-8.09 7.357-12.52 10.669l-.52.391c-4.24 3.172-8.31 6.22-11.18 9.215 1.42.233 2.86.402 4.31.561a3280.3 3280.3 0 00-12.42 10.453c-18.12 15.303-36.32 30.668-55.23 43.686-17.08 11.758-35.46 23.507-54.19 34.584-3.56 1.318-6.75 1.957-8.94.943.74-.648 1.44-1.291 2.12-1.938-8.25 6.043-17.08 12.283-24.4 17.456-2.47 1.745-4.77 3.369-6.81 4.822-.65.341-1.3.679-1.95 1.014l-.01.005-.61.312-.9.472c2.75-3.323 6.05-6.41 9.55-9.325-1.59.542-3.37 1.322-5.22 2.194.18-.56.23-1.117.18-1.652.79-.778 1.6-1.524 2.42-2.267v-.002c1.46-1.339 2.92-2.669 4.2-4.157a27.932 27.932 0 00-5.56-2.382c4.56-2.816 9.4-6.039 10.45-9.714-3.09.469-7.11 2.378-11.2 4.322-3.36 1.591-6.76 3.206-9.74 4.072l-.58-.004-.41-.002c-1.66-.009-3.32-.018-5.01-.125l.01-.026c1.99-1.225 3.96-2.412 5.84-3.554l.04-.021.01-.007.01-.003c3.86-2.341 7.42-4.493 10.33-6.389 16.4-10.684 33.13-22.088 46.85-35.095-11.94 9.008-33.25 19.463-47 22.506.99-.926 2.05-1.816 3.11-2.701 2.37-1.992 4.72-3.966 6.19-6.308-3.52.862-7.19 2.883-10.8 4.878-4.75 2.621-9.41 5.196-13.57 5.029.86-.586 1.73-1.158 2.61-1.73v-.002c3.29-2.153 6.57-4.299 9-7.12-4.31.703-10.49 4.968-16.96 9.433-3.09 2.136-6.25 4.318-9.3 6.178 11.44-7.927 22.6-16.339 32.22-25.584-8.34 6.393-21.45 13.53-33.04 18.087 3.26-2.272 6.52-4.532 9.78-6.791.18-.075.37-.149.56-.223l.44-.174v-.002l.01-.001v-.001c1.43-.565 2.78-1.098 3.95-1.692.23-.113.45-.226.67-.339l.23-.111.43-.218c.39-.195.78-.391 1.18-.589 9.64-4.821 20.45-10.224 27.12-20.921 6.6-4.775 13.13-9.642 19.57-14.658 4.2-3.271 8.36-6.596 12.53-9.923v-.007l.01-.003v-.002c10.38-8.289 20.78-16.597 31.76-24.147 3.14-2.156 6.39-4.253 9.66-6.358 7.92-5.104 15.91-10.259 22.51-16.432-13.6 8.65-32.95 19.047-47.53 21.019 1.47-1.384 3.47-2.917 5.56-4.518 2.31-1.764 4.72-3.609 6.64-5.426-3.74 2.09-7.37 2.772-9.63 1.224 9.86-11.552 33.1-24.438 50.06-33.839v-.002a792.25 792.25 0 009.37-5.242c11.56-6.699 23.02-13.531 34.47-20.359v-.003c17.76-10.593 35.51-21.179 53.65-31.257 8.61-4.768 17.21-9.654 25.8-14.531v-.004c6.12-3.476 12.24-6.948 18.34-10.37 2.48-.235 4.88-.843 7.25-1.67zM0 83.772v88.276c4.402-4.739 9.119-9.476 13.942-14.255 11.9-11.658 24.804-22.835 36.457-32.409 11.623-9.633 21.91-17.867 28.775-23.239 6.387-5.054 12.918-9.934 19.494-14.765-.376-.153-.755-.31-1.13-.467-.949-.395-1.866-.776-2.612-1.03-4.095-6.844-3.365-9.864-1.288-11.558 1.002-.801 2.325-1.307 3.547-1.774l.145-.055c1.223-.49 2.349-.971 2.941-1.698-2.905-1.436-5.514-2.495-8.117-3.297-2.59-.799-4.995-1.281-7.256-1.52-4.522-.48-8.472.034-12.067 1.113a57.117 57.117 0 00-5.317 1.935c-1.738.732-3.413 1.557-5.048 2.389-.934.475-1.851.957-2.76 1.434-2.288 1.202-4.517 2.373-6.798 3.335-5.271 2.132-10.33 4.721-15.23 7.623-.612.37-1.24.745-1.877 1.125v.001h-.002l-.001.001-.001.001h-.001v.001c-1.856 1.11-3.786 2.264-5.619 3.451.089-1.143.019-2.45-.244-3.954-3.465-2.052-7.065-2.416-10.727-2.441-3.23 1.361-6.458 2.278-9.494 2.004.174.005 1.151-.84 2.402-2-2.331-.077-4.676-.373-7.022-1.18-1.248.699-2.483 1.424-3.7 2.138H1.39L0 83.772zm0 138.341c9.679-3.745 20-9.849 30.22-16.715 5.008-3.314 9.886-6.965 14.687-10.556v-.001l.864-.646c2.627-1.989 5.23-3.962 7.784-5.898l.016-.012.036-.027.042-.032.01-.008.02-.015.032-.024.009-.007.058-.043c2.286-1.733 4.534-3.437 6.728-5.098 9.434-7.111 17.978-13.265 24.852-16.707 1.776-.907 3.947-2.038 6.444-3.338h.001c11.81-6.15 30.897-16.089 49.791-24.024 14.071-6.002 27.989-10.955 38.637-12.342-1.838 2.965-3.324 6.358-4.236 10.369 2.634-2.088 6.321-4.809 10.56-7.937l.001-.001.011-.008c1.089-.804 2.215-1.634 3.368-2.488 2.209.379 4.103 1.077 5.585 2.185a95.156 95.156 0 00-2.352 1.94c5.865-4.045 12.021-7.686 18.356-10.108a53.78 53.78 0 014.24-1.432c4.51 1.866 9.17 1.522 13.771 1.059-5.12 9.334-13.626 17.824-21.999 26.181h-.001v.001h-.001l-.001.002c-3.82 3.812-7.612 7.597-11.042 11.421 15.024-2.53 28.314-9.401 41.445-16.191l1.968-1.016c.992.613 1.84 1.133 2.401 1.384-1.337.986-2.934 2.407-4.576 3.867-2.993 2.662-6.134 5.455-8.112 5.988 1.849-.364 4.624.272 7.181.859 1.214.278 2.379.545 3.373.689 3.037 7.391.45 11.203-3.576 13.672-1.941 1.195-4.227 2.074-6.37 2.899l-.217.083c-2.178.854-4.15 1.678-5.457 2.705 7.429 2.267 14.626 3.009 21.441 2.602a60.756 60.756 0 006.373-.716c-1.108.819-2.205 1.625-3.283 2.418-3.629 2.668-7.056 5.188-10.046 7.549-2.883 2.3-5.83 4.632-8.821 6.999-27.497 21.763-58.639 46.411-77.006 75.06l2.778-1.19.005-.002.004-.002.008-.003c1.543-.662 3.088-1.325 4.637-1.981l.011-.005c2.426-1.116 4.851-2.232 7.29-3.345 4.851-2.264 9.674-4.6 14.471-7.008 9.588-4.79 19.088-9.839 28.474-15.071 9.436-5.209 18.574-10.702 27.691-16.307a920.761 920.761 0 006.902-4.303l.008-.005 1.799-1.129c5.132-2.252 9.851-4.095 13.074-3.88-2.546 2.125-5.721 3.443-8.912 4.767-.84.348-1.68.697-2.511 1.061 3.603 1.022 8.059-.415 12.59-1.876 3.43-1.106 6.904-2.226 10.083-2.304-1.645 1.896-4.004 3.262-6.378 4.636h-.001v.001h-.001v.001h-.001c-1.031.597-2.065 1.195-3.045 1.84 12.415.001 32.529-5.363 44.257-11.311-2.797 1.873-5.713 3.656-8.684 5.375l-.104-.02c-7.905-.265-15.289 4.634-20.565 10.539-5.516 2.505-11.103 4.89-16.658 7.172-2.714 1.118-5.984 2.33-9.539 3.648l-.002.001h-.001c-14.382 5.332-33.415 12.387-39.036 21.87 7.188 1.691 16.869-1.875 26.335-5.363 6.717-2.474 13.325-4.909 18.859-5.397-1.102 2.859-5.182 5.053-9.032 7.125-1.371.737-2.713 1.459-3.881 2.19 5.411-2.012 12.223-4.239 17.038-4.838-4.049 2.303-7.891 4.873-11.081 7.927 2.739-1.312 6.493-3.041 10.811-5.031l.012-.005v-.001h.001l.006-.003c7.259-3.345 16.107-7.422 24.394-11.474a40.26 40.26 0 01-2.17 1.394c2.999 2.414 9.224.888 15.287-.597 4.027-.987 7.984-1.957 10.877-1.743-1.659 3.619-7.377 5.74-12.294 7.563h-.001l-.003.001c-1.145.425-2.248.834-3.245 1.242 1.966-.28 4.179.144 5.801.456.696.133 1.283.246 1.695.273-1.365.649-3.071 1.53-4.826 2.437l-.001.001c-3.216 1.662-6.595 3.408-8.345 3.959 1.592-.461 3.624-.616 5.494-.759.872-.067 1.71-.131 2.451-.222.211 4.192-7.246 6.862-13.319 9.036-2.028.727-3.902 1.398-5.284 2.052 17.312-.452 36.867-8.177 54.634-15.196 4.002-1.581 7.913-3.126 11.688-4.545 16.401-6.289 33.029-13.372 49.543-20.718 12.119-5.4 24.146-11.092 35.985-16.696 4.297-2.033 8.569-4.055 12.812-6.047 5.233-2.436 10.422-4.853 15.598-7.272l4.164-1.999.018-.008.123-.06c3.717-1.783 7.426-3.563 11.129-5.344 7.296-3.539 14.53-7.185 21.707-11.03-5.883 15.902-23.9 28.27-31.101 33.214l-.02.013c-6.32 4.288-13.172 7.896-20.023 11.503-.878.463-1.756.925-2.633 1.389-.73.38-1.462.77-2.186 1.155l-.442.236c3.425-.517 7.002-.467 11.011 1.118a18.416 18.416 0 01-.466 3.123c-1.637 3.356-4.018 6.027-6.366 8.662l-.001.001v.001l-.001.001h-.001l-.001.001c-.689.773-1.375 1.543-2.038 2.326 4.216.383 8.345.804 12.176 1.521-.34 2.148-1.078 3.819-1.957 5.302 10.452 2.836 21.444 3.614 31.643 2.764l.536.314c2.767 9.89.335 15.644-3.705 19.512-.97.954-2.041 1.795-3.15 2.549.609 12.688-8.208 20.033-18.847 25.331-4.868 2.413-10.111 4.402-15.008 6.261l-.899.341-.218.083c-.453.172-.901.342-1.346.513-5.55 2.108-10.535 4.293-13.627 6.744-8.116 6.463-15.388 14.428-22.435 22.704a825.577 825.577 0 00-5.414 6.433c.027 2.054.201 4.189.518 6.431 15.077 10.829 27.166 8.277 38.66 3.823 1.967-.76 3.918-1.575 5.861-2.387 3.734-1.561 7.442-3.112 11.196-4.24a44.187 44.187 0 014.308-1.069 36.646 36.646 0 014.42-.509 27.97 27.97 0 019.135 1.057c1.644 6.975.041 11.519-2.506 15.19-1.174 1.695-2.532 3.226-3.865 4.728-1.563 1.761-3.091 3.483-4.248 5.388 3.756-1.589 8.059-3.144 12.602-3.954 4.546-.823 9.229-1.001 13.565-.017-2.173 2.729-4.146 5.763-5.742 9.244a41.76 41.76 0 00-2.093 5.601 46.714 46.714 0 00-1.336 6.467c1.098-.917 2.336-1.93 3.72-3.01.357-.266.722-.539 1.093-.818l.484-.364.397-.298.073-.055.073-.055 1.201-.902 1.229-.919c2.854-2.108 6.018-4.439 9.368-6.906l1.436-1.057c7.781-5.743 16.46-12.263 24.52-18.938a28.847 28.847 0 01-2.103 3.523c4.063 5.113 8.161 8.049 12.249 9.716 4.112 1.686 8.236 2.133 12.32 2.209 1.637.031 3.267.004 4.89-.023 6.49-.106 12.85-.211 18.92 3.384 2.303 12.794-5.72 15.778-12.616 18.342-1.594.593-3.129 1.164-4.461 1.828 3.491.774 8.581 4.584 12.283 7.356l.001.001.002.001.002.002c1.557 1.166 2.868 2.147 3.71 2.641-1.712 1.287-3.737 3.186-5.813 5.132a238.43 238.43 0 01-2.482 2.308c-2.899 2.649-5.611 5.009-7.588 5.427 2.423-.312 6.165.966 9.621 2.148l.002.001c1.584.541 3.108 1.062 4.419 1.4 4.66 11.181 1.654 16.466-3.36 19.616-2.464 1.543-5.417 2.572-8.174 3.532-2.849.993-5.487 1.912-7.158 3.25a82.599 82.599 0 0012.615 4.271 4792.95 4792.95 0 0121.543-10.723c12.079-5.951 24.246-11.791 36.609-17.231 3.202-1.387 6.437-2.769 9.685-4.158 5.53-2.364 11.099-4.744 16.609-7.188 8.76-3.878 17.348-7.922 25.257-12.522-10.661 4.54-23.387 9.535-35.896 13.641a207.816 207.816 0 01-18.442 5.214c-5.93 1.391-11.532 2.384-16.508 2.832 2.521-1.43 5.805-3.009 9.234-4.658l.002-.001c3.776-1.816 7.73-3.717 11.035-5.597-5.797 2.13-10.837 2.782-13.116 1.096 2.69-1.798 5.789-3.628 9.201-5.468 3.422-1.825 7.134-3.691 11.013-5.58 7.794-3.758 16.447-7.494 25.235-11.083 8.788-3.589 17.695-7.022 25.985-10.177a4531.19 4531.19 0 015.468-2.074l.002-.001.012-.004.009-.003c6.178-2.341 11.877-4.499 16.734-6.48 22.639-9.134 45.148-18.588 67.624-28.155 22.409-9.715 44.845-19.425 67.512-28.715 6.353-2.662 12.716-5.376 19.078-8.089a2973.09 2973.09 0 0011.688-4.998l.189-.073c2.017-.862 4.034-1.727 6.051-2.592 2.021-.867 4.043-1.734 6.064-2.597l7.811-3.337c-2.976 2.607-10.297 7.317-19.369 13.153-24.773 15.935-62.6 40.268-60.651 53.136 5.32 12.902 31.325 6.382 41.785 3.76 1.552-.389 2.762-.692 3.511-.834 2.108-.402 10.221-3.442 19.889-7.065 16.926-6.342 38.618-14.471 41.193-13.354l.282.12.352.148.717.298h.001c4.978 2.065 15.245 6.323 23.363 15.335l-1.906 1.013-.012.007c-1.432.761-2.861 1.521-4.294 2.274-7.331 3.951-14.622 7.977-21.905 12.032-6.046 3.375-12.083 6.753-18.11 10.125l-3.703 2.071c-7.256 4.059-14.495 8.095-21.794 11.944-12.159 6.462-24.37 12.617-36.623 18.63-.9 13.093-9.957 15.318-17.189 17.094h-.001c-1.583.389-3.079.757-4.383 1.212-1.116.391-2.253.779-3.404 1.172l-.025.009-.005.001-.004.002-.012.004c-6.256 2.134-12.945 4.417-19.038 8.149-1.498.209-3.042.411-4.621.618-5.408.707-11.222 1.468-16.947 2.754a10769.09 10769.09 0 01-11.138 5.245l-.02.009-.19.089a39.156 39.156 0 014.945-.13c5.23.219 11.019 1.511 17.446 4.242-.774.842-2.149 1.425-3.639 2.054l-.095.038-.234.095c-1.421.571-2.929 1.177-4.112 2.098-2.556 1.957-3.681 5.296.45 12.457.791.213 1.739.545 2.73.893h.001c2.177.764 4.562 1.601 5.96 1.404-1.434.335-3.248 2.686-4.983 4.934-.959 1.242-1.894 2.453-2.726 3.274.547.314 1.42.932 2.457 1.667 2.499 1.77 5.952 4.217 8.101 4.707-.687.419-1.492.785-2.328 1.164-2.693 1.222-5.703 2.588-6.08 6.377l.222-.026c9.907-1.137 19.644-2.255 28.798 3.346-.03 3.392-.63 6.072-1.575 8.284a30.504 30.504 0 013.774 3.456c-.335.721-.62 1.464-.86 2.255a204.549 204.549 0 016.278-6.288 372.268 372.268 0 016.061-5.99c.836-.813 1.653-1.601 2.44-2.362 2.872-2.776 5.364-5.184 7.09-7.036.368 5.851-.882 10.164-2.774 13.712 5.399 1.139 11.078-.716 15.2-2.83-.45 1.217-1.157 2.31-1.879 3.429-1.984 3.068-4.091 6.328-1.369 12.864 6.864 1.833 12.252-.993 17.657-3.828l.003-.001c.827-.435 1.655-.869 2.489-1.286 6.349-3.081 13.302-4.972 23.88 1.581 4.423 12.768.129 20.809-6.449 26.529-.37.335-.764.652-1.159.97h-.001v.001l-.001.001-.001.001.304.066.866.186.221.047.492.104.004.001.003.001h.004l.003.001c6.473 1.373 12.84 2.724 18.142 7.627-.455 13.374-9.253 14.532-16.8 15.526-1.76.231-3.451.454-4.952.82 3.312 1.56 7.549 6.477 10.663 10.089 1.341 1.556 2.474 2.871 3.234 3.57-2.021.892-4.5 2.324-7.049 3.795-4.633 2.674-9.494 5.48-12.25 5.426 2.329.239 5.46 2.054 8.467 3.887.587-.189 1.161-.38 1.746-.555 3.618-1.129 7.393-1.716 13.006 2.145-.617.501-1.269.959-1.921 1.417-2.478 1.741-4.949 3.476-5.445 7.569 5.604 2.609 10.035-1.183 14.662-5.142l.002-.002c1.217-1.041 2.448-2.094 3.718-3.046 5.192-3.831 10.964-6.195 19.432.549 2.404-.526 4.781-1.028 7.103-1.519 9.873-2.085 18.765-3.963 24.654-6.614 17.905-8.04 34.815-19.036 51.496-29.883l.001-.001c8.448-5.493 16.838-10.949 25.268-15.962 16.63-9.887 33.72-17.531 50.87-24.776 11.14 1.291 24.39-.197 37.76-3.243 4.05-.901 8.09-1.95 12.14-3.041 6.69-.457 13.52-.752 20.57-.616 2.53.019 5.49.246 8.7.492 1.64.126 3.34.257 5.08.367 5.2.28 10.82.316 16.11-.412 5.38-.832 10.45-2.462 14.55-5.524 3.39-2.558 6.09-6.08 7.69-10.827 6.41-.372 14.67-.838 23.91-1.218 13.06-.619 28.09-1.095 42.68-.842 2.65.041 5.27.104 7.87.177 3.76 2.04 7.78 4.772 14.25 15.126 5.32 19.539.23 21.11-3.74 22.332-.78.24-1.51.467-2.12.815-.48.282-.97.561-1.46.842-5.72 3.245-12.15 6.894-13.07 22.343 5.32 3.835 10.27 6.308 14.97 7.885 4.69 1.575 9.11 2.09 13.37 2.252 2.17.065 4.18-.99 6.26-2.081 4.57-2.402 9.49-4.98 17.17 3.836-.65.164-1.85 3.716-2.96 7.02-1.07 3.154-2.05 6.082-2.41 5.621.06.088.13.173.2.256l.02.029.02.027.07.084.03.04c.02.033.05.066.07.099-6.2 3.322-12.71 6.844-19.63 11.182-4.25 2.657-8.05 5.907-10.8 10.026-25.21 7.449-49.75 16.556-69.97 29.18 25.45.428 51.13-.815 76.89-3.216 6.45 1.63 12.31.279 17.98-1.685.17-.055.34-.119.52-.184v-.001c.07-.025.13-.049.2-.073 8.62-.992 17.25-2.09 25.88-3.295 1.21 7.208-2.13 10.774-5.28 14.146-1.18 1.26-2.34 2.493-3.22 3.878 5.72-2.225 13.28-4.112 19.77-2.449-3.33 4.094-6.03 9.111-7.16 16.087 2.64-2.081 6.4-4.787 10.73-7.899v-.003c1.22-.874 2.48-1.78 3.77-2.712 2.95-2.127 6.05-4.402 9.2-6.748 3.2-2.284 6.44-4.642 9.55-7.049-.5.92-1.06 1.774-1.67 2.592 7.23 9.577 14.76 9.679 22.08 9.778 4.87.066 9.66.13 14.19 3.001 1.59 9.787-4.47 11.878-9.68 13.675-1.2.416-2.36.815-3.37 1.29 2.62.661 6.4 3.672 9.16 5.864 1.16.922 2.13 1.7 2.76 2.095-1.29.931-2.82 2.317-4.39 3.741-2.85 2.583-5.84 5.29-7.79 5.628 1.85-.168 4.68.91 7.28 1.899 1.2.457 2.35.895 3.33 1.181 3.41 8.619 1.02 12.534-2.86 14.774-1.87 1.069-4.07 1.752-6.16 2.397l-.25.078c-2.11.691-4.06 1.344-5.31 2.328 7.56 3.477 14.75 5.215 21.53 5.652 6.77.434 13.14-.418 19.23-1.955 7.66-1.94 14.86-4.993 21.79-7.933 4.07-1.724 8.04-3.41 11.96-4.808 17.21-5.803 33.87-13.851 50.12-22.824 1.27-.711 2.55-1.423 3.82-2.135l.13-.073c1.37-.767 2.74-1.533 4.12-2.299 1.37-.767 2.75-1.533 4.12-2.298 4.09-2.282 8.14-4.598 12.17-6.932 5.6-3.244 11.16-6.527 16.67-9.783l.06-.036.02-.011c2.4-1.414 4.78-2.822 7.16-4.22 5.15-3.03 10.34-5.905 15.54-8.751 5.27-2.793 10.52-5.577 15.7-8.493 10.36-5.848 20.45-12.272 29.85-20.549 5.52-4.928 11-10.282 16.51-15.665v-.006l.01-.006c1.97-1.926 3.94-3.856 5.92-5.771 1.31-.352 2.63-.7 3.94-1.048 1.32-.349 2.63-.698 3.94-1.05 8.91-2.395 17.81-4.79 26.74-7.196 3.65-.959 7.27-1.978 10.89-2.997l.01-.001c-1.62 1.224-3.29 2.418-4.94 3.599l-.01.002c-2.99 2.142-5.92 4.238-8.4 6.389 12.46-5.449 28.27-11.469 40.17-12.465-8.76 6.774-16.83 14.445-22.97 23.885 6.79-4.165 16.4-9.818 27.43-16.304 2.32-1.365 4.7-2.766 7.13-4.199 7-4.12 14.4-8.504 21.88-13.006 3.89-2.428 7.79-4.879 11.67-7.348-2.08 2.04-4.16 4.108-6.24 6.183v.004l-.02.02-.02.021-.02.02c-2.58 2.568-5.16 5.145-7.78 7.693-7.23 7.151-14.82 13.764-23.05 18.829-3.16 1.927-7.97 3.283-13.47 4.524-.86.195-1.74.391-2.63.588l-.01.001c-4.77 1.058-9.86 2.187-14.64 3.771-2.85.948-5.59 2.062-8.07 3.412-2.51 1.332-4.81 2.905-6.72 4.818-3.75 3.733-6.1 8.748-6.11 15.66 1.99.769 4.1 1.534 5.43 1.388-.63.127-1.36.599-2.16 1.275 2 1.031 4 1.595 5.98 2.154 3.77 1.066 7.49 2.118 11.15 6.37-.94.772-1.81 2.162-2.71 3.575-1.03 1.632-2.08 3.296-3.26 4.076 1.21-.04 2.48-.127 3.77-.217 2.74-.188 5.61-.386 8.46-.166-.76 2.554-2.25 4.189-3.79 5.889-1.68 1.841-3.42 3.756-4.38 6.995 4.2 1.543 8.86 2.753 13.59 3.98v.001l.67.173.36-.297c2.32-1.987 4.62-3.911 6.79-5.708.32-.259.63-.516.94-.77.55-.459 1.1-.909 1.64-1.35v-.006l.01-.003c3.27-2.695 6.12-5.033 8.09-6.829-.31 5.819-2.06 10.028-4.37 13.471 5.31 1.326 11.22-.297 15.6-2.243-.59 1.196-1.43 2.256-2.29 3.341-2.33 2.961-4.81 6.099-2.82 12.651 6.62 2.06 12.27-.465 17.94-3.004.95-.421 1.89-.842 2.83-1.242 6.73-2.782 13.91-4.349 23.68 2.609 2.93 12.831-2.24 20.562-9.42 25.889-3.57 2.701-7.74 4.645-11.65 6.394-.78.347-1.56.685-2.32 1.017-3.03 1.321-5.81 2.534-7.99 3.816l-.28.171v.001c-6.19 3.751-12.48 7.563-18.03 12.492-2.83 2.486-5.49 5.233-7.91 8.334-.19.246-.38.501-.57.753v.004c-.07.083-.13.166-.19.248 2.36.891 4.52 2.017 6.35 3.444 2.23-.521 4.58-.883 7.07-1.034 7.94-.51 16.9.961 24.92 4.576-.55 1.129-1.23 2.085-1.91 3.038-1.48 2.078-2.95 4.142-2.94 7.96 4.19 1.748 7.55.835 10.86-.061l.29-.081c.13-.034.26-.068.38-.102l.48-.125c3.69-.953 7.5-1.346 12.66 2.702-.67.47-1.37.894-2.07 1.316-2.62 1.589-5.22 3.169-6.09 7.16 5.29 2.799 10.04-.711 15.01-4.38 1.3-.959 2.61-1.929 3.95-2.799 6.5-4.144 13.6-6.251 23.41 6.253-2.48 2.159-4.99 4.287-7.54 6.311a433.038 433.038 0 01-7.78 5.919c-5.24 3.876-10.48 7.74-15.72 11.617-10.52 7.597-20.78 15.768-30.23 25.344-1.08 1.122-2.15 2.273-3.23 3.423 5.1-.816 10.13-1.901 15.08-3.108 3.67-.874 7.45-2.673 11.37-4.532 8.3-3.94 17.17-8.155 26.7-4.437-1.12.43-4.3 3.892-7.23 7.097-2.79 3.037-5.36 5.845-5.78 5.624 8.85 4.701 17.66 1.343 26.05-1.857 3.38-1.289 6.69-2.552 9.91-3.253 12.62-2.605 25.11-6.059 37.66-9.528 7.42-2.05 14.85-4.105 22.35-5.994 7.92-2.049 15.7-4.421 23.41-6.969 6.21-2.067 12.33-4.342 18.45-6.627V954H0V222.113zm281.33-28.74c5.549-2.688 11.055-5.438 16.52-8.33l-.013-.002c4.779-2.515 9.515-5.122 14.252-7.729 9.549-5.258 19.104-10.518 29.033-15.029a148.334 148.334 0 013.683-1.628c.502-.579 1.002-1.159 1.501-1.736l.003-.003.002-.003.071-.082.003-.004.003-.003c1.105-1.279 2.2-2.547 3.275-3.774-7.347 1.832-14.65 2.917-20.835 2.536-11.689 7.501-23.195 16.627-34.312 25.443v.001h-.001c-4.462 3.539-8.862 7.029-13.185 10.343zm434.151 65.555c-7.495 5.943-15.849 10.623-21.609 13.798 20.533-9.925 40.86-20.413 60.691-31.652a63.104 63.104 0 01-2.147-.273c1.395-.749 2.715-2.634 4.01-4.482l.001-.001c1.12-1.599 2.222-3.171 3.335-3.954-1.397-2.306-2.836-4.012-4.322-5.39a363.236 363.236 0 013.653-2.052c2.61-1.516 5.029-2.945 6.805-4.17a194.408 194.408 0 00-12.581 4.497c-1.794-1.289-3.625-2.224-5.467-3.163-3.354-1.712-6.747-3.444-10.027-7.379.048-.853.142-1.658.236-2.463a477.686 477.686 0 01-11.492 3.928 309.397 309.397 0 01-6.764 2.114l-.237.34c-6.195 8.897-13.589 19.515-20.767 17.505 8.454 2.367 16.346 2.059 24.198 1.752 3.068-.12 6.131-.239 9.218-.199-2.428 8.154-9.177 15.326-16.734 21.244zm212.359 14.824c3.975-.736 7.822-1.873 11.376-4.041-.239-.314-.495-.603-.75-.906l-3.462 1.616h-.001c-2.421 1.131-4.817 2.251-7.163 3.331zm-576.201 18.974c9.979 1.078 23.014-.235 32.712-5.261l7.825 1.436c6.56-5.845 10.78-12.308 11.338-21.075-22.829-9.948-50.038-1.842-51.875 24.9zm47.068 89.452c2.972-12.368 19.015-14.8 29.988-15.022l.016-.011c3.262-.075 5.948 3.801 3.389 6.432-2.444 2.516-5.786 5.151-9.375 6.272-.182.842-.729 1.618-1.799 2.163-5.727 2.925-11.397 4.876-17.942 4.766-2.432-.042-4.914-1.94-4.277-4.6zm34.254-105.939c.516.715 1.336 1.243 2.467 1.397 3.221.424 6.058-.418 9.079-1.313l.419-.124c4.431-1.303 2.6-7.408-1.399-7.509-.147-1.618-1.185-3.089-3.145-3.354-2.077-.287-4.103-.12-5.9 1.005-.466.287-.889.662-1.313 1.038-.543.481-1.087.963-1.725 1.262-1.946.91-3.174 2.828-2.371 4.984.552 1.476 2.235 2.661 3.888 2.614zm296.102 128.59c6.799-6.853 16.264-12.811 26.411-10.369l-.013-.002c2.749.667 4.525 4.133 2.319 6.384-4.791 4.876-10.96 8.151-17.593 9.844-2.729 1.278-5.902 1.747-9.499 1.221-2.744-.396-4.161-3.837-2.633-5.996a3.293 3.293 0 011.008-1.082zm-.647 48.892c-10.501-2.336-20.123 1.814-29.511 5.864l-.009.004c-.856.369-1.71.737-2.562 1.1-4.709 2.006-2.207 8.639 2.737 7.336 1.94-.506 3.892-.93 5.86-1.296-.119 2.189 1.574 4.643 4.28 4.439 2.154-.159 4.289-.48 6.425-.801h.004c2.74-.412 5.481-.823 8.266-.895 3.509-.097 4.265-3.773 2.752-6.032.272-.449.508-.931.672-1.454.584-.243 1.17-.499 1.756-.756 3.554-1.585 3.357-6.608-.659-7.494l-.011-.015zm512.844 81.312c-.34.128-.66.257-.99.385l-.02.024c-.33 1.045-1.05 2.003-2.24 2.539-1.35.609-2.69 1.234-4.04 1.86-10.76 4.998-21.78 10.114-34.04 8.401-2.87-.404-4.43-4.317-2.32-6.383a90.882 90.882 0 0129.56-19.4c.54-.966 1.48-1.737 2.85-1.985l1.09-.192.02-.003.04-.006c1.62-.286 3.23-.568 4.85-.895 2-.588 4.04-1.117 6.11-1.56 2.64-.58 4.66 1.154 5.19 3.124 3.17-.091 5.48 4.106 3.08 6.442a39.778 39.778 0 01-6.81 5.342c-.32.952-1.06 1.814-2.33 2.307zm-89.85 4.421c-10.63-3.663-21.78.167-29.38 7.856-2.58 2.626.15 6.512 3.39 6.432 1.61-.041 3.2-.222 4.76-.501.31.273.68.517 1.15.697 8.47 3.348 16.54-1.749 21.39-8.446 1.33-1.833 1.33-5.149-1.3-6.049l-.01.011zm507.78 95.884c1.73-.071 3.23 1.052 3.94 2.476l.02.018c1.47 1.698 1.82 4.405-.6 5.631a101.93 101.93 0 01-10.21 4.501l-.1.059c-8.74 5.177-17.46 10.339-27.15 13.81-1.14.411-2.15.291-2.98-.117-4.85 2.061-9.88 3.565-14.92 4.269-4.74.654-5.58-5.823-1.73-7.556l.06-.029c.1-1.572.99-3.214 2.45-3.903 3.63-1.706 7.4-3.846 11.26-6.047a4.161 4.161 0 01.01-1.953c-.76-1.569-.65-3.583 1.07-4.952 4.08-3.242 8.36-6.095 13.11-7.555a27.422 27.422 0 017.51-1.991c1.54-.188 2.84.657 3.62 1.851.75.623 1.21 1.557 1.34 2.538 3.33-.737 6.7-1.047 10.11-.786 1.06-.116 2.11-.218 3.19-.264zm-66.45 58.943c-3.2.896-6.41 1.815-9.51 2.985-1.12.428-2.19.932-3.23 1.51-2.08 1.14-3.19 3.472-3.05 5.761.15 2.629 2.54 5.171 5.24 5.425 1.08.102 2.03.129 3.07-.017 2.35-.324 4.68-.906 6.96-1.538 1.44-.41 2.52-1.439 3.17-2.695l1.45-.42c3.11-.871 4.61-4.626 3.54-7.478-1.17-3.141-4.52-4.416-7.65-3.535l.01.002zm84.13 7.257l.95-.14-.02-.002c5.02-.75 8.72 6.116 5.08 9.653-4.43 4.308-9.48 8.166-15.59 9.888-2.29.646-4.62 1.071-6.95 1.496-2.08.381-4.17.762-6.23 1.302-7.36 1.936-11.5-9.055-4.09-11.011 1.96-.519 3.88-.933 5.75-1.337 2.19-.474 4.32-.933 6.38-1.53.01-.063.02-.122.02-.182 0-.063.01-.127.02-.201 1.1-5.949 9.47-7.174 14.68-7.936z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_59_1015"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_864)"><g clip-path="url(#prefix__clip1_58_864)" fill="' + color + '"><path d="M-116.708-231.745c-2.746 2.475-4.527 6.596-6.175 10.944-8.668 3.746-17.288 7.595-25.567 12.087-14.736 8.01-59.648 32.356-56.449 57.88 17.017 15.243 45.54-10.805 60.149-13.797 3.57-.72 10.128-2.225 17.676-3.467 6.504 7.233 7.542 1.358 13.486 6.722 1.275 4.804-.136 5.663-.365 8.304 3.658 3.421 7.34 6.052 10.766 7.881a86.367 86.367 0 00-5.205 2.063c-10.345 4.436-18.972 11.478-17.476 24.329 3.782 2.38 7.308 2.488 10.799 3.075-.589 3.208-.121 7.782 2.108 14.433 2.798 3.412 5.139 5.567 7.175 6.884-.093.36-.188.734-.26 1.125 2.145.502 4.417.906 6.724 1.262-2.97 2.96-5.663 6.171-7.934 9.73 7.738-.735 15.325-1.97 22.781-3.593.172 1.339.069 2.344-.144 3.208-.51.284-1.008.57-1.516.84-3.271 1.813-6.639 3.486-10.025 5.115-6.775 3.271-13.626 6.448-19.86 10.587-2.109 1.432-5.33 3.483-8.804 6.323-3.479 2.798-7.248 6.217-10.539 10.115-6.581 7.796-11.21 17.514-7.687 28.135 9.455 9.002 18.71 3.382 26.556-1.904 6.336 4.992 11.984 4.183 17.284 1.53 5.337-2.565 10.362-6.953 15.32-9.21 3.264.208 6.466.755 9.32 1.805-2.11 3.859-5.978 5.17-9.306 7.295 11.358 8.988 17.935-1.869 28.57 2.322a14.68 14.68 0 01-.329 2.23c-1.9 3.885-5.193 6.475-7.523 9.767.867.348 1.693.62 2.513.852 9.223 3.73 19.542 4.87 28.92 4.084l.376.23c1.122 4.022 1.046 7.08.24 9.48-7.646 3.692-14.796 8.053-17.312 13.603-3.328 2.193-6.712 4.618-9.68 7.564-1.878.76-3.847 1.572-5.875 2.412-1.01.435-2.033.867-3.071 1.31a75.83 75.83 0 00-3.072 1.458c-4.08 2.027-8.11 4.374-11.572 7.297-6.921 5.833-11.563 13.93-9.773 26.134 4.656 3.349 8.914 4.9 12.918 5.338-.698 1.53-1.057 3.04-.945 4.49 7.674 4.968 21.944-7.697 28.979-9.964 1.777-.577 5.099-1.706 8.87-2.792.907.126 1.83.309 2.766.575 1.174 4.987.04 8.23-1.792 10.859-1.817 2.631-4.26 4.703-5.789 7.227 2.69-1.138 5.751-2.247 9.013-2.834 3.25-.59 6.602-.715 9.695-.013-1.558 1.952-2.967 4.12-4.098 6.608a29.183 29.183 0 00-1.49 4 32.423 32.423 0 00-.956 4.622c.78-.652 1.669-1.379 2.66-2.153 1-.747 2.095-1.57 3.251-2.436 2.337-1.714 4.944-3.649 7.733-5.698 5.555-4.115 11.761-8.772 17.53-13.535a18.88 18.88 0 01-1.513 2.512c.374.46.737.904 1.105 1.322-2.785 2.17-6.345 3.795-8.798 5.259-7.625 4.598-16.97 9.756-22.359 17.15 9.988-2.344 19.528-6.064 28.696-10.258 3.442-1.565 7.203-3.988 11.08-6.16 2.346.807 4.69 1.103 7.022 1.18-1.25 1.16-2.228 2.005-2.402 2 3.036.274 6.265-.643 9.494-2.004 3.662.025 7.262.39 10.727 2.441.263 1.504.333 2.811.244 3.954 2.464-1.596 5.105-3.133 7.5-4.58 4.901-2.902 9.96-5.49 15.231-7.623 3.186-1.343 6.271-3.095 9.558-4.77 1.635-.831 3.31-1.656 5.048-2.388a57.098 57.098 0 015.317-1.935c3.595-1.079 7.545-1.594 12.067-1.114 2.261.24 4.666.722 7.256 1.521 2.603.802 5.213 1.86 8.117 3.297-.592.727-1.718 1.208-2.94 1.698-1.262.482-2.65.996-3.693 1.829-2.077 1.694-2.807 4.714 1.288 11.559 1.04.353 2.412.955 3.742 1.496-6.576 4.831-13.107 9.71-19.494 14.765-6.864 5.372-17.152 13.606-28.775 23.239-11.653 9.574-24.557 20.751-36.457 32.409-5.933 5.879-11.705 11.694-16.929 17.528-5.223 5.834-9.92 11.671-13.797 17.362-7.752 11.382-12.235 22.218-11.144 31.396 15.42 6.471 37.003-4.474 58.148-18.681 5.31-3.513 10.472-7.404 15.55-11.203 5.058-3.83 10.023-7.595 14.736-11.164 9.434-7.11 17.979-13.265 24.852-16.707 10.175-5.195 33.347-17.749 56.236-27.362 14.071-6.002 27.989-10.955 38.637-12.342-1.838 2.965-3.324 6.358-4.236 10.369 3.313-2.626 8.293-6.254 13.94-10.434 2.209.379 4.103 1.077 5.585 2.185a97.052 97.052 0 00-2.352 1.94c5.865-4.045 12.021-7.686 18.356-10.108a53.78 53.78 0 014.24-1.432c4.51 1.866 9.17 1.522 13.771 1.059-7.457 13.593-22.093 25.395-33.044 37.605 15.775-2.657 29.638-10.099 43.413-17.207.992.613 1.84 1.133 2.401 1.384-3.774 2.785-9.625 9.03-12.688 9.856 2.727-.538 7.468 1.101 10.554 1.547 3.037 7.391.45 11.203-3.576 13.672-2.006 1.235-4.382 2.133-6.587 2.982-2.178.854-4.15 1.678-5.457 2.705 7.429 2.267 14.626 3.009 21.441 2.603a61.024 61.024 0 006.373-.717c-4.835 3.573-9.45 6.905-13.329 9.967-29.393 23.448-65.462 50.294-85.827 82.059 2.472-1.056 4.947-2.125 7.432-3.178 2.429-1.118 4.859-2.235 7.301-3.35a559.46 559.46 0 0014.471-7.008c9.588-4.79 19.088-9.839 28.474-15.071 9.436-5.209 18.574-10.702 27.691-16.307 2.918-1.796 5.815-3.623 8.709-5.437 5.132-2.252 9.851-4.095 13.074-3.88-3.216 2.685-7.435 4.08-11.423 5.828 6.33 1.796 15.293-3.999 22.673-4.18-2.36 2.721-6.19 4.349-9.426 6.478 12.415.002 32.529-5.363 44.257-11.311-2.797 1.873-5.713 3.656-8.684 5.375l-.104-.02c-7.905-.265-15.288 4.634-20.565 10.539-5.515 2.505-11.103 4.89-16.658 7.172-13.694 5.64-41.567 13.692-48.578 25.519 12.289 2.891 31.861-9.583 45.194-10.76-1.494 3.877-8.466 6.533-12.913 9.315 5.411-2.012 12.223-4.239 17.038-4.838-4.049 2.303-7.891 4.873-11.08 7.927 7.345-3.517 21.998-10.047 35.223-16.514a40.26 40.26 0 01-2.17 1.394c4.992 4.017 18.915-2.875 26.164-2.34-2.047 4.464-10.266 6.648-15.543 8.806 2.811-.401 6.125.639 7.496.729-3.869 1.837-10.468 5.546-13.172 6.397 2.335-.677 5.614-.694 7.945-.981.281 5.592-13.082 8.476-18.603 11.088 21.212-.553 45.79-12.026 66.322-19.741 16.401-6.289 33.029-13.372 49.544-20.718 16.516-7.36 32.863-15.263 48.796-22.743 5.233-2.436 10.422-4.853 15.598-7.272 5.159-2.477 10.303-4.943 15.434-7.411 7.296-3.539 14.53-7.185 21.707-11.03-5.889 15.917-23.933 28.293-31.121 33.227-7.13 4.838-14.937 8.81-22.656 12.892-.879.458-1.761.93-2.628 1.391 3.425-.517 7.002-.467 11.011 1.118a18.316 18.316 0 01-.466 3.123c-2.118 4.342-5.482 7.539-8.408 10.992 4.216.383 8.345.804 12.177 1.521-.341 2.148-1.079 3.819-1.958 5.302 10.452 2.836 21.444 3.614 31.643 2.764l.536.314c2.767 9.89.335 15.644-3.705 19.512-.97.954-2.041 1.795-3.15 2.549.609 12.688-8.208 20.033-18.847 25.331-5.695 2.823-11.903 5.066-17.471 7.198-5.55 2.108-10.534 4.293-13.627 6.744-8.115 6.463-15.388 14.428-22.435 22.704a825.577 825.577 0 00-5.414 6.433c.027 2.054.201 4.189.518 6.431 15.077 10.829 27.166 8.277 38.66 3.823 5.746-2.22 11.35-4.911 17.057-6.627a44.187 44.187 0 014.308-1.069 36.646 36.646 0 014.42-.509 27.97 27.97 0 019.135 1.057c1.644 6.975.041 11.519-2.506 15.19-2.551 3.683-5.969 6.587-8.113 10.116 3.756-1.589 8.059-3.144 12.602-3.954 4.546-.823 9.23-1.001 13.565-.016-2.173 2.728-4.146 5.762-5.742 9.243a41.76 41.76 0 00-2.093 5.601 46.861 46.861 0 00-1.336 6.467c1.098-.917 2.336-1.93 3.72-3.01 1.406-1.049 2.925-2.199 4.55-3.411 3.259-2.407 6.922-5.104 10.804-7.963 7.781-5.742 16.46-12.263 24.52-18.938a28.847 28.847 0 01-2.103 3.523c4.063 5.113 8.161 8.049 12.249 9.716 4.113 1.686 8.236 2.133 12.32 2.209 8.182.154 16.223-1.132 23.81 3.361 2.836 15.752-9.984 16.633-17.077 20.17 4.961 1.1 13.15 8.332 15.998 10.001-2.392 1.798-5.395 4.792-8.295 7.44-2.899 2.649-5.611 5.009-7.588 5.427 3.534-.456 9.872 2.474 14.042 3.549 4.66 11.181 1.654 16.466-3.36 19.616-5.011 3.137-12.045 4.15-15.332 6.782a82.599 82.599 0 0012.615 4.271 4792.95 4792.95 0 0121.543-10.723c12.079-5.951 24.246-11.791 36.609-17.231 8.655-3.748 17.547-7.467 26.294-11.346 8.76-3.878 17.348-7.922 25.257-12.522-10.661 4.54-23.387 9.535-35.896 13.641a207.816 207.816 0 01-18.442 5.214c-5.93 1.391-11.532 2.384-16.507 2.832 5.296-3.004 13.963-6.669 20.27-10.256-5.797 2.13-10.837 2.782-13.116 1.096 2.69-1.797 5.789-3.628 9.201-5.468 3.422-1.825 7.134-3.691 11.013-5.58 7.795-3.758 16.447-7.494 25.235-11.083 8.788-3.589 17.695-7.022 25.986-10.177 8.29-3.155 15.958-6.006 22.224-8.562 22.639-9.134 45.148-18.588 67.625-28.155 22.408-9.715 44.844-19.425 67.511-28.715 6.353-2.662 12.716-5.376 19.078-8.089a2973.09 2973.09 0 0011.688-4.998l.189-.073c4.037-1.725 8.077-3.464 12.115-5.189l7.811-3.337c-11.101 9.728-82.682 48.709-80.02 66.289 6.109 14.817 39.502 4.019 45.297 2.926 5.797-1.105 57.036-22.173 61.081-20.419 4.211 1.811 15.768 5.968 24.715 15.901-2.076 1.102-4.139 2.205-6.212 3.294-7.331 3.951-14.622 7.977-21.905 12.032-7.285 4.067-14.556 8.137-21.813 12.196-7.256 4.059-14.495 8.095-21.794 11.944-12.159 6.462-24.37 12.617-36.623 18.63-1.097 15.96-14.314 15.771-21.573 18.306-7.19 2.522-15.258 4.909-22.488 9.337-6.627.926-14.172 1.711-21.568 3.372-3.763 1.776-7.556 3.559-11.348 5.343a39.156 39.156 0 014.945-.13c5.23.219 11.019 1.511 17.446 4.242-.774.842-2.149 1.425-3.639 2.054-1.514.612-3.166 1.239-4.441 2.231-2.556 1.957-3.681 5.296.45 12.457 2.53.68 6.656 2.584 8.691 2.297-2.226.521-5.371 5.901-7.709 8.208 1.866 1.071 7.517 5.681 10.558 6.374-2.9 1.772-7.914 2.577-8.408 7.541 9.984-1.146 19.798-2.323 29.02 3.32-.029 3.392-.629 6.072-1.575 8.284a30.504 30.504 0 013.774 3.456c-.335.721-.62 1.464-.86 2.255 2.039-2.146 4.165-4.249 6.278-6.288a372.268 372.268 0 016.061-5.99c3.888-3.775 7.331-7.038 9.53-9.398.368 5.851-.882 10.164-2.774 13.712 5.399 1.139 11.078-.716 15.2-2.83-1.686 4.556-6.962 7.375-3.248 16.293 7.916 2.114 13.869-1.969 20.149-5.115 6.349-3.081 13.302-4.972 23.88 1.581 4.423 12.768.129 20.809-6.449 26.529-.371.336-.767.655-1.162.973 7.116 1.549 14.22 2.651 20.039 8.033-.561 16.49-13.807 14.409-21.752 16.346 4.739 2.232 11.372 11.335 13.897 13.659-5.692 2.514-15.027 9.305-19.299 9.221 2.329.239 5.46 2.054 8.467 3.887.587-.189 1.161-.38 1.746-.555 3.618-1.129 7.393-1.716 13.006 2.145-2.963 2.408-6.74 3.817-7.366 8.986 7.079 3.295 12.285-3.621 18.382-8.19 5.192-3.831 10.964-6.195 19.432.549 12.626-2.763 24.483-4.859 31.757-8.133 26.974-12.112 51.689-30.933 76.765-45.846 16.63-9.887 33.72-17.531 50.87-24.776 11.14 1.291 24.39-.197 37.76-3.243 4.05-.901 8.09-1.95 12.14-3.041 6.69-.457 13.52-.752 20.57-.616 3.83.028 8.63.532 13.78.859 5.2.28 10.82.316 16.11-.412 5.38-.832 10.45-2.462 14.55-5.524 3.39-2.558 6.09-6.08 7.69-10.827 6.41-.372 14.67-.838 23.91-1.218 13.06-.619 28.09-1.095 42.68-.842 2.65.041 5.27.104 7.87.178 3.76 2.039 7.78 4.771 14.25 15.125 6.37 23.383-2.18 21.032-5.86 23.147-6.03 3.543-13.53 6.397-14.53 23.185 5.32 3.835 10.27 6.308 14.97 7.885 4.69 1.575 9.11 2.09 13.37 2.252 6.94.21 12.26-11.066 23.43 1.755-1.26.321-4.64 13.584-5.37 12.641.14.188.28.363.41.535-6.2 3.322-12.71 6.844-19.63 11.182-4.25 2.657-8.05 5.907-10.8 10.026-25.21 7.449-49.75 16.556-69.97 29.18 25.45.428 51.13-.815 76.89-3.216 6.45 1.63 12.31.279 17.98-1.685.24-.077.47-.169.72-.258 8.62-.992 17.25-2.09 25.88-3.295 1.66 9.902-5.26 12.931-8.5 18.025 5.72-2.226 13.28-4.113 19.77-2.45-3.33 4.094-6.03 9.111-7.16 16.087 3.39-2.667 8.61-6.358 14.5-10.614 2.95-2.127 6.05-4.402 9.2-6.748 3.2-2.284 6.44-4.642 9.55-7.049-.5.92-1.06 1.774-1.67 2.592 12.05 15.961 24.94 5.603 36.27 12.779 1.96 12.047-7.68 12.433-13.05 14.965 3.72.94 9.8 6.625 11.92 7.959-3.63 2.621-9.16 8.845-12.18 9.369 2.7-.246 7.52 2.175 10.61 3.08 3.41 8.619 1.02 12.534-2.86 14.774-1.94 1.112-4.25 1.807-6.41 2.475-2.11.691-4.06 1.344-5.31 2.328 7.56 3.477 14.75 5.215 21.53 5.652 6.77.434 13.14-.418 19.23-1.955 12.16-3.078 23.15-8.959 33.75-12.741 17.21-5.803 33.87-13.851 50.12-22.824 4.07-2.272 8.13-4.546 12.19-6.805 4.09-2.282 8.14-4.598 12.17-6.932 8.06-4.667 16.03-9.417 23.91-14.05 5.15-3.03 10.34-5.905 15.54-8.751 5.27-2.793 10.52-5.577 15.7-8.493 10.36-5.848 20.45-12.272 29.85-20.549 7.51-6.694 14.92-14.176 22.44-21.448 2.63-.704 5.26-1.394 7.88-2.098 8.91-2.395 17.81-4.79 26.74-7.196 3.65-.96 7.27-1.979 10.9-2.998-4.57 3.447-9.5 6.653-13.35 9.99 12.46-5.449 28.27-11.469 40.17-12.465-8.76 6.774-16.83 14.445-22.97 23.885 8.21-5.041 20.57-12.263 34.56-20.503 7-4.12 14.4-8.504 21.88-13.006 3.89-2.428 7.79-4.879 11.67-7.348-4.67 4.588-9.33 9.313-14.08 13.941-7.23 7.151-14.82 13.764-23.05 18.829-3.16 1.928-7.97 3.283-13.47 4.524-5.49 1.241-11.6 2.479-17.28 4.361-2.85.947-5.59 2.061-8.07 3.411-2.51 1.332-4.81 2.905-6.72 4.818-3.75 3.733-6.1 8.748-6.11 15.66 1.99.769 4.1 1.534 5.43 1.388-.63.127-1.36.599-2.16 1.275 5.82 2.997 11.55 2.041 17.13 8.524-2.02 1.665-3.77 6.196-5.97 7.651 3.79-.125 8.04-.707 12.23-.383-1.57 5.319-6.34 6.656-8.17 12.884 4.4 1.615 9.3 2.867 14.26 4.154l.36-.297c2.32-1.987 4.62-3.911 6.79-5.708 4.36-3.595 8.2-6.704 10.68-8.958-.31 5.819-2.06 10.028-4.37 13.471 5.31 1.326 11.22-.297 15.6-2.243-2.21 4.461-7.83 7.04-5.11 15.992 7.72 2.401 14.11-1.426 20.77-4.246 6.73-2.782 13.91-4.349 23.68 2.609 2.93 12.831-2.24 20.562-9.42 25.889-3.57 2.701-7.74 4.645-11.65 6.394-3.91 1.734-7.58 3.23-10.31 4.833-6.28 3.807-12.67 7.66-18.31 12.664-2.83 2.486-5.49 5.233-7.91 8.334-.26.329-.51.674-.76 1.005 2.36.891 4.52 2.017 6.35 3.444 2.23-.521 4.58-.883 7.07-1.034 7.94-.51 16.9.961 24.92 4.576-1.73 3.592-4.87 5.428-4.85 10.998 4.68 1.952 8.33.586 12.01-.369 3.69-.953 7.5-1.346 12.66 2.702-3.18 2.235-7.06 3.422-8.16 8.476 6.67 3.53 12.49-2.976 18.96-7.179 6.5-4.144 13.6-6.25 23.41 6.253-2.48 2.159-4.99 4.287-7.54 6.311a433.038 433.038 0 01-7.78 5.919c-5.24 3.876-10.48 7.74-15.72 11.617-10.52 7.598-20.78 15.769-30.23 25.344-1.08 1.122-2.15 2.273-3.23 3.424 5.1-.817 10.13-1.902 15.08-3.109 11.43-2.726 24.05-14.442 38.07-8.969-2.19.838-12.15 13.176-13.01 12.721 12.42 6.594 24.74-2.668 35.96-5.11 20.08-4.145 39.84-10.437 60.01-15.522 7.92-2.049 15.7-4.421 23.41-6.969 7.7-2.563 15.26-5.447 22.86-8.271l11.39-4.257 11.39-4.325a496.424 496.424 0 0123.17-8.01c8.65-2.833 21.65-5.649 33.41-10.554 11.7-5.009 22.23-11.863 25.78-22.44-4.52-5.858-9.36-7.784-13.33-6.572 2.85-4.491 8.17-7.625 10.52-11.454-5.02-2.391-10.05-3.812-14.99-4.571-4.96-.778-9.82-.834-14.49-.37-4.65.466-9.11 1.441-13.22 2.721-4.12 1.292-7.93 2.884-11.33 4.498 3.68-5.498 8.61-9.297 13.95-12.427 5.34-3.157 11.06-5.734 16.15-9.059 3.72-2.511 7.24-5.328 10.65-8.328a260.416 260.416 0 0030.35-8.553c9.48-3.208 18.65-6.902 27.79-10.762 7.36-6.266 19.75-12.266 32.93-17.786 1.38-.581 2.8-1.144 4.2-1.723a71.027 71.027 0 015.28-2.13c5.35-2.117 10.65-4.164 15.61-6.084 1.97-.769 3.89-1.522 5.75-2.246 1.84-.755 3.6-1.536 5.27-2.267 3.34-1.476 6.35-2.865 8.85-4.158 13.07-6.767 25.95-14.214 38.71-21.764 6.37-3.791 12.74-7.581 19.1-11.361 3.17-1.883 6.34-3.769 9.5-5.655 3.14-1.917 6.28-3.849 9.4-5.755 14.36-8.672 28.86-16.658 43.5-24.471 7.33-3.871 14.67-7.739 22.03-11.631 7.37-3.863 14.62-8.045 21.96-12.142 22.39-12.59 45.42-25.56 68.44-38.507 14.89-8.6 29.88-17.064 44.8-25.202-.43.205-.87.393-1.29.6-6.38 3.034-12.36 6.249-17.69 9.448 6.53-7.873 14.67-13.966 23.19-19.801 4.27-2.883 8.66-5.636 12.99-8.398 4.32-2.833 8.6-5.714 12.69-8.738 23.43-17.399 43.23-39.737 63.43-61.22 4.51-4.671 9.01-9.345 13.52-14.003 4.53-4.669 9.15-9.102 13.72-13.723 4.56-4.622 9.16-9.183 13.79-13.697l3.46-3.381 3.42-3.484 6.87-6.921c9.25-9.057 18.13-18.736 27.09-28.184 8.67-9.906 17.44-19.591 25.42-30.204-6.97-4.149-13.23-3.925-19.03-1.229-5.89 2.585-11.4 7.545-16.69 13.177a213.53 213.53 0 00-3.95 4.304c-1.34 1.412-2.66 2.827-3.98 4.215-2.64 2.791-5.24 5.507-7.84 7.889-2.58 2.396-5.13 4.475-7.69 5.974-2.58 1.44-5.15 2.344-7.69 2.444 2.71-7.415 8.96-12.186 14.31-17.7-3.79-.63-7.21-.043-10.4 1.217-3.21 1.244-6.18 3.233-9.25 5.217-6.08 4.019-12.08 8.673-19.22 9.654.9-7.329 6.16-12.174 9.5-18.165-6.11.658-12.65 2.207-19.22 4.409-3.27 1.125-6.64 2.312-9.96 3.631a135.65 135.65 0 00-9.82 4.37c-3.23 1.564-6.32 3.288-9.37 5.005a127.078 127.078 0 00-8.78 5.345c-2.76 1.851-5.37 3.772-7.75 5.734a88.662 88.662 0 00-3.41 2.958c-1.1.972-2.14 1.94-3.12 2.933 15.48-24.602 37.06-44.336 57.77-63.799 2.21-2.115 4.78-4.366 7.59-6.761 2.79-2.413 5.92-4.857 8.91-7.65 3.04-2.745 6.19-5.631 9.3-8.619 3.1-3.003 6.19-6.073 8.91-9.429 2.77-3.307 5.36-6.713 7.63-10.179a77.192 77.192 0 003.15-5.245c.92-1.785 1.7-3.623 2.38-5.451 2.75-7.301 3.64-14.713 1.6-21.988-7.01-.332-13.06 1.55-18.56 4.705-2.78 1.566-5.3 3.516-7.93 5.539-.48.372-.94.772-1.41 1.144.17.072.35.119.53.191-.39 1.21-1.68 2.24-2.14 3.706 1.04-.443 2.56.079 4.32 1.83-.41 6.637-9.69 9.22-14.12 11.331-4.02 1.918-7.68 4.199-11.52 6.405-3.83 2.221-7.67 4.414-11.81 6.242-5.25 2.312-10.23 5.064-15.47 7.242-2.9 1.247-5.54 4.698-9.73 3.173.22.082 1.38-2.685 2.11-3.939-1.95 1.744-3.88 3.519-5.83 5.305-2.16 1.935-4.36 3.796-6.57 5.682-2.22 1.871-4.45 3.726-6.73 5.504-2.28 1.792-4.6 3.55-7.05 5.068-3.39 2.167-7.04 4.126-10.56 6.256-1.75 1.066-3.47 2.18-5.11 3.389-1.64 1.167-3.22 2.414-4.66 3.807 4.42-2.248 9.71-4.849 15.22-6.655 5.5-1.834 11.26-2.825 16.35-2.523-.92.99-2.24 2.082-3.63 3.134-1.4 1.052-2.82 2.151-3.96 3.318 2.46-1.113 4.99-1.038 6.84.716-3.46 4.918-10.45 9.417-17.87 13.258-7.49 3.639-15.41 6.658-20.84 9.019-19.66 8.184-38.6 17.364-58.5 24.155-12.62 4.287-25.19 8.934-37.73 12.671-7.02 2.176-15.53 6.962-22.2 5.778.46.083 7.95-5.672 9.38-6.218-6.59-.522-14.08 3.587-20.63 6.2 3.72-3.2 7.43-6.387 11.17-9.569 17.73-15.169 35.7-29.596 54.56-42.334 3.62-2.436 8.07-4.935 13.11-7.514 5.03-2.581 10.66-5.254 16.62-7.933 11.91-5.402 25.14-11.209 37.63-17.662 6.26-3.22 12.32-6.607 17.97-10.168 5.65-3.477 10.88-7.141 15.42-11.024 9.09-7.781 15.46-16.45 17.12-26.256-13.09-3.468-28.18 4.842-40-1.48 4.65-3.595 9.48-10.957 14.48-14.393-7.98 2.633-16.98 6.155-25.64 8.421 4.66-8.324 14.95-13.242 20.35-22.98-7.8.536-16.51 1.727-25.38 2.982l12.11-7.992a1899.952 1899.952 0 0133.05-21.119 2549.799 2549.799 0 0133.38-20.479l16.95-10.139 17.12-10.12 34.32-20.104 17.16-10.03 4.29-2.514 2.15-1.251 1.07-.626 1.13-.71 8.91-5.574c9.71-6.13 20.43-12.586 31.66-19.446 11.27-6.869 23.09-14.16 35.31-22.161-4.52-4.28-9.73-6.626-15.34-7.642-2.83-.492-5.77-.627-8.81-.431-3 .136-6.11.59-9.3 1.312-12.69 2.818-26.41 9.479-39.31 16.909-3.27 1.866-6.33 3.758-9.5 5.683-3.54 2.207-7.09 4.4-10.59 6.574-1.26.738-2.52 1.465-3.77 2.192.65-2.428.96-4.839.86-7.2-9.55-6.528-23.02-3.824-37.08 2.046-19.1 5.361-39.27 17.982-58.7 18.834 6.89-11.971 20.27-19.26 30.91-28.763-23.74.439-53.62 6.72-82.46 16.17-.64.207-1.25.417-1.89.625-3.72-.293-7.49.388-11.14 1.944 3.77-4.538 8.77-8.689 13.64-12.648 4.9-4.032 9.66-7.876 12.88-11.707-3.6-.729-7.26-1.225-10.95-1.539 25.11-15.689 51.13-30.079 76.96-43.883 5.91-3.16 12.63-6.495 19.91-10.024 1.82-.88 3.67-1.78 5.57-2.686 1.87-.908 3.72-1.918 5.62-2.889 3.76-1.978 7.74-3.984 11.79-6.045 16.16-8.193 33.54-16.755 49.69-26.46 16.13-9.696 31.06-20.567 41.89-32.637 4.76-5.273 8.71-10.763 11.64-16.33-6.32 2.586-12.67 5.073-19.06 7.364-11.51 4.209-23.26 15.529-36.99 10.92.95.323 9.97-13.711 12.18-14.923-15.28-3.223-27.22 10.625-38.79 15.319-7.15 2.921-14.45 5.611-22.03 7.696-7.58 2.073-15.44 3.567-23.68 4.212.27-.693.55-1.369.85-2.029-3.13 1.043-6.28 2.042-9.35 2.839-.82.214-1.7.456-2.46.614-.76.157-1.5.317-2.24.464-1.5.292-2.97.533-4.44.723.22-2.105.75-4.136 1.54-6.094.42-.987.81-1.913 1.44-2.903a36.29 36.29 0 012.09-2.959c1.52-1.946 3.27-3.861 5.18-5.722 1.87-1.813 3.91-3.595 6.03-5.348 8.46-6.938 18.26-13.147 25.17-19.25-1.77.874-3.62 1.774-5.53 2.678 8.12-6.785 16.28-13.576 24.44-20.396-13.76-4.791-21.88 3.666-35.52-.43 4.01-5.274 10.01-9.335 11.63-16.735-6.45-4.095-11.83-3.196-16.44-.984.3-.228.59-.443.89-.645-4.93-6.135-14.78-7.243-24.44-6.618-9.68.595-19.16 2.939-23.34 3.817-11.18 2.381-29.74 25.932-45.96 10.929-.97-3.399-1.15-6.735-.76-9.992 2.06-1.2 4.12-2.398 6.16-3.6 9.8-5.764 19.42-11.545 29.09-17.385 12.61-7.605 25.42-14.432 37.87-21.879 12.51-7.556 24.72-15.841 35.97-26.069 4.92-4.488 9.71-9.215 14.48-14.109 3.48-3.607 6.97-7.238 10.46-10.858-1.67-.184-3.3-.39-4.87-.651 1.38-6.863 6.6-9.18 7.8-15.052-4.75.476-9.48 1.897-13.77 2.768 2.34-1.956 3.84-7.032 5.93-9.168-8.31-6.771-15.79-2.482-24.32-7.189-1.81-14.999 8.75-23.479 21.27-29.658 6.28-3.079 13.13-5.542 19.25-7.896 6.13-2.351 11.46-4.635 14.88-7.243 8.87-6.849 16.89-15.216 24.49-24.011 5.98-6.894 11.86-13.93 17.81-20.628-5.84-1.18-12.08-1.989-18.36-2.873-7.41-1.131-14.81-2.408-21.48-4.578 4.36-3.203 8.99-5.977 13.79-8.508 4.77-2.6 9.69-5 14.64-7.353 9.89-4.694 19.89-9.246 28.99-15.191 3.09-2.049 7.78-5.001 12.84-9.073 5.07-4.03 10.58-8.935 15.37-14.539 9.6-11.219 16.32-25.203 11.13-40.539-3.93-3.7-7.85-5.701-11.69-6.485 3.74-1.848 7.4-4.02 10.93-6.661 15.62-11.636 1.05-12.329-9.15-15.374-10.26 5.542-20.61 10.825-31.31 15.48-18.77 8.159-36.88 17.382-55.29 25.094a37.095 37.095 0 01-3.56-1.098c.36-.661.77-1.247 1.19-1.816-.31.117-.63.234-.95.351-7.42 2.533-15.19 4.53-23.46 5.68 1.8-7.003 5.39-12.705 9.8-17.611-4.58 1.047-9.3 1.595-14.78-.557.07-1.174.25-2.233.47-3.216 2.75-5.601 7.56-9.328 10.96-14.054-1.26-.516-2.49-.902-3.67-1.24-13.49-5.404-28.58-7.095-42.29-6l-.56-.332c-2.91-10.2-.39-16.126 3.83-20.096 4.16-4.034 10.04-6.137 13.88-8.572 4.55-2.885 9.48-5.888 14.17-9.395-5.79-2.977-13.8-3.1-21.62-2.082-9.94 1.33-19.56 4.482-23.83 5.707-2.86.822-6.06 3.052-9.54 5.702-3.46 2.694-7.19 5.811-11.14 8.401-7.9 5.167-16.68 8.165-25.98 1.281-4.93-12.066.4-24.39 8.29-34.763 3.94-5.208 8.54-9.837 12.79-13.679 4.25-3.856 8.15-6.942 10.73-8.988 7.61-6.043 16.06-10.935 24.41-15.94 4.78-2.868 9.54-5.796 14.08-8.952-.1-3.334.65-6.027 1.86-8.34-9.78-.568-20.32.165-29.42-.63.95-6.997 6.1-9.718 6.96-15.72-2.44.428-4.86 1.104-7.21 1.817-7.63 5.568-15.95 11.763-23.72 18.101a29.511 29.511 0 012.2-3.626c-4.26-5.271-8.54-8.309-12.82-10.051-4.29-1.745-8.61-2.215-12.88-2.311-8.54-.18-16.95 1.133-24.89-3.519-3-16.241 10.38-17.113 17.79-20.74-5.2-1.143-13.76-8.619-16.74-10.353 2.49-1.847 5.62-4.926 8.65-7.644 3.02-2.721 5.84-5.142 7.91-5.57-3.69.454-10.31-2.581-14.67-3.692-4.89-11.534-1.77-16.971 3.45-20.205 5.23-3.232 12.58-4.242 16-6.956-10.66-4.518-20.52-6.518-29.78-6.791-4.61-.117-9.17.137-13.62.722-4.43.588-8.74 1.508-12.94 2.664-16.82 4.608-31.82 13.002-46.81 18.39-11.88 4.343-23.53 9.429-35.05 15.05-11.7 5.575-23.23 11.681-34.6 18.086a1610.044 1610.044 0 00-34.04 19.899c-11.29 6.863-22.49 13.676-33.53 20.383-14.63 8.799-29.59 16.74-43.94 25.305a373.71 373.71 0 00-11.69 7.25c-2.19-1.104-4.3-2.353-6.2-3.808 3.58-4.357 8.65-4.653 13.26-6.245-5.69-8.109-11.3-9.151-16.97-9.371-5.67-.192-11.39.509-17.4-4.193.27-1.068.61-2.004.98-2.866 3.35-4.507 8.1-6.829 11.88-10.368a26.995 26.995 0 00-2.88-2.053c-10.4-8.271-23.06-13.506-35.03-15.489l-.41-.44c-.08-.998-.09-1.944-.08-2.844-15.66 9.229-31.4 18.321-47.36 27.037-25.39 13.857-50.87 28.171-76.16 41.414-14.18 7.52-32 19.303-44.66 22.506.88-.217 16.98-12.519 19.92-14.203-14.97 4.677-34.16 18.151-48.86 25.952-18.13 9.705-36.57 19.017-55.17 26.966 12.95-11.412 31.76-22.3 47.39-31.682 9.6-5.732 26.66-14.286 29.12-21.936-14.03 2.169-28.04 12.173-42.38 16.076 6.81-4.923 15.24-9.979 20.42-15.134-5.16.373-11.47 3.286-17.56 6.656.44-.27.87-.529 1.28-.777-2.58-1.512-12.9 2.187-23.83 6.84-10.93 4.638-22.49 10.239-27.51 12.62-13.47 6.396-44.67 28.609-55.87 26.942 3.34-11.315 48.4-38.209 63.19-47.099 10.91-6.514 22.07-12.754 33.21-19.025 11.15-6.271 22.25-12.563 32.92-19.31-10.98 3.455-26 9.714-37.27 13.522 4.61-4.626 11.25-8.246 15.22-12.22-5.28 2.333-10.98 5.221-15.96 7.582 3.39-2.167 7.32-5.799 10.55-7.97-5.75-.395-15.71 5.379-22.68 6.31 9.99-16.053 60.72-38.481 80.17-50.843 12.7-8.046 25.27-16.589 37.61-25.39 12.34-8.774 24.67-17.55 36.85-26.203 13.98-9.835 28.15-19.053 42.25-28.353 7.09-4.603 14.19-9.203 21.3-13.814 7.1-4.642 14.16-9.369 21.26-14.117a3113.31 3113.31 0 0016.9-11.415c-.81.336-1.63.684-2.48 1.028-4.35 1.816-8.96 3.732-13.61 5.79a418.522 418.522 0 00-13.93 6.528c.87-1.041 1.8-2.002 2.79-2.899-10.92-23.572-30.18-13.67-42.93-25.608.58-16.001 13.25-14.011 20.86-15.918-4.54-2.154-10.86-10.984-13.27-13.219 5.46-2.463 14.41-9.069 18.49-8.993-3.57-.359-9.14-4.684-12.95-6.611-2-11.946 2.31-16.398 8.08-18.317 2.89-.966 6.14-1.285 9.16-1.606 3.02-.281 5.81-.552 7.76-1.446-8.94-6.669-17.89-10.631-26.73-12.835-8.86-2.205-17.62-2.642-26.2-2.114-8.58.526-17.02 2.185-25.21 3.916-4.91 1.053-9.72 2.137-14.45 3.143 2.78-2.522 5.58-5.042 8.35-7.579l3.6-3.328 3.53-3.465 6.97-6.983c-6.42-4.938-12.67-5.453-18.74-3.454-3.02 1.036-6.1 2.533-9.11 4.487-3.03 1.938-6.02 4.273-8.97 6.764-2.97 2.46-5.85 5.207-8.81 7.657-2.94 2.493-5.84 4.898-8.68 7.004-5.71 4.183-11.1 7.21-16.22 6.835 1.76-3.559 4.27-6.412 7.15-8.943 2.87-2.534 6.07-4.764 9.04-7.224-7.43-2.038-13.87.864-20.29 4.403-6.51 3.387-13.03 7.406-20.28 7.653 1.7-7.196 7.5-11.482 11.51-17.123-6.19.051-12.91.932-19.75 2.48-3.43.759-6.85 1.749-10.33 2.74a143.963 143.963 0 00-10.33 3.414c-13.5 5.164-26.3 11.656-34.79 19.006 18.06-23.184 41.81-40.968 64.78-58.371 9.91-7.427 25.8-16.937 38.65-28.839 3.19-2.986 6.22-6.097 8.93-9.305 1.35-1.613 2.66-3.219 3.82-4.894a67.103 67.103 0 003.11-5.169c3.73-6.974 5.64-14.264 4.61-21.799-6.96-1.157-13.3.051-19.26 2.595-3 1.269-5.86 2.901-8.73 4.693-2.9 1.744-5.76 3.7-8.58 5.729-5.64 4.06-11.11 8.502-16.88 11.916-5.71 3.468-11.42 6.221-17.3 7.068-2.11-9.958 7.42-16.916 12.05-24.085-3.73 2.63-8.06 5.421-12.46 7.74-4.41 2.319-8.84 4.227-13.01 4.904 2.37-2.867 4.41-6.037 6.16-9.396 1.74-3.361 3.15-6.943 4.08-10.817-4.51 4.442-11.17 11.051-19.26 18.153-1.99 1.805-4.04 3.665-6.14 5.558-2.1 1.892-4.19 3.867-6.41 5.764-4.4 3.83-8.84 7.759-13.14 11.673a40.886 40.886 0 012.44-3.448c-3.48-2.714-7.2-3.706-11.02-3.721-3.84-.031-7.88.844-11.87 2.025-4.01 1.179-8 2.615-11.87 3.604-3.83 1.007-7.7 1.43-11.16.767-.83-11.286 11.59-15.811 18.9-20.644-4.74.626-11.94-2.57-14.53-3.044 2.49-2.091 5.7-5.275 8.77-8.163 3.04-2.919 5.84-5.6 7.79-6.523-3.47 1.425-9.23 1.137-13.17 1.477-3.41-7.243-.11-12.259 4.94-16.185 2.51-1.966 5.48-3.666 8.24-5.266 2.77-1.58 5.18-3.16 6.82-4.69-18.49-.32-35.12 5.46-50.89 13.392-3.91 1.992-7.94 4.016-11.79 6.18-3.88 2.131-7.64 4.393-11.45 6.565-3.82 2.182-7.61 4.33-11.32 6.44-3.71 2.095-7.33 4.167-11.05 5.991-23.27 11.942-47.16 25.227-71.35 38.928-4.14 2.34-8.29 4.691-12.44 7.043a18.74 18.74 0 01-4.56-1.026c1.78-.899 8.39-13.139 9.2-12.733-5.98-2.946-11.26-2.054-16.21-.106-2.47.988-4.89 2.202-7.23 3.377-2.32 1.192-4.62 2.292-6.94 2.957-16.56 4.765-32.57 11.246-49.19 16.376-.08.027-.16.052-.23.079 2.78-3.762 4.24-8.44 3.56-14.348-6.96-4.378-12.99-1.038-19.69-7.214 1.69-1.725 2.88-5.996 4.76-7.565-3.44.541-7.25 1.54-11.06 1.717.95-4.961 5.14-6.686 6.18-12.465-4.56-1.067-9.62-1.687-14.67-2.398-5.06-.767-10.12-1.642-14.68-3.128 3-2.226 6.17-4.151 9.44-5.921 3.27-1.812 6.64-3.486 10.03-5.115 6.77-3.271 13.62-6.448 19.86-10.587 2.11-1.433 5.33-3.483 8.79-6.312 3.48-2.799 7.25-6.218 10.54-10.115 6.58-7.792 11.2-17.502 7.68-28.132-9.45-9.01-18.71-3.39-26.55 1.9-6.34-4.99-11.99-4.18-17.29-1.53-5.33 2.57-10.36 6.95-15.32 9.21-3.26-.21-6.46-.75-9.32-1.8 2.11-3.86 5.98-5.17 9.31-7.3-11.36-8.99-17.95 1.87-28.57-2.32.05-.81.18-1.55.33-2.23 1.9-3.89 5.19-6.48 7.52-9.77-.87-.35-1.69-.62-2.51-.85-9.23-3.73-19.54-4.87-28.92-4.08l-.38-.24c-1.97-7.07-.24-11.17 2.66-13.94 2.86-2.81 6.88-4.28 9.51-5.98 4.77-3.07 10.12-6.31 14.58-10.72 1.87-.76 3.85-1.57 5.88-2.41 1.01-.44 2.03-.87 3.07-1.31 1.03-.46 2.05-.96 3.07-1.46 4.08-2.03 8.11-4.38 11.57-7.3 6.92-5.83 11.57-13.93 9.78-26.13-10.78-7.75-19.42-5.91-27.63-2.74-4.11 1.59-8.12 3.51-12.2 4.73-1.02.29-2.04.56-3.08.76-1.04.19-2.1.32-3.16.37-2.14.09-4.3-.12-6.52-.76-1.18-4.98-.04-8.23 1.79-10.86 1.82-2.63 4.26-4.7 5.79-7.22-2.69 1.14-5.75 2.24-9.01 2.82-3.25.59-6.61.71-9.7.01 1.56-1.95 2.97-4.12 4.1-6.61.57-1.24 1.08-2.57 1.49-4 .41-1.43.73-2.97.96-4.62-.78.65-1.67 1.38-2.66 2.16-1.01.75-2.1 1.57-3.26 2.43-2.33 1.72-4.94 3.65-7.71 5.7-5.56 4.12-11.76 8.76-17.53 13.52.44-.89.95-1.72 1.51-2.51-2.9-3.65-5.83-5.75-8.75-6.94-2.94-1.2-5.9-1.53-8.81-1.58-5.85-.12-11.6.81-17.02-2.4-2.03-11.26 7.13-11.89 12.21-14.42-3.55-.78-9.4-5.94-11.45-7.14 1.71-1.28 3.86-3.43 5.94-5.31 2.07-1.9 4-3.58 5.43-3.87-2.53.33-7.05-1.77-10.03-2.55-3.33-7.99-1.19-11.76 2.39-14 3.58-2.25 8.61-2.97 10.96-4.85-7.27-3.12-14.03-4.49-20.36-4.66a58.4 58.4 0 00-9.3.53c-3.03.41-5.98 1.07-8.87 1.88-11.51 3.22-21.79 9.07-32.05 12.83-8.14 3.04-16.11 6.59-24 10.51-8.02 3.87-15.9 8.13-23.71 12.6-7.74 4.48-15.6 9.13-23.33 13.86-7.72 4.78-15.42 9.51-22.97 14.19-6.34 3.88-12.75 7.51-19.11 11.17-3.54 1.47-7.05 2.6-10.52 3.26-.57-10.74 12.13-19 19.1-27.21-9.9 6.27-22.66 13.37-32.65 15.7 6.58-6.85 12.45-14.37 16.38-23.1-6.3 5.29-15.83 12.92-26.63 21.65-5.42 4.35-11.07 9.05-16.94 13.72-5.88 4.64-11.84 9.4-17.6 14.11a63.92 63.92 0 013.48-4.01c-7.42-5.19-17.12-2.78-27.03.83-9.9 3.62-19.98 8.45-28.27 7.89.53-12.2 16.29-18.97 25.83-25.29-5.79 1.32-13.99-1.21-17.05-1.35 6.71-5.34 17.58-15.97 22.66-18.52-4.47 2.03-11.6 2.38-16.39 3.36-2.97-7.61 2.11-13.61 9.13-18.67 3.51-2.52 7.51-4.82 11.22-6.95 3.7-2.14 7.03-4.23 9.38-6.17-11.24 1.08-22.55 3.65-33.45 7.58-10.93 3.9-21.62 9.01-32.02 14.72-10.48 5.65-20.87 11.74-30.86 17.89-5 3.08-9.94 6.13-14.78 9.11-4.88 2.96-9.58 5.91-14.38 8.55-29.58 16.89-59.36 35.48-89.02 54.51.08-3.08-.27-6.1-1.15-9.01-15.496-8.91-33.314 1.71-49.36 13.85 11.252-10.1 19.504-20.25 22.508-29.63-7.159.88-15.206 4.55-23 7.72-7.804 3.15-15.346 5.9-21.485 4.98 2.816-2.35 5.808-5.57 8.835-8.84 3.025-3.26 6.082-6.47 9.058-8.88-4.555 2.56-9.471 5.32-14.435 8.13a312.261 312.261 0 01-14.949 7.85c6.239-8.87 18.199-16.59 25.244-27.13-21.428 7.9-49.314 20.27-70.309 25.96 18.786-13.69 38.406-26.73 57.941-40.24 19.533-13.51 38.995-27.51 57.259-42.99 6.208-5.25 15.523-13.27 25.783-23.04 2.55-2.48 5.18-5.01 7.86-7.61 2.65-2.64 5.31-5.41 7.99-8.19 5.38-5.53 10.6-11.55 15.68-17.45 9.98-12.07 18.92-24.38 24.71-35.57 1.46-2.77 2.75-5.45 3.84-8 1.05-2.59 1.9-5.07 2.53-7.39 1.25-4.64 1.62-8.67.89-11.9-3.13.06-6.47 1.03-9.95 2.71-3.49 1.68-7.08 4.12-10.9 6.93-3.82 2.81-7.63 6.24-11.65 9.81-4.04 3.57-8.01 7.58-12.15 11.52-16.31 16-33.22 33.38-44.57 41-2.073 1.45-4.907 3.31-8.196 5.51-3.312 2.18-7.071 4.74-11.264 7.31-4.183 2.59-8.635 5.4-13.307 8.08-4.685 2.69-9.474 5.42-14.272 7.91-19.171 10.07-37.973 17.1-44.069 13.15.675-.52 1.382-1.07 2.093-1.64-5.119 3.51-10.468 6.65-15.808 8.94-5.315 2.29-10.661 3.66-15.755 3.57 7.575-11.08 21.472-21.49 32.023-31.97-6.578 1.76-12.909 4.3-19.064 7.29-6.235 2.89-12.252 6.22-18.4 9.31-6.125 3.11-12.251 6.08-18.593 8.32-6.294 2.27-12.783 3.84-19.521 4.19.045-.76.213-1.52.351-2.28 10.683-8.77 19.142-17.99 22.965-27.06 3.899-2.88 7.865-5.68 11.638-8.32 3.787-2.63 7.381-5.1 10.405-7.4 12.592-9.4 26.173-19.86 38.558-31.15a227.61 227.61 0 0017.373-17.53c5.214-6.08 9.993-12.21 13.747-18.55-29.221 17.22-58.426 35.91-87.971 54.68-10.873 6.87-23.015 16.1-35.747 24.72-12.741 8.6-25.947 16.65-38.681 21.17a92.92 92.92 0 003.697-3.17c-2.509 1.48-5.166 3.03-7.912 4.54-1.17.35-2.329.72-3.497.99 2.484-1.56 10.238-8.4 17.395-14.93 7.21-6.52 13.848-12.72 14.652-12.84-11.583 2-24.647 8.62-37.93 16.42-13.332 7.78-26.904 16.72-39.4 23.26-17.858 9.37-35.961 19.06-54.248 28.94-9.176 3.86-18.426 7.99-25.372 8.67 1.569-5.17 6.704-9.72 12.803-13.79 6.068-4.04 13.145-7.64 18.528-10.9-5.99 1.87-13.589.89-16.609 1.19 7.93-5.38 21.108-15.7 26.663-18.49-4.838 2.26-11.957 3.52-16.945 4.99-2.328-11.92 25.659-22.79 36.544-30.39-22.62 4.41-46.347 14.84-70.147 27.5-9.547 5.09-19.093 10.53-28.524 16.08 2.13-2.28 4.171-4.66 6.108-7.13 2.009-2.57.982-6.96-2.703-7.45-18.773-2.45-32.565 18.33-45.001 28.72-1.735 1.45-2.14 3.29-1.686 4.85-1.439 1.96-.876 4.84.828 6.36-.211.12-.425.26-.636.38.334-.06.638-.1.955-.14 1.047.76 2.45 1.05 4.076.42-.863.66-1.698 1.32-2.478 1.97 1.375-.88 2.78-1.78 4.173-2.69 12.119-5.06 22.942-12.18 32.22-21.08 1.426-.94 2.731-1.8 3.881-2.56-3.517 4.03-7.835 7.72-12.412 11.21 5.608-1.91 13.433-6.05 19.639-9.6-5.012 4.09-13.006 8.72-14.483 13.16 15.59-4.8 37.664-23.05 52.422-23.4-7.318 14.16-39.637 30.13-55.36 39.7-2.277 1.39-4.572 2.8-6.864 4.2a1397.41 1397.41 0 00-6.938 4.16 537.317 537.317 0 00-13.735 8.58c-6.871 4.45-13.546 9.09-19.867 13.93-13.173-.57-24.362 5.45-31.263 17.04-.45.77-.575 1.59-.477 2.38-4.172 1.28-8.535 1.99-13.172 1.77-5.95-.27-5.052 8.79.842 9.07 19.493.88 34.768-12.49 50.529-21.61 3.499-2.02 2.02-7.62-1.821-8.22a47.72 47.72 0 00-3.061-.36c13.686-7.8 32.17-15.59 44.549-18.18-3.725 3.03-8.201 5.68-10.862 9.08 4.392-1.01 9.191-3.58 13.822-5.9 4.589-2.37 9.042-4.46 12.845-4.39-4.604 2.9-9.474 5.57-13.141 9.17 11.597-1.93 37.983-27.21 47.075-20.42-7.492 4.97-15.008 9.86-22.559 14.71l-11.312 7.28c-3.763 2.44-7.54 4.87-11.365 7.2-15.243 9.45-30.414 19.03-45.271 29.24-4.19 2.93-8.393 5.85-12.599 8.78-4.205 2.94-8.483 5.75-12.742 8.61-8.539 5.68-17.165 11.25-26.047 16.46-6.192 3.62-12.717 7.07-19.083 10.687a225.67 225.67 0 00-9.372 5.598c-3.073 1.902-6.059 3.848-8.883 5.944 7.933-4.002 17.265-8.718 26.632-12.525 9.382-3.817 18.759-6.804 26.604-7.674-3.681 2.87-9.947 6.379-14.34 9.818 4.259-2.048 8.178-2.69 10.338-1.094-7.279 6.9-19.747 14.234-32.724 20.963-13.135 6.485-26.767 12.379-36.205 16.793-33.909 16.256-67.809 32.609-102.334 47.742a52171.33 52171.33 0 00-33.255 13.938c-11.085 4.65-22.138 9.265-33.128 13.69-3.085 1.24-6.364 2.727-9.731 4.252-3.395 1.453-6.881 2.969-10.305 4.362-6.861 2.784-13.541 5.103-19.055 5.546.753-.064 15.004-9.107 17.579-10.211-13.057 1.956-29.975 11.574-42.838 16.653a989.274 989.274 0 01-11.957 4.624c-4.008 1.489-7.985 3.036-12.074 4.307a427.358 427.358 0 01-16.886 5.109c-13.278 9.908-26.7 19.575-40.384 28.614-28.524 18.863-105.421 49.723-116.525 79.212 11.269-.141 25.844-9.043 35.512-6.85-4.616 3.479-9.906 9.679-14.809 13.105 7.451-3.43 15.921-7.711 23.897-10.991-5.26 6.838-15.033 12.349-21.107 20.319 8.695-2.353 18.733-5.699 28.735-8.93 10.017-3.162 19.991-6.237 28.551-8.143-7.762 5.193-15.713 10.176-23.763 15.033-8.045 4.899-16.17 9.729-24.33 14.525-16.318 9.58-32.705 19.093-48.493 29.309-21.464 13.892-86.63 56.045-88.042 77.461 12.755 3.946 36.263-10.649 56.51-23.645 19.082 2.385 49.77-22.457 73.887-36.414 6.733-2.457 13.099-4.455 18.377-5.522-7.214 6.615-16.306 11.496-24.872 16.96 17.528 1.816 39.282-17.4 58.936-21.138a35.966 35.966 0 01-2.279 3.087c-6.812 6.486-15.691 12.552-23.03 18.672a69.114 69.114 0 004.738-1.058c16.997-3.146 38.339-10.577 59.139-19.603l.654-.042c-.76 7.153-7.471 13.819-15.711 19.787-8.222 6.012-17.965 11.353-24.885 15.784-12.525 8.012-26.451 16.751-39.338 26.219-36.756 20.748-89.959 49.355-101.921 78.16 33.895 1.952 81.15-39.339 116.148-48.386-2.492 10.784-20.025 20.814-30.755 30.059.374-.201.75-.415 1.127-.629-3.724 3.616-6.204 8.161-6.71 13.999 7.123 4.894 14.941 1.814 21.467 8.485-2.36 1.696-4.718 6.021-7.287 7.531 4.183-.391 8.912-1.181 13.425-1.241-2.192 5.11-7.556 6.646-10.125 12.563 10.354 2.71 23.464 3.406 33.772 6.66-16.325 9.174-35.296 12.942-52.218 20.969a242.99 242.99 0 00-12.099 6.054c-4.887 2.608-10.305 5.832-15.282 9.595-9.97 7.524-18.273 17.214-17.264 28.533 8.582 10.082 21.497 4.864 32.54-.063a23.2 23.2 0 001.396 1.132c-.113.101-.24.199-.352.3-3.037 2.515-6.111 4.943-9.252 7.143-3.153 2.198-6.405 4.122-9.727 5.695-2.553 1.203-6.359 1.596-10.645 1.887-2.143.146-4.406.283-6.692.47-2.298.184-4.62.418-6.876.813-9.014 1.593-16.87 5.758-17.615 18.332 4.977 6.076 10.394 4.55 14.972 12.212-1.646 1.18-3.259 4.901-5.04 5.868 2.916.414 6.189.503 9.373 1.37-1.53 4.437-5.248 4.941-7.025 10.141 4.244 2.653 9.186 4.881 14.012 7.304a2483.487 2483.487 0 00-14.967 12.43c-4.067.857-8.098 1.815-11.963 3.262-7.396 2.834-28.882 10.535-31.294 29.03-19.034 11.521-75.183 18.073-78.108 49.05 2.052 1.011 4.167 1.534 6.281 1.841 4 6.113 6.995 9.035 8.621 9.064-.074 3.047-1.869 4.159-1.956 6.691 3.934 4.119 7.507 7.053 10.715 9.112a17.341 17.341 0 00-1.061 1.961c1.784.193 3.631.344 5.523.462 5.106 2.218 9.019 1.979 11.683.757-.312 7.572-5.763 7.38-9.029 10.338l-.163.078zM1354.7-736.653c-2 .751-3.99 1.477-5.98 2.164 1.91-3.923 5.89-7.385 10.7-10.518-2.05 2.562-3.65 5.341-4.72 8.354zm19.67 5.592c1.24.363 2.44.799 3.64 1.261-1.29 1.071-1.95 2.649-2.04 4.25-5.84.963-11.42 1.272-16.44-.162 2.92-1.97 5.49-3.574 7.36-4.391-2.26.894-5.01 1.481-7.84 1.931 1.21-1.059 2.42-2.238 3.65-3.495 3.92.315 7.89.182 11.7.598l-.03.008zm-19.81 250.273c-2.22 2.207-4.54 4.235-6.91 6.158-3.1 1.695-5.99 2.903-8.62 3.04-3.93.208-11.73.947-20.53.597 6.73-4.641 13.38-9.377 19.99-14.175 12.67-9.145 25.12-18.667 37.66-27.997 2.94-.052 5.94.081 9.02.497-11.65-1.613-23.07 24.381-30.61 31.88zM979.992-152.024l.55-.277c.76-1.572 2.434-1.44 4.813.143-2.408 1.512-4.866 3.446-7.315 5.625.006-3.045.886-4.676 1.952-5.491zm-140.355 47.042c7.809-4.794 15.66-9.525 23.539-14.185a1729.068 1729.068 0 0147.715-27.201 1929.535 1929.535 0 0124.207-13.051c1.373-.718 2.766-1.406 4.149-2.109 1.34.044 2.679.168 4.015.454-2.736 5.28-4.5 11.656-3.89 20.3 3.164-3.503 8.143-8.372 13.749-14.014a.29.29 0 00.084-.093c-.499.812-.983 1.612-1.402 2.425 1.371-.126 2.749-.29 4.125-.442.043 1.747.153 3.721-.281 4.396 2.126.755 4.339 1.107 6.857 2.446 1.169 5.525-1.043 5.901.315 12.378.441.391.884.769 1.339 1.149-4.018 4.263-7.658 8.083-10.629 10.314-18.134 13.964-38.552 21.645-58.151 32.941-.543.318-1.074.639-1.618.957-2.97.317-5.824.736-8.661 1.213a246.55 246.55 0 00-8.497 1.567c-2.802.577-5.661 1.17-8.387 1.843a306.802 306.802 0 00-8.14 2.118c-3.946 1.081-8.108 2.824-12.159 4.844-4.061 2.004-8.234 4.243-12.496 6.237-4.303 2-8.473 3.782-12.907 4.882a37.68 37.68 0 01-6.966 1.08c6.955-13.132 15.367-24.366 29.47-26.292-4.4.62-9.534 1.269-14.578 1.502-5.025.277-9.971.123-14.055-.91 3.846-2.515 7.693-5.044 11.568-7.5l11.698-7.247-.013-.002zM1683.51 361.78a60.82 60.82 0 002.15-1.964c-11.04 8.082-23.1 16.515-31.21 22.278-1.16.609-2.33 1.205-3.47 1.803 2.75-3.323 6.05-6.41 9.55-9.325-1.59.542-3.37 1.322-5.22 2.194.18-.56.23-1.117.18-1.652 2.22-2.18 4.62-4.111 6.62-6.426a27.932 27.932 0 00-5.56-2.382c4.56-2.816 9.4-6.039 10.45-9.714-5.63.853-14.31 6.47-20.94 8.394-1.99-.015-3.97-.002-6-.131l.01-.026c6.1-3.745 11.89-7.144 16.23-9.974 16.4-10.684 33.13-22.088 46.85-35.095-11.94 9.008-33.25 19.463-47 22.506 3.21-3.01 7.17-5.626 9.3-9.009-8.16 1.994-17.05 10.2-24.37 9.908 4.1-2.793 8.53-5.281 11.61-8.853-6.37 1.039-16.82 9.863-26.26 15.611 11.44-7.927 22.6-16.339 32.22-25.584-8.34 6.393-21.45 13.53-33.04 18.087 3.26-2.272 6.52-4.532 9.78-6.791 1.8-.72 3.52-1.361 4.96-2.093 10.23-5.173 22.38-10.544 29.63-22.178 6.6-4.775 13.13-9.641 19.57-14.658 14.65-11.423 28.91-23.498 44.3-34.082 10.74-7.383 22.85-14.07 32.17-22.79-13.6 8.65-32.95 19.047-47.53 21.019 3.09-2.909 8.53-6.479 12.2-9.944-3.74 2.09-7.37 2.772-9.63 1.224 11.85-13.891 43.07-29.713 59.43-39.083 29.5-17.092 58.29-35.044 88.12-51.619 14.75-8.169 29.47-16.68 44.14-24.905 10.7-1.014 20.08-8.997 30.74-11.433-4.6 4.007-10.49 8.021-13.75 12.369 4.07.06 8.63-2.136 12.92-4.771-.29.216-.6.415-.88.62 3.16 2.158 16.16-3.448 26.43-8.397-.29.675-.49 1.352-.56 2.039 11.38-.821 21.25-9.225 32.55-11.76-4.8 4.12-10.93 8.236-14.34 12.706 2.06.027 4.24-.489 6.44-1.324-6.1 4.527-11.76 8.408-15.15 10.724-15.19 10.42-31.55 19.561-46.47 30.247 8.25-2.286 19.23-6.903 27.61-9.555-2.9 3.915-7.6 6.745-10.12 10.098 3.84-1.748 7.92-3.966 11.51-5.772-.62.452-1.25 1.01-1.88 1.595-7.86 3.881-15.75 7.703-23.7 11.433-17.15 7.97-42.35 18.062-65.91 30.115-23.5 11.872-45.37 25.918-56.11 42.09 6.05 6.421 14.3 7.113 22.15 3.702-3.53 3.787-8.09 7.357-12.52 10.669-4.42 3.313-8.71 6.488-11.7 9.606 1.42.233 2.86.402 4.31.561-22.26 18.612-44.41 38.147-67.65 54.139-17.08 11.758-35.46 23.507-54.19 34.584-3.58 1.325-6.78 1.964-8.98.927l.01.042zm-175.9-1198.544c6.93 2.527 13.61 3.186 19.71 2.677-25.39 16.931-50.8 36.176-78.35 50.029-11.56 5.804-33.42 10.349-53.43 17.498-6.28 2.245-12.37 4.738-17.88 7.608-3.53.497-7.06 1.143-10.61 1.881 1.41-1.71 2.73-3.489 3.88-5.395-6.01 1.013-12.41 2.318-18.99 3.618 4.17-3.361 8.38-6.618 12.65-9.715 1.01-.057 2.02-.141 3.02-.268 1.31-.164 2.59-.374 3.87-.623 1.27-.238 2.57-.553 3.74-.837 2.4-.583 4.73-1.315 7.04-2.118 1.14-.398 2.29-.832 3.39-1.237 1.07-.396 2.13-.808 3.19-1.22 2.1-.842 4.18-1.673 6.22-2.485 2.1-.827 4.26-1.631 6.36-2.337 1.69-.565 3.32-1.129 5.04-1.77 1.83-.702 3.66-1.431 5.48-2.188 3.64-1.503 7.26-3.102 10.86-4.786 7.18-3.346 14.32-7.021 21.3-10.834 6.89-3.791 13.67-7.762 20.38-11.761 6.7-4.011 13.29-8.044 19.92-12.112 7.73-4.74 15.55-9.06 23.22-13.636l-.01.011zM297.85 185.042c-5.465 2.892-10.971 5.642-16.52 8.33 15.093-11.571 31.117-25.275 47.498-35.787 6.185.381 13.489-.704 20.835-2.536-1.587 1.811-3.216 3.709-4.858 5.605a148.334 148.334 0 00-3.683 1.628c-14.854 6.749-28.87 15.174-43.285 22.758l.013.002zm396.022 87.683c5.76-3.175 14.114-7.855 21.609-13.798 7.557-5.918 14.306-13.09 16.734-21.244-10.987-.143-21.659 1.739-33.416-1.553 7.27 2.036 14.761-8.881 21.004-17.845a309.397 309.397 0 006.764-2.114 477.686 477.686 0 0011.492-3.928c-.094.805-.187 1.61-.236 2.464 5.081 6.095 10.433 6.903 15.494 10.541a195.008 195.008 0 0112.581-4.497c-1.775 1.225-4.195 2.654-6.805 4.17a363.236 363.236 0 00-3.653 2.052c1.486 1.378 2.925 3.084 4.322 5.39-2.4 1.689-4.744 7.041-7.346 8.437.696.101 1.42.193 2.147.273-19.831 11.239-40.158 21.728-60.691 31.652zm233.922 1.047c3.475-1.599 7.061-3.286 10.672-4.968.255.303.512.592.751.906-3.568 2.175-7.43 3.313-11.42 4.049l-.003.013zM2077.84 619.746c-5.99 4.655-13.57 7.942-18.78 11.069-5.96 3.597-12.35 7.382-18.6 11.545.23-.24.46-.493.7-.734 10.98-11.058 22.72-20.724 34.79-29.857 3.84-2.973 7.68-5.949 11.53-8.922.02 7.351-4.16 12.688-9.64 16.899zm593.2-1116.651a1.524 1.524 0 00-.18-.127c.2-.045.4-.09.58-.137-.14.083-.28.179-.4.264zm-98.57 107.486c2.91-1.811 6.46-2.588 10.35-2.696 7.78-.229 16.91 2.149 24.82 3.993 5.15 18.454-3.59 28.32-11.39 32.967l-1.66.854c-5.42 4.748-13.29 4.731-22.21.828 2.18-7.957 6.79-14.146 8.98-20.645-4.47-.673-11.01-5.662-15.37-6.422 1.29-4.278 3.56-7.096 6.48-8.866v-.013zm-246.41-160.079c-6.02 3.25-14.72 8.067-22.54 14.166-7.89 6.074-14.92 13.451-17.43 21.846 11.48.18 22.62-1.725 34.92 1.693-7.59-2.122-15.4 9.115-21.89 18.342-2.37.698-4.73 1.411-7.06 2.168-6.8 2.162-13.51 4.489-20.16 6.908-18.2 6.632-38.23 23.645-59.93 25.55 2.27-3.559 3.75-8.099 4.11-13.992-.4-.491-.82-.944-1.21-1.367 4.78-5.162 8.97-9.623 9.68-9.384-4.9-1.587-9.78-2.025-14.63-1.676a678.32 678.32 0 019.92-6.36c11.32-7.153 22.74-13.98 34.38-20.618 23.37-13.381 47.47-25.697 71.85-37.273l-.01-.003zm-397.38-138.074c-8.84-3.982-20.23 14.254-27.51 21.328-2.45.506-4.88 1.044-7.31 1.636-11.78 2.877-23.33 6.716-34.54 10.668-11.2 4.023-22.04 8.219-32.51 11.648-8.38 2.735-16.73 5.675-25.07 8.769-.11.046-.23.092-.36.135.2-.557.4-1.127.61-1.681 4.46-12.04 10.08-22.385 20.86-21.47-3.14-.239-6.82-.631-10.45-1.352-.53-.098-1.07-.237-1.6-.362 8.29-2.952 16.97-6.251 25.45-9.885 9.75-4.382 19.21-9.183 27.32-14.65 8.1-5.547 14.88-11.635 19.3-18.265-.34-.372-.68-.717-1.02-1.05 18.19-7.698 36.76-14.572 55.71-20.678-2.95 1.131-6.55 2.532-10.41 4.236-3.84 1.749-7.93 3.828-11.85 6.236-7.82 4.817-14.95 10.975-18.05 18.669 10.43 1.619 20.65 1.19 31.43 6.081v-.013zM1544.06-951.02c2-1.251 4.43-1.801 7.09-1.893 5.32-.183 11.57 1.451 16.98 2.728 3.49 12.785-2.51 19.649-7.85 22.874l-1.13.601c-3.73 3.306-9.1 3.303-15.19.609 1.5-5.521 4.68-9.818 6.18-14.34-3.05-.467-7.52-3.915-10.51-4.424.89-2.963 2.46-4.927 4.45-6.152l-.02-.003zm-168.28-110.58c-4.13 2.26-10.09 5.62-15.46 9.86-5.4 4.24-10.22 9.35-11.95 15.18.57.01 1.13.01 1.7 0-6.25 4.75-12.43 9.77-18.3 13.82-6.86 4.69-13.24 8.16-18.92 8.05 2.4-3.88 5.57-7.05 9.11-9.88 3.52-2.83 7.39-5.37 11.02-8.13-4.51-1.04-8.89-.4-13.24 1.1 2.27-1.35 4.54-2.7 6.83-4.01 16.02-9.33 32.52-17.91 49.22-25.99h-.01zM115.421-757.057c1.22-12.81 18.167-26.035 31.387-34.31l2.772-1.661c9.901-7.078 21.191-11.597 32.267-13.404-6.726 7.998-16.184 15.899-22.311 22.686 6.137-2 13.291-1.536 19.258-3.419-15.339 17.537-42.415 24.333-63.358 30.098l-.015.01zM84.363-571.111a240.568 240.568 0 00-5.36 4.381c-5.184 1.285-10.759 2.647-16.154 4.353 7.645-3.678 15.172-6.866 21.499-8.723l.015-.011z"/><path d="M351.639 292.726c9.98 1.077 23.014-.236 32.712-5.262l7.825 1.437c6.56-5.846 10.78-12.309 11.338-21.076-22.829-9.948-50.038-1.842-51.875 24.901zM428.695 367.155c-10.973.222-27.016 2.654-29.988 15.022-.637 2.66 1.845 4.558 4.277 4.6 6.545.11 12.215-1.841 17.942-4.766 1.07-.545 1.617-1.321 1.799-2.163 3.589-1.121 6.931-3.755 9.375-6.272 2.559-2.63-.127-6.507-3.389-6.432l-.016.011zM432.961 276.238c.516.715 1.335 1.243 2.466 1.396 3.37.444 6.32-.497 9.498-1.437 4.432-1.302 2.601-7.408-1.398-7.508-.148-1.618-1.185-3.089-3.145-3.355-2.077-.287-4.103-.119-5.9 1.006-1.064.654-1.902 1.767-3.038 2.3-1.946.91-3.175 2.827-2.371 4.983.552 1.477 2.235 2.662 3.888 2.615zM755.474 394.459c-10.147-2.443-19.612 3.516-26.411 10.369-.43.285-.754.656-1.008 1.082-1.528 2.159-.111 5.6 2.633 5.996 3.597.526 6.771.057 9.499-1.221 6.633-1.694 12.802-4.969 17.593-9.844 2.206-2.251.43-5.718-2.319-6.384l.013.002zM728.416 453.719c-11.462-2.549-21.876 2.629-32.082 6.968-4.709 2.007-2.207 8.64 2.737 7.337 1.94-.506 3.892-.93 5.86-1.296-.119 2.189 1.574 4.643 4.28 4.439 4.92-.364 9.738-1.569 14.695-1.696 3.509-.097 4.265-3.773 2.753-6.032.271-.449.507-.931.671-1.454.584-.243 1.17-.5 1.756-.756 3.554-1.585 3.357-6.608-.659-7.494l-.011-.016zM1240.27 535.417c.33-.128.65-.257.99-.385 1.27-.493 2.01-1.355 2.33-2.307 2.42-1.51 4.7-3.275 6.81-5.342 2.4-2.336.09-6.534-3.08-6.442-.53-1.97-2.55-3.704-5.19-3.124-2.07.443-4.11.972-6.11 1.56-1.99.403-3.98.739-6 1.096-1.37.248-2.31 1.019-2.85 1.985a90.882 90.882 0 00-29.56 19.4c-2.11 2.066-.55 5.979 2.32 6.383 13.8 1.928 26.02-4.792 38.08-10.261 1.19-.536 1.91-1.494 2.24-2.539l.02-.024zM1151.41 539.453c-10.63-3.662-21.78.167-29.38 7.857-2.58 2.625.15 6.511 3.39 6.431 1.61-.041 3.2-.222 4.76-.501.31.273.68.517 1.15.697 8.47 3.348 16.54-1.749 21.39-8.446 1.33-1.833 1.33-5.148-1.3-6.048l-.01.01zM1663.13 637.813c-.71-1.424-2.21-2.547-3.94-2.476-1.08.046-2.13.148-3.19.264-3.41-.261-6.78.049-10.11.786-.13-.981-.59-1.915-1.34-2.538-.78-1.194-2.08-2.039-3.62-1.851-2.65.309-5.15.996-7.51 1.99-4.75 1.461-9.03 4.314-13.11 7.556-1.72 1.369-1.83 3.383-1.07 4.952a4.161 4.161 0 00-.01 1.953c-3.86 2.201-7.63 4.341-11.26 6.047-1.46.689-2.35 2.331-2.45 3.903l-.06.029c-3.85 1.733-3.01 8.21 1.73 7.556 5.04-.704 10.07-2.208 14.92-4.269.83.408 1.84.528 2.98.117 9.73-3.485 18.47-8.672 27.25-13.869a101.93 101.93 0 0010.21-4.501c2.42-1.226 2.07-3.933.6-5.631l-.02-.018zM1592.74 694.281c-3.2.895-6.41 1.815-9.51 2.984-1.12.429-2.19.932-3.23 1.51-2.08 1.141-3.19 3.472-3.05 5.761.15 2.629 2.54 5.171 5.24 5.425 1.07.103 2.03.129 3.06-.017 2.36-.323 4.69-.906 6.97-1.538 1.44-.41 2.52-1.438 3.17-2.694l1.45-.421c3.11-.871 4.61-4.626 3.54-7.477-1.17-3.141-4.52-4.417-7.65-3.536l.01.003zM1677.82 701.397c-5.08.767-14.47 1.752-15.63 8.076-.02.144-.02.253-.04.383-3.82 1.106-7.85 1.739-12.13 2.867-7.41 1.956-3.27 12.947 4.1 11.011 4.34-1.143 8.83-1.573 13.17-2.798 6.11-1.722 11.16-5.58 15.59-9.888 3.64-3.537-.06-10.403-5.08-9.653l.02.002z"/></g></g><defs><clipPath id="prefix__clip0_58_864"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath><clipPath id="prefix__clip1_58_864"><path fill="#fff" transform="rotate(-170.647 1287.35 378.959)" d="M0 0h3044v2003H0z"/></clipPath></defs></svg>'
},
'mask-9': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1023.23 665.88c2.15 1.805 2.54 3.894 1.31 4.269l-.21-.139c-2.72-2.451-2.19-4.012-1.58-5.773.25-.709.5-1.45.56-2.294-1.33.415-1.35-.341-1.39-1.411-.04-1.09-.1-2.506-1.55-3.339.92 4.265-.51 6.351-2.62 1.656.6-.842.87-1.823 1.11-2.687.43-1.537.76-2.701 2.58-2.044-.43-.404-.65-.867-.86-1.329-.17-.36-.34-.719-.61-1.048-1.02-.919-1.57-.224-2.05.377-.57.71-1.03 1.288-2.02-1.094.97-1.371 2.52-1.358 4.08-1.345 1.76.014 3.51.029 4.42-1.977-.17-.809-.82-1.484-1.46-2.159-.75-.79-1.5-1.58-1.49-2.58 1.12 1.257 1.62 1.058 2.12.859.57-.228 1.14-.456 2.65 1.509.01.3 0 .607-.02.915-.04.944-.09 1.89.59 2.631 1.74-.254 4.48-4.026 2.17-7.099 1.16 1.426 1.76 1.538 2.36 1.651.6.112 1.2.224 2.36 1.642.17 2.236-.8 1.832-1.76 1.429s-1.92-.806-1.75 1.431c1.22.647 2.05.914 2.76 1.143 1.58.512 2.57.83 5.93 4.751.06-1.334.52-1.74.98-2.13-.81-1.686-1.02-1.728-1.43-1.81-.32-.063-.76-.149-1.69-1.029.16-1.582-.42-2.964-1.35-4.249.02-1.845.71-2.14 1.4-2.436.64-.275 1.28-.551 1.39-2.076-1.22-1.957-2.23-1.679-2.92-1.49-.69.19-1.06.291-.98-2.046.4-.037.85-.1 1.34-.168 2.5-.347 5.93-.822 7.68 1.345-1.72-1.415-1.83.86-1.87 3.298 2.65 2.003 4.51 1.126 6.18.339 1.52-.72 2.89-1.365 4.56.338.21-1.604-.65-2.896-2.24-3.992-.2-3.435.93-3.831 2.06-4.227.24-.083.47-.166.7-.277 5.3 4.936 8.27 1.793 11.47-1.598.36-.379.72-.761 1.09-1.135.15.85-.22 1.328-.58 1.78-.53.672-1.02 1.29.34 2.993 1.81 1.66 2.22.19 2.63-1.278.32-1.155.64-2.308 1.64-1.936.28.564.37 1.186.47 1.807.17 1.17.35 2.34 1.75 3.116l.07-1.243.12-2.551c3.14 2.731 3.67-.271 4.21-3.264.36-2.041.73-4.077 1.91-4.288 4.82 5.089 8.03-.116 5.18-5.37-.21.029-.42.574-.64 1.16-.48 1.263-1.04 2.718-1.87-.368 1.21.573.71-.092-.03-1.082-.78-1.047-1.84-2.456-1.44-3.153 1.12.711 2.16 1.258 3.21 1.804 1.05.551 2.1 1.102 3.23 1.821.28 4.415.24 4.482-.6 5.984-.15.258-.32.559-.51.931 5.32 2.066 9.49-.382 9.27-4.784.21 2.017 4.08 3.386 4.84 3.175-1.43-3.638.24-3.048 2.04-2.408 1.31.463 2.69.952 3.02-.119-.72-1.443-1.5-7.511.24-6.64.19.473.36.951.52 1.428.73 2.058 1.46 4.11 3.37 5.79.08-2.699 1.25-2.012 2.44-1.307 1.32.781 2.68 1.584 2.64-2.19-1.25.399-1.52-.726-1.88-2.22-.13-.542-.27-1.133-.47-1.717.68.035 1.42-.135 2.13-.299 1.94-.446 3.67-.844 3.52 3.097 1.07-3.777 3.97-8.051 9.2-5.989.02-1.266.05-2.551.08-3.829 1.76.606 1.65 1.851 1.54 3.097-.09 1.033-.18 2.067.79 2.737 1.19-.894 1.82-2.156 2.42-3.366.89-1.81 1.73-3.505 4.32-3.683-1.24-1.381-1.65-1.049-2.05-.718-.4.331-.8.661-2.04-.726 1 .125 1.93-.69 2.86-1.499 1.44-1.271 2.88-2.527 4.57-.1-1.12-.835-3.23 1.118-1.68 2.471.51-.164 1.09-.177 1.68-.19 1.64-.037 3.3-.074 3.31-3.435-.38-.085-.73-.049-1.05-.016-.94.096-1.69.172-2.19-2.642.7.237 1.23.048 1.68-.113.78-.277 1.33-.471 2.13 1.722.07.24.16.499.26.779-.09-.288-.18-.547-.26-.779-.87-2.74-.22-2.954.59-3.216.53-.173 1.13-.368 1.39-1.336-.65-.422-1.2-.674-1.76-.926-1.1-.497-2.2-.991-3.95-2.793.14 1.187-.17 1.454-.49 1.721-.37.31-.73.621-.38 2.377-4.31-5.017-6.28-3.22-8.36-1.313-1.93 1.761-3.96 3.614-8.02.283-.33 2.099-1.8 1.83-3.27 1.561-1.69-.307-3.37-.615-3.35 2.613-5.25-.286-10.27-.146-13.97 2.785-.33-.858-.89-1.648-1.45-2.441-.71-.998-1.41-1.999-1.67-3.143-.36.223-.9.05-1.45-.122-.95-.299-1.89-.598-1.87 1.163-2.04-1.465-3-3.265-3.97-5.067-.47-.877-.94-1.755-1.53-2.594-.01.486-.04.974-.06 1.461-.11 2.062-.21 4.104.65 5.853-2.51.369-5.18-2.349-6.37-3.55l-.06-.066c.06.478.12.917.18 1.315.29 1.919.44 2.888-1.14 2.735-.78-2.036-.54-3.218-.34-4.225.24-1.155.42-2.079-1.03-3.795-.07.133-.16.283-.24.441-.89 1.611-2.25 4.091-4.63-.781.03 1.45-.44 1.826-.92 2.204-.33.262-.66.525-.83 1.147 1.68 2.275 2.72 4.776 2.17 7.753-1.3-1.136-1.31-1.729-1.32-2.392-.02-.725-.04-1.533-1.74-3.224-.53 2.365-1.92 1.909-3.53 1.385-1.26-.413-2.65-.868-3.85-.021.09-.818.19-1.465.27-2.008.35-2.244.41-2.691-1.6-6.024 1.08 1.063.99-.437.9-1.935-.06-.868-.11-1.736.07-2.103 1.92 1.104 3.04.46 4.16-.185.24-.137.48-.274.72-.394.45 1.541-.08 2.045-.52 2.456-.47.452-.83.791.37 2.277-.06-2.195 1.23-1.612 2.36-1.099 1.29.584 2.38 1.075 1.02-2.76 4.31 2.802 6.4 3.153 10.02 3.763.4.067.81.137 1.25.213.12-1.598-.07-3.076-.66-4.454.96.724 1.88 1.345 1.64-.521 1.57.537 1.54 1.576 1.5 2.616-.03.854-.06 1.708.8 2.283 2.67 1.333 2.83-1.469.97-4.978 1.22.63 1.72 1.479 2.21 2.33.43.733.86 1.467 1.75 2.06.97-.228 1.44-.952 1.86-1.611.82-1.29 1.48-2.329 5.48 1.097.02-.842-.39-1.536-.81-2.231-.53-.882-1.05-1.764-.7-2.95l.79.173c2.45.539 2.69.593.05-2.365.48-.602 1.51-.046 2.53.511.9.482 1.79.964 2.32.695 1.28-4.35 4.92-3.283 8.29-2.294 1.78.522 3.48 1.022 4.72.69-.02-.805.01-1.627.03-2.448.11-3.014.21-6.022-2.33-8.13.02.886.22 1.684.4 2.367.3 1.19.51 2.029-.46 2.372-1.31-.496-1.45-1.393-1.59-2.293-.15-.898-.29-1.798-1.59-2.302-.44.103-.88.207-1.31.312-6.07 1.457-12.14 2.914-19.71 1.177-.38-2.587.42-2.687 1.22-2.788.53-.066 1.06-.132 1.25-.904-.64-1.852-1.38-2.459-1.99-2.952-.66-.532-1.15-.929-1.15-2.618 1.1.902 1.75 1.947 2.37 2.976.47-1.306.64-2.466.79-3.437.23-1.609.39-2.701 1.71-3.087-1.1 1.266-.55 2.194.18 3.431.56.94 1.22 2.06 1.35 3.643-.33-.235-.7-.555-1.07-.875-.98-.842-1.94-1.676-2.14-.893.43.781.66 1.625.89 2.469.41 1.471.81 2.939 2.24 4.058-1.7-3.603-.95-3.426.15-3.162.95.227 2.17.518 2.33-1.488-2.38-1.933-1.13-5.279-.77-6.235.02-.052.04-.097.05-.134 1.8.331 3.88-.975 6.06-2.349 3.32-2.081 6.88-4.319 10.09-1.253-.13-.868-.69-1.594-1.24-2.318-.78-1.028-1.57-2.055-1.14-3.485 4.55 4.743 5.44 4.692 7.4 4.578.42-.024.89-.052 1.46-.034-.71.686-.56 1.899-.43 2.904.15 1.206.26 2.112-1.21 1.437-.08-1.221-.23-2.435-1.59-3.23-.03.457-.15.936-.29 1.459-.34 1.33-.76 2.942.24 5.176.17-.737 1.04-.974 2.03-1.246 2.25-.617 5.15-1.411 2.06-8.665 1.06.386 1.75.015 2.43-.357.68-.373 1.36-.747 2.44-.348.38 1.885.02 2.911-.26 3.727-.37 1.063-.62 1.772 1.05 3.56 1.39 1.021 1.53-.453 1.68-1.928.14-1.439.28-2.879 1.57-2.006-2.64-4.128-1.01-4.93.63-5.738 1.31-.649 2.64-1.301 1.76-3.68 1.13 1.649 1.13 2.167 1.14 2.655.01.368.01.718.49 1.519 1.97 1.118 4.17.69 2.4-2.789 1.69 1.596 2.15 1.301 2.51 1.065.4-.256.68-.442 2.32 1.913 1.16-1.798 2.21-3.789-.07-7.634.73-.898 1.43.464 2.1 1.78.68 1.313 1.33 2.58 1.96 1.514-1.65-2.861-2.07-5.568 1.55-4.422.7.572.81 1.365.91 2.157.1.728.2 1.456.76 2.011.99-.39.61-1.125.05-2.178-.34-.647-.74-1.414-.92-2.295.8.753 1.25.829 1.7.906.42.072.84.144 1.55.769 1.29 1.908.61 2.163-.04 2.41-.65.247-1.28.485.1 2.361 3.28 1.153 4.08-3.339.7-7.919 3.44 3.833 8.11 6.599 4.82.107 1.01-.353 1.39.386 1.93 1.441.33.651.72 1.421 1.36 2.129 1.67-2.05 3.53-2.64 5.32-3.207 2.22-.705 4.33-1.375 5.85-4.766 1.61.79 2.21 1.948 2.81 3.105.37.708.74 1.416 1.34 2.04.66-.929.92-2.268 1.14-3.425.44-2.255.74-3.816 3.64-.286-.11-2.281.76-2.695 1.48-3.033.55-.261 1-.476.84-1.466.3 1.073 1.36 1.819 2.43 2.576l.01.007c-.36-2.801 2.68-11.604 6.28-4.483.05-1.86.43-3.477.78-4.997.49-2.108.93-4.03.42-6.151 3.42 3.27 6.03 1.726 8.01.552 1.92-1.134 3.25-1.923 4.17 2.287 1.47.575 1.32-.597 1.18-1.671-.17-1.22-.31-2.312 1.96-.566 1.3 1.121.71 1.304.05 1.513-.77.241-1.65.516.11 2.302 2.58.693 6.94-.096 2.97-6.054-.3 1.288-3.39 1.956-4.05-.301 1.03-.033 2.02-.271 3.02-.509 2.38-.57 4.77-1.14 7.51 1.103.45-1.145-.24-1.836-.92-2.527-.69-.693-1.37-1.387-.92-2.539 2.42 1.624 2.6 1.034 2.83.322.15-.477.31-1.009 1.18-.963-2.07-1.442-4.04-2.915-5.07-4.755-.6 2.408-1.58 4.156-5.64.328.12-1.271 1.04-1.107 1.96-.943 1.05.188 2.11.375 1.95-1.601 1.51.619 2.98 2.174 4.22 3.488 1.63 1.732 2.87 3.046 3.28 1.246.03-1.334-.49-2.427-1-3.516-.51-1.088-1.02-2.172-.99-3.489.56.421 1.13.841 1.67 1.253.02-.557.06-1.049.78-.342.05 2.925.31 5.759 2.05 7.954 1.11-1.642 1.62-.235 2.34 1.73.31.851.65 1.807 1.1 2.666 1.78.363 1.53-1.053 1.23-2.776-.21-1.248-.45-2.657.02-3.668 4.31 2.296 9.58.496 5.2-7.191 2 1.274 2.56 3.172 3.13 5.069.47 1.586.94 3.172 2.25 4.39-.46-1.285-.68-2.672-.91-4.056-.27-1.681-.54-3.359-1.23-4.851 2.73 1.062 4.81.991 4.64-3.004 1.39.873 1.75 2.194 2.11 3.516.45 1.609.89 3.22 3.19 4.024-.14-2.253-.28-4.481-.42-6.702 1.87 3.266 2.93 3.189 4.33 3.087.85-.061 1.81-.132 3.16.522-.05-.55-.28-1.024-.52-1.498-.29-.607-.59-1.213-.5-1.978 3.93 1.438 7.83.123 5.16-7.18 2.78 3.943 5.76 1.95 3.92-1.722 3.81 3.723 4.53 2.202 5.26.681.53-1.103 1.05-2.205 2.76-1.308-1.1-2.014-.85-1.967-.37-1.875.34.064.79.15.99-.412-1.16-.778-1.89-1.769-2.62-2.758.12-.403.21-.871.3-1.339.3-1.653.6-3.3 2.64-2.026.07.96-.34 1.481-.71 1.947-.64.798-1.14 1.433 1.18 3.831.84-1.883 3.27-1.115 5.7-.345 2.24.711 4.49 1.424 5.5.047.7-1.967.18-4.111-2.18-6.949-2.75-1.215-2.07.582-1.39 2.359.6 1.572 1.2 3.128-.6 2.569-.07-2.44-1.38-4.299-2.7-6.156-.8-1.141-1.61-2.282-2.13-3.556 2.56 3.252 3.9 2.948 5.33 2.624.64-.145 1.3-.295 2.1-.131.09.288.17.577.26.866.8 2.621 1.59 5.244 4.42 6.917.14-.548-.29-1.583-.7-2.564-.61-1.453-1.17-2.787.29-2.233.51 1.421 1.09 2.806 1.95 4.063.57-.605 1.06-1.351 1.54-2.096.64-.974 1.27-1.945 2.1-2.591 3.03 3.076 4.82 1.687 6.66.252 1.32-1.027 2.67-2.078 4.53-1.534-.73-.649-1.01-1.51-1.28-2.371-.19-.583-.37-1.166-.7-1.684.27.009.57.089.88.17 1.08.282 2.16.565 1.36-2.222 4.15 4.274 4.61 2.198 5.12-.142.24-1.055.48-2.165 1.08-2.768.56 1.644 1.11 1.676 1.7 1.71.57.033 1.18.068 1.86 1.614.77 3.41.18 4.605-1.21 4.529 4.76 5.79 7.43 1.939 7.92-1.8-.81-.344-1.21-.024-1.6.296-.61.489-1.22.978-3.3-.91.9-1.62 2.17-2.645 3.44-3.67 1.85-1.493 3.7-2.985 4.41-6.314-.26-1.209-1.45-1.931-2.66-2.666l-.04-.024-.5-4.81c1.49.758 2.11 1.961 2.73 3.165.63 1.206 1.25 2.414 2.75 3.178 2.56.969 2.62-.412 2.67-1.579.05-1.195.09-2.165 2.79-.161-1.67-4.963-6.14-5.013-6.82-3.634-.77-2.55.46-2.52 1.51-2.494 1.04.025 1.88.046.34-2.506 1.86 1.319 2.85 3.078 3.83 4.834 1.22 2.19 2.45 4.376 5.37 5.706.02-1.25.9-2.1 1.83-3.001 1.96-1.899 4.16-4.025-.9-10.611-.27 3.265-1.75 4.65-3.4 5.759-1.07-1.766-.64-2.169-.26-2.521.42-.396.78-.728-1.14-2.852 2.24.48 3.87-1.008 5.38-2.38 1.52-1.381 2.91-2.644 4.65-1.655-.93-.429-1.21.137-1.5.707l-.03.061c1.05.857 1.82 1.06 2.37 1.208.93.244 1.27.334 1.33 2.997.07 1.596-.62.367-1.3-.862-.69-1.232-1.37-2.465-1.31-.855-.19 2.51.41 2.666 1.17 2.862.6.155 1.3.335 1.77 1.726-1.32.001-1.05 1.172-.75 2.482.34 1.458.72 3.087-1.02 3.462 2.32 1.64 3.13.925 3.95.208.26-.237.53-.474.86-.627-.13-.497-.32-1.073-.51-1.66-.72-2.198-1.49-4.548.74-3.509.34.619.6 1.284.85 1.948.5 1.318.99 2.636 2.22 3.602.09-.169.19-.333.28-.495.75-1.263 1.46-2.442-.93-5.253-.43 1.112-1.47-.003-2.53-1.137-1.04-1.111-2.09-2.24-2.6-1.322-.88-3.24.77-2.556 2.42-1.872.89.367 1.77.734 2.27.498-.09-.412-.13-.843-.18-1.274-.12-1.163-.24-2.328-1.14-3.116-.32 1.491-1.74 1.284-3.16 1.078-.26-.038-.52-.075-.77-.102-1.16-2.542-.81-2.634-.34-2.759.44-.116 1-.26.56-2.4-1.34-.112-2.23.473-3.11 1.056-.88.583-1.77 1.165-3.1 1.054-.06-.295-.1-.602-.15-.91-.13-.949-.26-1.901-1.04-2.518-1.23.947-2.06 1.731.54 4.773-3.24-.622-5.56-.124-5.33 2.683-.67-2.888-2.74-1.849-1.53.768-1.19-.754-1.95-1.715-2.7-2.68-.6.633-.86 1.804-.34 4.212-4.6-3.784-5.25-1.357-5.9 1.088-.09.349-.19.699-.29 1.031-.17-1.012-1.04-1.676-1.9-2.339-.73-.562-1.46-1.124-1.77-1.897.27 3.36-2.01 3.49-4.15 3.613-2.43.138-4.68.266-2.93 5.009-2.57-2.368-2.65-.742-2.73.886-.03.596-.06 1.193-.21 1.594-1.5-.637-2.36-1.595-3.21-2.554-.61-.683-1.22-1.366-2.06-1.935 1.65 4.251-1.11 3.581-3.95 2.889-1.96-.475-3.96-.961-4.61.133.18.805.61 1.486 1.04 2.163.38.605.75 1.207.95 1.895-1.87.053-2.56.349-3.88.912-.44.189-.95.408-1.6.659-.78-1.123-.67-1.833-.57-2.519.14-.897.27-1.753-1.59-3.437 2.1 8.643-3.02 8.69-7.23 8.729-1.59.014-3.05.027-3.95.498l.45.578c1.19 1.496 2.38 2.998 2.44 5.033-1.63-.965-2.28-.295-2.93.374-.47.483-.94.964-1.77.832-.31-2.516-.87-4.893-2.2-6.947-3.17.452-5.81 2.472-8.44 4.491-4.23 3.244-8.45 6.484-14.89 3.207.13.008.27.021.4.034 1.07.101 2.14.202 1.86-2.002-1.26-.513-1.83-1.321-2.4-2.126-.49-.695-.98-1.388-1.91-1.888 1.05 4.574-.94 3.17-2.68 1.948-.9-.641-1.74-1.233-2.03-.886-.21 1.228.2 2.191.62 3.159.41.966.83 1.936.64 3.178-2.35-2.561-3.18-2.695-4.16-2.852-.47-.075-.97-.155-1.68-.514-.08 1.122.5 1.948 1.08 2.779.3.425.59.851.81 1.319-.96-.343-1.64.552-2.3 1.411-.9 1.186-1.75 2.303-3.2-.007.24-.367.67-.397 1.09-.427.82-.058 1.64-.116 1.11-2.494-2.33.263-2.94-.848-3.91-2.651-.64-1.168-1.43-2.626-2.95-4.189-.41 2.043.5 3.516 1.41 4.984.21.337.42.673.61 1.016-1 1.897-4.13 2.065-7.25 2.232-1 .054-2.01.108-2.94.218 1.35 2.35 1.07 3.571.75 4.919-.18.786-.37 1.616-.26 2.738-1.36-.686-1.71-1.81-2.05-2.933-.36-1.186-.73-2.373-2.29-3.047.79 4.074.12 5.574-.56 7.083-.18.4-.35.801-.51 1.251.68.67 1.17.756 1.54.823.44.077.72.127.96 1.041-2.61-1.542-1.4 2.908.29 4.795-.98-.484-1.45-.064-1.92.356-.6.533-1.2 1.066-2.84-.252-.71-2.342-.07-2.278.57-2.214.38.038.76.076.86-.381-2.73-1.411-1.45-2.974-1.01-3.493-1.86.687-3.93.198-6.19-2.628 1.81 2.113 1.82-1.908.33-2.68-2.43-.841-3.14 1.389-3.84 3.622-.51 1.601-1.02 3.203-2.16 3.675-.03-.428-.04-.866-.04-1.303-.02-2.141-.04-4.277-2.71-5.349 1.53 5.1 1.41 12.137-2.77 7.927 1.03 1.022 2.7-.583.67-2.236-.54.243-1.13.404-1.71.565-1.49.409-2.98.818-3.73 2.582-1.89-1.166-3.17-2.595-4.18-4.135-.47 1.369-.36 1.849-.15 2.802.14.631.33 1.469.42 2.911-.8-.731-1.25-.798-1.7-.864-.41-.063-.83-.125-1.54-.732-.59-.459-.79-1.079-.99-1.697-.17-.532-.34-1.064-.76-1.492-4.04-.832-5.3 1.843-6.59 4.582-.7 1.48-1.41 2.979-2.57 3.952-.95-2.839-2.02-5.649-3.5-8.289-.33.511-.84.669-1.36.827-.97.3-1.95.599-1.64 3.292.94.672 1.52-.007 2-.57.65-.754 1.12-1.302 2.02 1.869-1.07 1.928-4.17-.096-7.97-2.576l-.04-.027c-.11 2.687.8 3.109 1.85 3.597.83.389 1.76.82 2.33 2.475-4.84-1.308-7.24 1.867-9.38 4.696-.76 1.015-1.5 1.986-2.3 2.688-.37-1.713.17-1.697.71-1.68.42.013.84.025.82-.791-1.25-.659-1.66-1.627-2.08-2.593-.41-.964-.82-1.926-2.06-2.58-.12 6.424-3.77 6.127-7.42 5.829-2.26-.184-4.51-.367-5.93 1.032.42-2.083-.41-3.687-2.5-4.817.22 3.722.12 6.866-1.41 7.235-.19-1.187-.91-2.178-1.62-3.166l-.05-.069c-.94 2.003-2.69 2.446-4.43 2.889-2.11.538-4.23 1.076-4.92 4.405.01-1.611-.68-2.957-1.67-4.178-3.23 3.181-4.44 2.821-6.9 2.093-1.06-.313-2.35-.694-4.13-.891.18-1.986-.25-3.739-1.66-5.138.12 2.647-.65 1.887-1.47 1.085-.71-.7-1.46-1.431-1.67.035-.23 1.967.16 3.734.85 5.386-1.5-1.133-2.67-1.634-3.19-.812.01.819.61 1.439 1.22 2.057.55.568 1.1 1.134 1.19 1.854-1.64-.417-2.44-.896-3.05-1.261-.86-.518-1.34-.806-3.32-.358.36.362.81.699 1.25 1.036 1.27.968 2.54 1.941 1.95 3.543-2.69-2.262-5.15-2.47-7.25-2.647-2.91-.246-5.13-.434-6.29-6.005-1.63-.756-2.4.258-3.17 1.275-.63.828-1.26 1.657-2.35 1.53a6.915 6.915 0 01-.05-.914c-.03-.941-.06-1.882-.76-2.601-.55 1.651-1.61.707-2.71-.27-1.04-.923-2.11-1.875-2.81-.691.43 1.919 1.41 3.654 2.38 5.392.96 1.704 1.91 3.41 2.36 5.294-3.15-4.614-8.78-6.756-6.32.23-8.79-.815-16.66.215-24.5 1.241-5.46.714-10.91 1.427-16.64 1.514-.29-2.226.64-1.827 1.57-1.429.77.328 1.53.656 1.62-.477-.64-1.335-.49-1.869-.35-2.336.16-.58.3-1.058-1.14-2.832-.01.666-.41.516-.81.367-.34-.128-.67-.256-.77.134.08.506.23.991.37 1.476.29.936.58 1.874.33 2.967-1.54-.7-1.87-1.771-2.21-2.841-.2-.633-.4-1.265-.85-1.819-.34 0-.71-.062-1.09-.124-.76-.126-1.52-.253-2.06.142.36 1.449.78 2.881 1.5 4.22 2.6 1.84 4.04 3.974 5.47 6.084.48.703.95 1.404 1.47 2.091-.81-.599-1.2-.287-1.59.023-.5.395-1 .789-2.35-.689-.04-.467 0-.959.04-1.451.12-1.427.23-2.857-1.52-3.72-.88 1.335-2.68.639-4.48-.056-2.41-.928-4.81-1.855-5.01 2.043-2.37-3.225-2.73-3.108-1.58.485-1.92-2.312-2.78-2.279-3.64-2.246-.32.012-.65.025-1.02-.088.26-1.32.93-1.764 1.6-2.207.71-.477 1.43-.954 1.65-2.527-3.46-3.474-4.72-2.084-5.97-.694-.74.819-1.48 1.638-2.67 1.463-1.11-3.009-2.15-2.799-3.23-2.583-.7.141-1.41.284-2.16-.444-.41-1.217-.46-2.546-.51-3.876-.08-2.063-.15-4.128-1.59-5.78.15 3.088-1.05 3.181-2.25 3.274-.67.052-1.337.105-1.774.677.107 2.513.243 2.956.564 3.989.19.615.44 1.44.79 3.038-1.985-2.375-2.507-2.781-3.547-3.59a43.147 43.147 0 01-2.567-2.138c.106-1.942-.279-2.903-.937-4.547-.33-.825-.729-1.822-1.17-3.201.354-.328.898-.231 1.442-.133 1.064.191 2.129.382 1.773-2.607 3.634 2.875 5.656 2.371 7.866 1.82 1.5-.375 3.09-.772 5.33-.147-.6-4.907 1.33-4.242 3.25-3.577 1.25.428 2.49.856 3.05-.209-.93-.961-1.81-1.95-1.51-3.28 1.13 1.237 1.59 1.04 2.06.842.53-.225 1.06-.451 2.58 1.481.27.669.43 1.372.59 2.076.37 1.629.74 3.261 2.43 4.486 0-.539.21-.644.42-.75.15-.081.31-.161.38-.435.42-1.85-.34-3.332-1.1-4.814-.76-1.48-1.52-2.96-1.1-4.805 2.89 2.625 3.12 2.242 3.14-1.894 1.07.93 1.7 1.985 2.31 3.053.29-.408.4-1.199.51-1.989.16-1.189.33-2.378 1.1-2.262 2.28 4.306.69 4.52-1.01 4.749-.86.117-1.75.236-2.17.896.61.718.81 1.563 1.01 2.406.29 1.196.57 2.388 2.03 3.211.27-1.731 1.15-2.173 2.02-2.615.82-.418 1.64-.835 1.96-2.34.87.185 1.57.941 2.09 1.499.78.844 1.13 1.231 1.04-1.516.87.604 1.29 1.341 1.71 2.077.49.856.98 1.711 2.16 2.35-.31-1.964.03-2.557.36-3.15.24-.423.48-.847.48-1.769.49.344 1.11 1.214 1.76 2.106 1.17 1.621 2.39 3.315 2.91 2.063-.16-.219-.32-.438-.49-.656-1.93-2.563-3.85-5.121-3.35-8.435 2.18 3.591 2.83 3.652 3.51 3.715.66.062 1.34.126 3.49 3.481-.57-3.236-.37-3.531.06-4.171.22-.329.49-.749.76-1.707-.76-.596-1.47-.313-2.16-.035-1.07.431-2.11.85-3.31-2.012 1.04-.994 2.66-.778 4.29-.562 1.26.168 2.52.337 3.51-.062-1.96-3.741.33-4.06 2.69-4.389 1.48-.207 2.99-.418 3.5-1.483-1.02-.692-2.3-1.179-3.67-1.696-3.45-1.312-7.4-2.813-8.78-8.309-1.04-.293-1.43.744-1.53 2.408 1.34 1.132 1.99 2.479 2.34 3.953-2.38-1.033-1.93.897-1.46 2.908.43 1.854.88 3.777-.86 3.508.13-2.222.15-4.434-1.54-6.07-.92-.364-1.77-.583-2.34-.221l-.02 3.736c-1.1-.906-1.91-1.205-2.72-1.503-.82-.299-1.63-.598-2.73-1.508-.49-2.652.1-2.995.7-3.338.46-.262.91-.524.88-1.813-1.45-1.168-2.6-1.703-3.11-.922 0 .685-.01 1.367-.01 2.048 0 1.193-.01 2.38-.01 3.572 1.1-.057 1.89.693 2.31 3.028-2.54-1.39-4.23-.984-5.93-.578-.84.202-1.69.405-2.64.384 1.85 8.947-2.54 7.467-6.77 6.044-2.91-.984-5.75-1.939-6.39.59.13-2.484-.72-4.652-1.59-6.835 4.19 3.064 10.46 7.462 8.54.227 3.07 3.386 4.11 2.392 5.14 1.403.1-.088.19-.176.28-.261-.9-1.615-1.52-1.762-2.11-1.901-.72-.172-1.4-.332-2.5-3.221.79 3.888-.83 2.838-2.23 1.932-1.4-.904-2.58-1.667-.92 2.754-2.85-3.147-4.1-2.835-5.35-2.523-.87.217-1.73.434-3.14-.512.05-.738.22-1.162.36-1.5.28-.696.41-1.02-1.08-2.954-.13 1.945-2.01-1.122-2.8-2.4-.11-.182-.2-.328-.26-.418.96 2.049.55 2.178.01 2.35-.55.171-1.23.385-.84 2.581 1.12-.028 1.88.717 2.28 3.056-1-.595-1.66-.418-2.31-.241-1.05.283-2.1.566-4.593-2.337-.033-.42-.024-.851-.015-1.282.023-1.138.047-2.272-.7-3.176-1.222.308-1.18 1.521-1.133 2.898.038 1.087.079 2.276-.496 3.2-2.059-3.096-3.169-3.348-4.326-3.611-1.185-.269-2.418-.549-4.767-3.901-.588 1.627-2.801.301-4.603-.778-.605-.363-1.164-.697-1.599-.883.328-.699-.863-3.848-1.39-4.541-.497.195-1.538-.413-2.461-.951-1.518-.886-2.716-1.585-.643 1.785-1.718-.522-1.962-1.297-2.334-2.479-.249-.792-.555-1.766-1.401-2.969.148 1.553-.689.896-1.527.24-.712-.558-1.424-1.116-1.534-.323 1.002 2.939 1.397 2.96 2.111 2.999.396.021.891.048 1.643.581.727 1.658.545 1.911.271 2.292-.241.337-.555.775-.379 2.37-1.953-2.433-2.722-2.218-2.335.62-.709-1.596-1.611-2.116-2.42-2.582-1.023-.59-1.897-1.094-2.042-3.585.191.063.539.467.951.947 1.25 1.453 3.089 3.59 2.895-1.063-2.41-1.074-2.985-2.283-3.778-3.952-.488-1.025-1.058-2.224-2.187-3.672.256 2.885-1.216 1.849-2.686.813-1.236-.87-2.471-1.74-2.678-.278-.237-1.68.1-2.052.439-2.424.338-.373.678-.746.441-2.432 2.966 3.461 4.002 2.523 5.035 1.587.095-.086.19-.172.286-.254-.806-1-1.764-3.255-.71-2.578 2.32 3.58 4.794-.828 5.434-4.227.842.623 1.246 1.364 1.652 2.106.47.86.941 1.721 2.091 2.405.486-2.9 3.236-4.348 5.336-.625.64 2.643-.39 1.581-1.419.518-.854-.88-1.707-1.76-1.608-.53.644 1.172.664 2.506.683 3.837.026 1.738.051 3.47 1.469 4.826.771-.227.606-.802.354-1.679-.221-.771-.509-1.777-.288-2.985 1.46 1.517 1.969.926 2.477.334.347-.404.693-.807 1.342-.541 1.222.566 1.357 1.458 1.493 2.349.135.893.27 1.785 1.498 2.35-1.782-4.235-.064-6.52 1.587-6.098-1.648-4.017-1.881-4.931-2.22-7.731 1.549.896 2.486.452 3.424.009 1.079-.51 2.159-1.021 4.172.501.323 1.09-.11 1.404-.475 1.669-.445.323-.79.574.455 2.067.588-1.339 1.432-.874 2.261-.418.915.505 1.811.998 2.322-.959 1.545 2.677 6.505 4.666 6.875 1.655 1.33 1.057 1.85 2.356 2.37 3.653.59 1.478 1.18 2.953 2.97 4.062-1-2.383-.53-3.045-.05-3.726.48-.673.98-1.363.07-3.745 1.17 1.454 1.51 1.14 1.85.826.27-.247.54-.494 1.21.117.01.182.01.366.02.549.03 1.355.07 2.724 1.51 3.644-.09-.99.15-1.297.38-1.603.22-.286.44-.571.4-1.416 1.35.984 1.82 2.229 2.29 3.476.37.981.75 1.964 1.55 2.82-.69-3.759.4-3.759 1.48-3.758.68.001 1.35.001 1.6-.918-2.42-1.7-4.3-2.261-6.16-2.8.67-1.798 2.44-1.29 4.21-.781 1.8.516 3.59 1.033 4.25-.845-1.32-.349-2.78-.978-4.23-1.606-3.15-1.361-6.29-2.717-8.06-1.201.14.144.29.287.44.431 1.08 1.038 2.17 2.091 1.85 3.542a21.806 21.806 0 01-2.15-2.31c-.66-.803-1-1.205-2.45-1.908-.4-.975-.59-2.011-.77-3.045-.19-1.028-.38-2.055-.77-3.018 6.08 4.821 11.47 6.629 10.72-.424.32 2.594 3.53 3.904 2.3.233 1.46.928 1.69 2.246 1.93 3.563.19 1.048.37 2.096 1.17 2.946.14-1.114.89-.954 1.63-.794.56.122 1.13.243 1.42-.202-.45-.482-1.04-.72-1.63-.957-1.2-.479-2.38-.95-2.22-3.427-.29-1.526.62-.544 1.52.438.91.981 1.82 1.963 1.53.437-.81-2.92-1.12-3.786-.98-4.566.1-.518.4-.998.9-2.017-1.91-1.084-2.32-2.65-2.73-4.216-.12-.458-.24-.917-.4-1.364 2.32 2.315 1.66-.403 1.1-2.707-.23-.943-.44-1.817-.43-2.247 1.35 1.141 1.67 2.62 2 4.099.32 1.456.64 2.912 1.93 4.044.52-2.737 2.41-2.6 4.32-2.462l.2.015a3.992 3.992 0 01-.3 1.519c-.26.703-.38 1.032 1.15 2.931.88-.351 1.47.465 2.25 1.547.61.836 1.32 1.83 2.38 2.571-2.26-4.769 1.89-1.419 4.61 1.296.06-.514.14-.977.22-1.409.36-2.144.6-3.554-1.15-6.785 3.27 2.069 4.42 4.837 5.5 7.614-.36-2.432.66-2.787 1.56-3.098.95-.33 1.76-.61.61-3.276.41.177 1.07.849 1.73 1.522 1.13 1.157 2.26 2.315 2.15.96-2.21-4.622-4.5-4.912-6.71-5.194-1.99-.253-3.93-.5-5.7-3.888 1.12.186 2.36.618 3.61 1.05 1.4.488 2.81.977 4.05 1.114-2.75-4.165-3.6-7.294-4.45-10.465-.66-2.433-1.32-4.89-2.86-7.858 2.82 2.87 4.23 1.055 5.84-1.004.89-1.15 1.85-2.376 3.14-2.905-.25 1.206-.22 2.241-.19 3.322.04 1.277.08 2.618-.34 4.383 5.93 3.961 10.98 6.043 12.2.627 3.61 3.397 5.17 2.757 6.74 2.114 1.61-.661 3.23-1.325 7.09 2.411-.38-1.71.13-1.683.64-1.656.41.021.81.042.78-.776l1.32 1.12c.88.744 1.75 1.488 2.63 2.226 1.11-3.726 5.28-2.127 8.99-.702 2.3.881 4.42 1.695 5.54 1.145-.23-.23-.49-.451-.74-.673-.78-.677-1.56-1.355-1.69-2.266.24-.113.34-.643.44-1.177.21-1.107.42-2.227 1.82.355-1.87-1.549.41 2.797 1.69 3.212.2-.841 2.53-.608 4.59-.402 1.43.143 2.73.274 3.09.017.02.805-.33 1.399-.65 1.939-.47.796-.87 1.476.07 2.54 1.67.844 2.85.734 4.03.624.68-.065 1.37-.13 2.16-.002-.48-1.532-1.25-2.961-2.01-4.39-.95-1.765-1.9-3.53-2.31-5.489 3.78 6.5 9.8 15.061 11.18 8.295a7.506 7.506 0 01-1.72-1.849c-.41-.603-.63-.915-1.48-.773-.09-3.584 1.19-4.131 2.6-4.733 1.16-.493 2.4-1.023 3.04-3.288 2.29 2.45 3.44 1.845 4.73 1.169 1.48-.779 3.14-1.653 6.94 1.951-.27-1.535.22-1.673.71-1.811.56-.158 1.12-.315.54-2.571-.23-.22-.49-.432-.74-.644-.79-.659-1.58-1.319-1.74-2.237 2.56 2.221 3.31.852 4.13-.648.78-1.424 1.62-2.967 4.15-1.663.58 2.633-.71 2.987-1.82 3.29-1.04.286-1.92.525-.86 2.608 1.41.476 3.22.005 4.99-.458 3.06-.799 6.02-1.571 6.7 2.599.72-.428 1.35-1.258 2.03-2.154 1.52-1.996 3.3-4.322 6.85-3.293 1.45 1.007 2.48 2.018 3.31 2.821 1.34 1.302 2.11 2.059 3.17 1.367 1.47 1.995 1.45 3.138 1.42 4.213-.02.824-.04 1.608.62 2.706.9.516 1.2-.024 1.5-.571l.02-.025c-.06-.918-.35-1.747-.64-2.581-.41-1.152-.82-2.314-.6-3.735 1.7.95 2.02 2.503 2.34 4.054.23 1.155.47 2.309 1.28 3.212 1.83 1.171 1.39-.537.94-2.289-.47-1.797-.95-3.639 1.01-2.472.01 1.959.9 3.548 2.67 4.744.79-1.465.42-2.252-.19-3.53-.33-.712-.74-1.576-1.06-2.795 1.37 1.601 1.47.95 1.56.299.1-.649.19-1.298 1.56.304 1.05 1.398.75 1.838.48 2.253-.29.422-.56.819.63 2.172 2.18 1.883 1.73-.843 1.29-3.565-.25-1.489-.49-2.977-.3-3.708-1.03 1.117-5.39-1.299-5.83-5.345.75-.038 1.53-.008 2.32.022 2.84.109 5.68.218 6.67-2.912-.17-.175-.36-.344-.54-.513-.55-.491-1.11-.99-1.18-1.68 2.09 1.141 2.7 2.918 3.32 4.697.56 1.635 1.13 3.272 2.84 4.421-.69-2.794.75-1.885 2.19-.974 1.24.784 2.48 1.569 2.37-.005-.7-.838-1.43-1.251-2.16-1.66-1.42-.803-2.82-1.59-3.86-5.554 1.74.973 2.88 2.216 4.03 3.46.58.633 1.17 1.266 1.83 1.864l-.57-6.62c1.9.914 3.02.493 4.15.072 1.17-.438 2.34-.877 4.39.188.52 2.473-.02 1.692-.6.866-.48-.702-.99-1.436-.89-.227.2.889.84 1.586 1.49 2.285.43.471.87.942 1.17 1.474-.22-3.697 1.3-8.133 4.72-7.912 1.24.605 1.7 1.548 2.16 2.49.46.945.92 1.89 2.17 2.491.44-.018.84.02 1.19.053 1.43.133 2.01.187.8-3.844 1.94.822 2.58 2.258 3.21 3.689.33.765.67 1.529 1.21 2.198.96-.631 1.67-1.665 2.39-2.698.12-.188.25-.375.38-.56.38 2.865.99 3.133 2.18 3.663.57.257 1.29.575 2.18 1.278-1.12-3.067 1.22-4.148 2.22-1.041-2.87 2.054-6.81 2.295-10.75 2.536-1.52.093-3.03.186-4.49.383 1.08.982 1.41 2.287 1.73 3.59.27 1.054.54 2.108 1.2 2.99 1.31-.769 3.37-.937 5.5-1.111 5.1-.416 10.62-.868 7.46-9.688.92-.472 1.34.272 1.92 1.289.51.903 1.14 2.022 2.36 2.691.07-1.968 1.08-2.375 2.09-2.781.52-.209 1.03-.418 1.42-.838-.83-1.715-.69-2.377-.57-2.938.13-.571.23-1.037-.75-2.404-.38-.01-.81-.102-1.24-.195-1.38-.3-2.77-.6-2.46 1.907.24.209.51.41.77.611.82.622 1.65 1.248 1.84 2.154-1.09-.786-1.48-.404-1.86-.021-.41.4-.82.8-2.03-.143-.38-1.839-1.41-3.373-2.44-4.907-1.01-1.499-2.01-2.997-2.42-4.777.91-.48 1.34.261 1.92 1.277.51.9 1.15 2.016 2.35 2.691-.81-3.291 1.13-2.746 2.81-2.275 1.87.526 3.42.959.39-4.177 1.01.38 1.59.022 1.37-1.63.93.133 1.84 1.342 2.57 2.325.81 1.084 1.42 1.895 1.63.695-.08-.666-.52-1.165-.96-1.666-.39-.438-.78-.879-.93-1.435.92.012 1.67-.247 2.42-.507 1.08-.369 2.15-.739 3.7-.33-1.58-1.183-1.09-1.632-.66-2.027.38-.354.73-.666-.5-1.423-.44 1.801-2.37 1.14-4.31.481-.65-.222-1.3-.444-1.9-.572 2.14.01 2.53-1.216 2.96-2.58.25-.793.51-1.634 1.15-2.304.34.527.53 1.13.71 1.732.35 1.135.69 2.271 2.13 2.906-.04-.51.13-.676.31-.842.22-.214.44-.427.21-1.384-.7-.878-1.18-1.857-1.67-2.836-.58-1.168-1.16-2.337-2.11-3.337-.13 1.264-.92 1.448-1.71 1.632-.99.234-1.99.467-1.66 2.89-1.45-.683-2.28-1.647-3.12-2.61-.6-.687-1.19-1.373-2.01-1.957-.62 1.176-.71 2.723-.79 4.121-.17 2.819-.3 5.032-4.67 2.378-.99-1.181-.76-1.796-.55-2.353.26-.672.48-1.258-1.53-2.649 1.19 4.401.84 4.628-.96 5.41-.92-.963-.72-1.851-.52-2.772.26-1.226.54-2.511-1.75-4.115.5 1.636.41 2.455.32 3.26-.13 1.167-.26 2.307 1.42 5.869-2.54-1.416-2.5-2.537-2.45-3.735.04-1.163.09-2.397-2.23-4.042.46 2.291.02 3.087-.28 3.632-.4.71-.56.996 1.82 3.609-4.81-3.999-6.52-3.191-3.66 1.697-1.01-.638-1.94-1.157-1.46.688-.63-.385-1.32-1.437-2.02-2.485-1.14-1.727-2.28-3.443-3.07-2.136.42 1.394 1.07 2.669 1.72 3.949.45.863.89 1.728 1.26 2.635-.17.101-.38.262-.61.443-1.16.923-2.97 2.361-4.83-.968 1.3.867 1.79.353 2.28-.159.37-.393.75-.786 1.49-.553-2.2-1.227-3.67-.883-4.98-.576-2.05.478-3.71.866-7.1-4.924.05 1.895-1.05 1.843-2.14 1.791-1.13-.054-2.27-.108-2.14 1.984.49-.167 1.32.261 2.16.69 1.59.818 3.19 1.638 2.38-1.648l3.33 2.494.1 1.163c.08.868.17 1.736.24 2.589-1.61-1.205-3.03-1.439-4.66-1.707-.99-.163-2.05-.337-3.28-.748-.33-.647-.56-1.335-.8-2.023-.53-1.59-1.07-3.178-2.86-4.252.32 4.226-3.41 2.971-5.55 2.25-.5-.169-.92-.308-1.17-.341.84 1.861.76 3.007.69 4.054-.09 1.323-.17 2.489 1.63 4.747-.62-.268-.89.057-.67 1.254-1.25-2.031-2.33-2.988-3.26-3.812-1.16-1.036-2.09-1.86-2.83-4.338-1.49.747.66 5.455 2.23 7.851-1.47-.794-2.69.078-3.72.814-1.45 1.031-2.52 1.792-3.34-2.684-.49-.278-.97-.068-1.47.15-.95.42-1.98.869-3.28-2.04.19-.392.61-.388 1.03-.384.65.006 1.31.013 1.1-1.5-2.5-2.634-3.06-1.871-3.62-1.108-.38.524-.76 1.048-1.77.472l-.16-1.89c-.65-.692-1.01-1.527-.98-2.524.32.209.69.496 1.05.783 1.01.798 2.04 1.606 2.14.798-.05-.299-.09-.607-.12-.916-.11-.938-.22-1.877-.95-2.558-.33.024-.7.016-1.07.008-2.13-.044-4.55-.095-2.26 5.363-3.65-.784-6.69-.529-8.16 2.507 2.15 2.355 3.63 4.984 4.45 7.896-2.58-3.925-2.61-3.358-2.67-2.284-.05.955-.12 2.311-2.03 1.26-1.04-2.075-.88-3.331-.73-4.446.16-1.288.31-2.386-1.46-4.338-.86.305-1.85.347-2.85.389-2.55.107-5.09.214-5.2 4.706-3.03-2.558-5.27-2.376-7.44-2.202-2.06.167-4.05.328-6.58-1.908-.2-.868 0-1.244.16-1.53.18-.333.29-.547-.36-1.275-1.24-.346-2.06-1.948-2.76-3.294-.75-1.46-1.34-2.619-2.14-1.548.36 1.256 1.11 2.37 1.85 3.483.61.928 1.23 1.855 1.63 2.864-.04 2.872-1.44 3.28-2.83 3.687-.8.236-1.6.471-2.14 1.182.35.29.71.575 1.08.86 1.83 1.428 3.65 2.851 3.86 4.922-.5.426-1.3.305-2.09.183-1.01-.153-2.01-.306-2.42.637.05-1.062-.63-1.825-1.31-2.585-.6-.667-1.19-1.332-1.29-2.195 2.86 2.516 4.78 3.258 5.44 1.717-.88-.422-1.45-.556-1.85-.652-.98-.231-1.01-.238-2.23-3.525-1.16.381-2.6.262-4.03.143-1.54-.127-3.08-.254-4.28.232-.02-3.01-3.29-7.292-4.97-6.731-.52-2.103.45-1.447 1.42-.792.9.606 1.8 1.211 1.51-.372-2.85-3.738-6.44-5.676-5.99.433.67.752 1.19 1.296 1.59 1.72 1.4 1.478 1.4 1.484 1.77 3.716 1.43.652 1.3-.426 1.18-1.43-.13-1.103-.25-2.117 1.71-.665.06.924-.14 1.362-.33 1.8-.28.616-.56 1.23-.11 3.194-.94-.017-2.01-.15-3.11-.285-3.95-.489-8.25-1.02-8.05 3.61-1.2-.676-1.81-1.57-2.42-2.464-.61-.894-1.22-1.788-2.42-2.464.04.539-.16.653-.35.767-.14.087-.29.173-.33.446-.3.497.19 1.584.6 2.503.5 1.122.89 1.994-.39 1.242-3.7-3.757-11.57-4.2-9.76 2.561-1.5-.506-1.55-1.54-1.59-2.573-.04-.847-.08-1.693-.92-2.247-.06.956-1.11.02-2.16-.913-.33-.293-.65-.585-.95-.818.94 3.792-.94 2.146-3.01.126.04.546.25 1.026.46 1.505.27.617.54 1.232.46 1.981-1.15-1.089-1.73-1.076-2.31-1.062-.58.013-1.16.027-2.32-1.086-.03-1.561-.73-2.904-1.71-4.144-.17.541-.44.891-.71 1.24-.25.334-.51.669-.68 1.171.78.771 1.2.859 1.63.948.4.082.79.164 1.47.791-.33.496-.7.855-1.04 1.181-.68.661-1.23 1.188-1.05 2.451-.81-2.831-1.63-2.79-2.63-2.741-.99.049-2.15.107-3.64-2.622-2.56 3.816-6.99 4.037-13.48.098.26 2.839.04 2.566-.85 1.437-.36-.453-.83-1.043-1.42-1.625-1.44 2.811-5.42 4.556-9.04.152.79 5.682-6.57-.47-8.36-2.906.6.443 2.25-.99.68-2.1-1.59-.882-2.57-.56-2.97.969.94.948 1.83 1.907 1.6 3.246-1.7-.764-2.52.246-3.34 1.261-.34.421-.68.843-1.09 1.139.49-2.42.4-4.756.33-6.562-.13-3.204-.18-4.741 3.15-2.118.25-1.953 1.23-2.43 2.22-2.908.86-.422 1.73-.843 2.09-2.28 1.05.74 1.78 1.73 2.39 2.562.79 1.079 1.39 1.894 2.25 1.559.37 1.073-.04 1.395-.39 1.667-.43.332-.76.591.53 2.053.39-.176.8-.345 1.22-.516 3.1-1.269 6.55-2.686 5.21-8.204 1.35.94 1.86 2.183 2.38 3.428.51 1.246 1.02 2.493 2.38 3.439-.74-4.394 1.89-3.355 3.92-2.555.72.282 1.36.535 1.74.508-.88.386-1.1 2.056-1.07 4.221-3.07-3.418-5.82-1.83-3.64 2.27 2 1.313 3.13.907 4.26.501 1.09-.388 2.17-.777 4.01.327l-.13-2.816c-.94-1.453-1.65-1.448-2.17-1.444-.49.004-.79.007-.94-1.253 1.08 1.024.87-.456.67-1.936-.12-.861-.24-1.722-.11-2.09 3.3 2.85 3.26.752 3.21-1.498-.03-1.863-.07-3.83 1.78-3.182.58 1.633.17 2.398-.13 2.973-.29.552-.49.928.37 1.726.76-.29 1.59-.436 2.41-.581 1.58-.277 3.15-.553 4.21-1.811 1.17.599 1.69 1.434 2.21 2.27.45.722.9 1.445 1.77 2.018.17-1.952.69-3.582 1.1-4.831.04-.133.08-.261.12-.385 1.18 1.483 1.41 3.311 1.64 5.138.19 1.517.38 3.032 1.11 4.349 1.21 1.121 1.61.696 2.02.273.26-.271.52-.541.99-.406-2.72-3.946.32-3.78 1.33-3.338-1.66-2.512-1.29-3.168-.96-3.734.22-.389.42-.735-.08-1.61-.49-.463-.94-.921-.84-1.595 1.48.767 1.82 1.949 2.16 3.131.33 1.122.65 2.244 1.95 3.014 1.76.648 1.59-1.774 1.44-3.945-.14-2.023-.27-3.829 1.2-2.728-.1 1.946.39 3.67 1.8 5.075 3.88 2.115 2.73-3.671 2.06-7.075-.2-1.002-.36-1.798-.34-2.125.24 1.397 1.14 2.534 2.05 3.676.46.581.93 1.164 1.3 1.783.11 1.007-.21 1.865-.52 2.701-.48 1.265-.94 2.482.15 4.093 3.27 1.047 3.06-1.207 2.82-3.877-.16-1.745-.33-3.668.43-4.964.77.533 1.23 1.184 1.69 1.834.43.61.85 1.217 1.54 1.724-.12-1.896-.25-3.772-.38-5.648-.58-.497-1.07-.182-1.55.121-.71.458-1.39.891-2.28-1.51.45-.071.95-.036 1.45-.002 1.33.093 2.67.186 2.92-1.728-3.37-.225-6.45.092-9.52.41-1.79.184-3.58.369-5.43.446.27-3.28 3.47-2.967 6.41-2.681 3.3.323 6.27.613 4.38-4.262-.11-2.199.99-2.15 2.09-2.101.25.012.51.023.75.006.05.292.07.592.1.892.09.946.18 1.893.9 2.593 1.24-.262 2.87.183 4.5.63 1.65.452 3.31.905 4.57.623.05.286.07.581.1.878.09.943.18 1.898.9 2.588-.05-1.253.7-1.05 1.44-.846.82.224 1.64.447 1.41-1.25-.61-.339-1.03-.337-1.45-.334-.61.003-1.22.007-2.4-1.036.18-1.47.49-2.395.76-3.222.57-1.693.99-2.972-.07-7.669 1.6 1.02 1.68.51 1.79-.105.12-.767.28-1.695 3.44-.012-.76-4.676 3-4.405 6.57-4.149 1.64.119 3.24.234 4.34-.137.06.293.09.595.12.897.1.931.21 1.868.92 2.554.12-.586.59-.55 1.54.365-2.28-3.544-2.27-6.966 1.15-4.312.57.463.78 1.075 1 1.686.18.526.36 1.05.77 1.478-.06-1.077-.35-1.775-.56-2.285-.28-.666-.42-1.01.25-1.453 1.03.665 1.45 1.566 1.86 2.466.21.461.42.921.72 1.349.02-.833-.27-1.55-.57-2.27-.27-.673-.55-1.349-.57-2.124.77-.589 2.15-.463 3.51-.339 2.27.206 4.47.407 3.68-2.712 1.47.72 1.7 1.97 1.93 3.222.22 1.162.43 2.327 1.64 3.071-1.09-10.16 5.07-6.826 10.12-3.418-.74-.458-.39.794.99 1.63-1.74.609-.96 6.956 2.51 10.668.31-.875.17-1.785.06-2.547-.17-1.095-.29-1.886 1.04-1.833-1.51-1.961-2.99-3.943-2.9-6.595 1.38.947 1.89 2.264 2.39 3.583.46 1.207.93 2.415 2.05 3.342.56.076 1.1.44 1.61.776.94.63 1.74 1.165 2.2-.458-1.91-6.627.26-8.582 2.39-10.507 1.29-1.159 2.56-2.307 2.92-4.458.12 2.211.32 4.412 2.13 5.93.47-.296.93-.414 1.32-.513 1.18-.299 1.69-.428-.35-4.78 2.78 2.06 2.12.604 1.42-.942-.63-1.406-1.3-2.887.55-1.86.02 2.187 1.04 3.937 2.06 5.692.35.594.69 1.189 1 1.801.88.499 1.16-.039 1.44-.571l.01-.031c-.19-.347-.41-.688-.62-1.028-.91-1.464-1.82-2.922-1.51-4.91 3.53 4.476 3.48.874 1.26-2.486 4.01.921 6.68-.491 9.17-1.809 3.49-1.848 6.63-3.512 12.64 1.7-.49-2.066-.05-2.608.39-3.149.43-.541.87-1.081.38-3.141 4.92 4.126 4.68.897 3.35-3.52.94.041 1.81.265 2.55.454 1.97.503 2.97.757 1.63-3.355 1.69.481 1.77 1.712 1.85 2.941.07 1.017.13 2.033 1.11 2.621 1.26.771 1.65.336 1.97-.03.42-.481.74-.843 2.82 1.811-1.06-3.72.26-3.551 1.92-2.863.06.287.11.583.15.88.14.933.27 1.869 1.03 2.53 2.14-2.687 5.37-4.31 8.56-5.912 4.33-2.175 8.59-4.312 9.91-9.016-1.05-.204-2 .359-2.94.915-1.43.846-2.83 1.674-4.51-.245.88.417 1.79-.127.57-1.296l-.18-.041c-1.89-.443-3.97-.932-.98 2.627-2.65.81-5.06-4.957-5.66-8.284 4.91 2.557 12.13 5.821 8.01-1.926 1.67 1.643 1.85.916 2.02.188.16-.691.32-1.384 1.77-.05.75 1.512.3 2.004-.03 2.358-.31.338-.51.55.57 1.402 2.41 1.818 2.54.019 2.66-1.788.01-.181.02-.363.04-.54-.19-.186-.4-.359-.61-.532-.56-.465-1.11-.926-1.22-1.598 2.89 1.932 4.19 4.643 4.16 8.002-.48-.111-.92-.34-1.31-.54-1.05-.546-1.7-.883-1.51 1.938 1.88.852 2.48 2.336 3.08 3.819.53 1.315 1.05 2.629 2.48 3.499 0-1.156.59-1.36 1.18-1.563.3-.103.6-.206.83-.431-4.71-9.513-3.83-16.408-1.13-18.551-.1 3.144 3.25 3.235 3.36 2.339-1.71-3.598.92-3.239 3.3-2.915.92.124 1.79.243 2.37.132.1.408.16.835.22 1.262.16 1.139.32 2.279 1.19 3.075 1.79.74 1.13-1.531.55-3.565-.47-1.638-.9-3.122.03-2.75 1.83 3.543 2.15 2.069 2.42.752.14-.643.27-1.248.56-1.216.27 1.345 1.64 2.136 3.03 2.928.82.47 1.64.94 2.22 1.527-.23-.976-.06-1.322.12-1.668.16-.329.33-.657.14-1.527-.54 1.062-2.37 1-3.38-2.309 2.96 1.385 4.95.503 1.65-3.92 1.28.346 1.56 1.216 1.84 2.087.28.872.56 1.744 1.84 2.088-1.06-3.615-.43-3.139.44-2.498.53.396 1.14.854 1.49.454-.19-2.004-1.44-3.472-2.67-4.936l-.48-.563c1.42 2.485-.2 2.277-1.86 2.064-.95-.122-1.91-.245-2.31.139.11-1.206-.52-2.01-1.16-2.817-.49-.634-1-1.269-1.14-2.101.24-.038.49-.051.74-.064 1.1-.057 2.2-.114 1.89-2.33-1.33-2.066-2.35-2.417-3.52-2.815-.48-.166-.99-.339-1.56-.647 3.05-1.027 4.93.654 8.39 3.729.46.409.95.843 1.47 1.298.08-2.303 2.4-.925 4.64.411 1.22.725 2.42 1.437 3.23 1.543.69 1.069 1.14 2.264 1.59 3.46.51 1.363 1.02 2.727 1.89 3.907.54-.655 1.41-.825 2.27-.994 1.09-.213 2.18-.426 2.63-1.6-.23-.605-.6-1.319-.97-2.013-.97-1.88-1.88-3.622.19-2.686.69 1.029.74 1.693.78 2.282.05.896.1 1.618 2.41 3.181-1.3-2.847-.99-2.759-.28-2.556.4.116.93.268 1.37-.057-.37-.626-.71-1.268-1.05-1.91-.64-1.222-1.28-2.445-2.15-3.561-.09.701-2.66 1.042-3.26-1.336.33-.08.8.048 1.26.175 1.08.293 2.15.585 1.52-1.65-1.1-1.32-1.8-1.217-2.31-1.142-.49.071-.79.116-1.09-1.131 1.29.647.24-1.669-.47-2.815 2.66 1.311 4.34 3.148 5.44 5.299.21-.494.79-.458 1.35-.423.75.047 1.5.094 1.44-1.056.9.581 2.02 1.702 3.09 2.773 1.96 1.958 3.75 3.749 3.78 1.772.06-1.508-.87-2.494-1.79-3.478-1-1.064-2-2.126-1.75-3.843 1.58.702 2.02 1.996 2.47 3.29.44 1.292.89 2.584 2.46 3.284.19-.037.37-.074.56-.11 3.04-.589 6.09-1.181 5.98-6.397 1.98 3.311 2.43 1.805 2.85.42.21-.699.41-1.367.79-1.369.88.281 1.95 1.365 2.94 2.38 1.38 1.4 2.63 2.668 3.08 1.502-.32-1.363-.77-3.001-1.21-4.614-.71-2.575-1.39-5.086-1.54-6.306 1.14 1.426 2.52 2.07 4.38 2.936.25.117.51.238.78.366 1.51 1.734.93 2.07.37 2.394-.55.324-1.09.636.5 2.324.17-.08.37-.163.58-.253 1.88-.79 4.91-2.07 2.86-5.858-.78-.347-1.17.022-1.53.353-.54.492-.98.904-2.43-1.217.38-2.458 2.63-2.907 4.75-3.328 2.24-.447 4.33-.863 3.83-3.619 1.62.136 3.28.605 4.77 1.026 3.63 1.026 6.25 1.767 4.74-3.286.54.41 1.09.904 1.59 1.364 1.43 1.295 2.55 2.318 2.59.437-.43-.354-.79-.745-1.15-1.137-.69-.748-1.38-1.497-2.53-1.981l-1.08-5.601c2.99 3.755 3.61 2.057 4.19.499.48-1.317.93-2.533 2.74-.27-2.35-1.206-.94 1.949.73 3.726.05-.918.94-.66 1.83-.402 1.15.335 2.3.67 1.64-1.54-2.01-2.024-1.61-2.396-1.02-2.947.43-.395.95-.883.76-2.136 1.29.285 1.61 1.151 1.93 2.015.33.865.65 1.729 1.94 2.006.01-.16-.01-.361-.03-.562-.06-.575-.11-1.154.5-.8.98 1.471.73 2.44.47 3.429-.36 1.364-.73 2.766 2.12 5.572-.42-2.122 1.05-2.181 2.45-2.237 1.84-.074 3.57-.143.68-4.926.84.409 1.39.994 1.93 1.576.51.545 1.02 1.089 1.76 1.484-.55-1.763.09-2.277.64-2.719.62-.491 1.12-.892-.24-2.806-1.11-.783-1.16-.121-1.22.542-.06.749-.12 1.499-1.7.154.13-2.025.69-3.087 1.16-3.997.73-1.402 1.27-2.441-.21-6.09 1.23.858 1.92 2.039 2.62 3.222.68 1.158 1.36 2.317 2.54 3.173-4.61-3.109-2.43 3.611.49 6.043-.14-1.936.6-2.677 1.33-3.419.58-.592 1.17-1.185 1.31-2.387-1.2-1.411-2.62-2.663-4.58-3.574-1-2.883-.37-3.529.26-4.173.4-.403.79-.805.78-1.753 1.63.546 2.41 1.616 3.19 2.686.47.651.94 1.302 1.6 1.835-.84-3.626.92-4.777 2.66-5.912 1.71-1.12 3.4-2.224 2.53-5.678 1.07 1.087 1.8 2.377 2.52 3.667.61 1.079 1.22 2.157 2.03 3.115 1.63-.048.85-1.428.15-2.669-.67-1.191-1.27-2.254.4-1.89.34 1.186.74 2.353 2.17 2.912-.01-.243-.01-.507-.01-.788.01-1.347.02-3.089-1.21-4.818-1.01.623-2.05 1.216-3.6 1.118-.57-1.779-1.98-3.032-3.93-3.96.78-1.791 2.47-2.366 4.16-2.942.93-.314 1.85-.628 2.63-1.14.15-2.67-1.47-4.26-3.09-5.855-.6-.589-1.19-1.178-1.71-1.823 2.18.606 2.67 1.177 3.37 2.001.56.654 1.26 1.467 3.04 2.585.84 4.798-.41 5.609-1.71 6.452-.69.451-1.4.912-1.81 1.999 1.52.332 2.35.858 3.18 1.391.75.482 1.51.969 2.81 1.324 1 1.584 1.4 2.643 1.76 3.603.53 1.425.99 2.631 3.2 5.014-1.99-1.277-2.63 2.579-1.63 3.116 4.04 2.93 3.45-3.46.14-6.437 3.43 2.754 4.08-1.576 2.34-3.501-1.62-1.333-1.67-.586-1.73.161-.05.66-.1 1.319-1.22.543-.38-1.158-1.6-1.815-2.82-2.477l-.04-.022c.68-3.07 3.99-4.167 7.08-5.191 4.6-1.527 8.72-2.893 2.95-10.39-.16-.297-.41-.624-.77-.967.28.333.53.655.77.967.96 1.71-.92 2.442-2.1-.109.08-.143.31-.301.58-.482.75-.519 1.76-1.221.31-2.243-2.07.534-1.78 4.172-1.14 8.273-3.07-2.471-3.43-1.36-3.79-.251-.28.873-.57 1.745-2.17.869-.87-2.04-.09-1.901.69-1.761.55.098 1.11.197 1.08-.467-.46-.541-.88-1.117-1.29-1.694-.82-1.145-1.65-2.292-2.88-3.166.12-1.066-.18-2.134-.42-2.971-.41-1.423-.62-2.178 1.75-1.121.99 1.252 1.09 2.343 1.2 3.399.15 1.509.29 2.948 2.97 4.688-.51-1.704-.83-3.192-1.11-4.513-.62-2.904-1.07-4.998-3.05-6.798-.92-.808-1.38-.414-1.8-.055-.55.469-1.03.875-2.38-1.565 1.02.259 1.51-.17 1.1-1.791 2.1 2.009 3.34 2.038 4.46 2.064 1.47.034 2.74.064 5.48 4.496-2.05-4.912-.58-12.547 4.64-9.432-1.03-.763-1.62-1.806-2.21-2.855l-.02-.042c1.06.534 2.03.93 1.33-.832 2.07 1.536 3.56 3.445 4.44 5.752-1.98-.069-3.03 1.062-4.08 2.193-.4.425-.79.849-1.23 1.21.74.562 1.13 1.347 1.52 2.13.56 1.115 1.12 2.228 2.68 2.696-1.2-2.603-.07-3.424 1.19-4.341 1.29-.942 2.72-1.986 1.91-5.17-.71-.373-1.21-.48-1.61-.566-.81-.176-1.2-.26-2.17-2.393.33-.967 1.43-1.454 2.52-1.937 2.03-.895 4.03-1.777 1-5.674 3.04 2.933 6.52 6.246 4.67.24.84.383 1.4.939 1.96 1.498.53.526 1.06 1.056 1.83 1.444.93 1.812.25 1.581-.43 1.349-.68-.232-1.37-.464-.45 1.347 3.03 1.309 2.6 1.756 2.13 2.244-.35.367-.73.757.34 1.556 1.62.99 1.83.17 2.03-.652.12-.471.24-.943.63-1.074-2.25-1.692-2.63-2.856-3.02-4.05-.35-1.102-.72-2.228-2.57-3.817 2.81 2.276 7.89 3.599 4.87-1.323.9.589 1.33.589 1.75.588.41 0 .81-.001 1.6.491 2.58 2.58 2.16 3.986 1.8 5.216-.36 1.222-.67 2.271 2.06 4.125-4.76-.206-6.12 2.665-7.52 5.615-.69 1.448-1.39 2.916-2.5 4.048 2.64 1.921 2.99.713 3.29-.331.29-1.035.54-1.908 2.95.611.44-2.205-.18-3.235-2.24-6.084 1.96.367 2.38.265 2.58.428.25.196.18.775 2.12 3.009-.01-.836.28-1.217.5-1.514.41-.549.62-.818-1.63-3.141 1.64-.566 2.85 1.832 4.12 4.355.8 1.598 1.63 3.247 2.61 4.226-.11-1.656 1.12-1.613 2.35-1.569 1.2.042 2.39.085 2.35-1.448-.7-.596-1.34-1.241-1.98-1.887-.67-.672-1.33-1.344-2.07-1.96.93 2.111.43 2.404-.07 2.698-.31.18-.61.359-.59.949-1.88-.694-5.63-5.544-3.6-5.218-.29 1.157 2.77 5.039 2.26 2.866-.25-2.002-1.02-3.661-2.04-5.154.35-.138.95-.196 1.6-.259 1.77-.172 3.92-.381 2.38-2.355-1.55-.902-1.88-.256-2.21.388-.33.648-.66 1.295-2.23.37-.93-2.055-.35-2.444.12-2.756.46-.314.81-.549-.61-2.321 5.64 5.689 10.68.791 5.63-4.959 1.25.384 2.38 1.332 3.26 2.068 1.19.993 1.91 1.601 1.86-.079-.29-.755-.79-1.369-1.3-1.982-.45-.562-.91-1.124-1.21-1.793 2.09 1.1 1.37-.299.61-1.796-.26-.501-.52-1.013-.68-1.446.7.026 1.51.178 2.31.33 1.18.221 2.36.443 3.22.275-.01 4.657.57 10.107 4.09 15.87 1.06-.653.09-2.003-.98-3.5-.39-.543-.79-1.104-1.12-1.659 2.1 1.381 2.56.713 3.02.045.4-.586.8-1.171 2.3-.384.67 2.114 2.79 3.216 4.98 4.282-1.51-3.747.61-2.98 2.08-2.445.63.229 1.15.416 1.21.186-.13-.387-.23-.796-.33-1.205-.29-1.152-.58-2.31-1.54-3.012-.33-.096-.55.31-.78.735-.44.818-.92 1.706-2.32-.787.84.111.75-3.996-.32-4.186.72 2.009-2.11 2.756-4.02-.563-1.08-2.923-.31-3.556.37-4.123.68-.567 1.28-1.068-.1-3.725 1.14.457 1.7 1.285 2.27 2.111.28.417.57.833.93 1.2.28-.46.84-.781 1.42-1.115 1.43-.813 2.98-1.697.87-4.835 3.77 1.517 3.6-.353 3.42-2.495-.11-1.25-.23-2.592.42-3.408-.06.061 4.66 2.519 1.07-1.811 1.26.303 1.94 1.009 2.62 1.717.59.612 1.18 1.226 2.14 1.583-1.76-2.784-.47-3.406.91-4.068 1-.483 2.04-.988 1.98-2.372.67 1.742 2.14 2.924 4.12 3.723 1.78.301 1.02-.736.29-1.72-.56-.757-1.1-1.482-.44-1.546.7 1.365 1.7 2.519 3.24 3.275-1.28-2.212-.28-1.691.72-1.17.82.429 1.64.858 1.2-.235-.17-1.062-.98-1.668-1.79-2.273-.71-.532-1.42-1.064-1.69-1.905 1.61-.052 2.01-1.545 2.42-3.038.43-1.609.87-3.218 2.82-3.019.4 1.564 1.37 2.732 2.6 3.716-.99-4.359-.18-5.554 3.48-1.413l.02-.177c.4-3.81.9-8.488 6.41-4.493-.83-2.199.02-2.43.86-2.66.57-.154 1.13-.309 1.19-1.062-.85-1.222-.96-1.848-1.09-2.553-.14-.766-.29-1.626-1.42-3.445.22.168.44.326.63.475 2.35 1.753 2.91 2.17 3.66.887 1.68 1.961 1.08 2.666.45 3.401-.3.354-.61.715-.67 1.227 2.46 1.57 3.76 3.977 5.08 6.391.43.801.87 1.602 1.35 2.374 2.04-.174 3.62-.919.86-5.121.57-.097 1.25-.087 1.92-.078 2.52.036 5.05.073 2.73-5.521.99-.047 2.01 1.307 2.76 2.304.7.933 1.16 1.554 1.16.424-.15-.518-.47-.919-.79-1.321-.25-.308-.5-.617-.67-.98 3.61 1.353 5.19-.892 6.86-3.251 1.42-2.009 2.9-4.102 5.74-4.127-1.47-.66-2.32-.969-2.98-1.211-1.19-.436-1.78-.65-4.33-2.309 1.02 1.78.34 1.599-.35 1.418-.68-.18-1.36-.36-.35 1.41.44.247.69.176.89.12.29-.079.47-.13.93.768-.8 2.19-2.45 2.447-4.08 2.701-1.5.234-2.98.465-3.78 2.192-.08-.487-.07-.929-.05-1.339.05-1.266.08-2.225-2.86-3.25-.59-3.074.71-3.01 3.7-.559-.34-2.022-.26-8.202 2.99-8.038l.18.526c.44 1.335.89 2.681 2.5 3.135 1.38.62 1.26-.496 1.13-1.608-.08-.74-.17-1.477.19-1.702l-2.73-1.329c3.26-2.085 5.31-5.556 7.31-9.068 1.27.254 1.97.935 2.68 1.616.61.588 1.22 1.177 2.19 1.49-.38-1.229-.77-2.47-1.14-3.686 1.14.385 1.74 1.187 2.34 1.989.31.404.61.809.98 1.159-.24-.802.15-.896.53-.989.5-.118.99-.236.17-1.819-.27-.156-.56-.299-.85-.443-.91-.453-1.83-.909-2.19-1.779.83.136 1.1-.363 1.37-.863.33-.617.67-1.233 2.07-.648.06.183.13.368.19.554.45 1.311.9 2.631 2.51 3.066-.5-1.102-.31-1.441-.12-1.781.22-.393.44-.786-.4-2.364-1.58-.715-2.59-1.836-3.35-3.15 4.15 2.568 4.36.739 4.56-1.088.13-1.162.26-2.324 1.4-2.354.68.537 1 1.343 1.32 2.147.38.943.76 1.883 1.7 2.382 3.18.284 4.66-1.863 6.22-4.133 2.13-3.089 4.41-6.406 11.35-4.134-.25-.652-.78-1.077-1.31-1.502-.68-.539-1.36-1.078-1.45-2.081.82-.651 1.12-.172 1.59.558.44.707 1.04 1.649 2.39 2.03.81-.668.35-1.019-.35-1.555-.68-.517-1.59-1.206-1.79-2.518.96.29 1.59.864 2.21 1.437.72.664 1.44 1.329 2.7 1.555-.29-1.538.4-2.009 1.1-2.48.74-.499 1.47-.997 1.04-2.759-1.59-.664-2.62-1.765-3.4-3.074 1.02.318.52-.981 0-2.305l-.01-.022c3.4 1.252 3.67-.304 3.93-1.746.19-1.09.38-2.116 1.89-1.814 2.33 2.588 1.43 3.119.49 3.68-.56.331-1.14.674-1.07 1.458.52.235.89.598 1.25.959.28.278.56.555.91.773 1.28-1.533 2.91-2.699 4.54-3.866.75-.532 1.49-1.064 2.2-1.63-3.15-.84-5.38-.735-5.85 1.26-.23-1.095-.97-1.768-1.71-2.441-.38-.35-.77-.7-1.08-1.108 3.51 1.235 3.18.4 2.77-.642-.29-.722-.62-1.544.27-1.844 2.22 1.424 6.05 2.877 6.77 1.434-1.84-1.476-2.82-2.047-3.7-2.56-.75-.434-1.42-.827-2.48-1.691 1.24.581 1.71.337 2.18.092.61-.321 1.22-.643 3.6.892-2.23-2.633-1.39-5.447 2.38-2.04-1.23-4.743 1.01-5.835 3.26-6.931.59-.286 1.17-.571 1.7-.922.11-1.13-.92-2.701-1.77-3.998-.89-1.353-1.58-2.408-.57-2.354 1.56 2.18 2.07 2.116 2.82 2.024.73-.09 1.68-.205 4.01 1.666-1.97-4.022-1.05-5.57-.21-6.985.86-1.444 1.63-2.749-.84-6.406 1.92.926 1.83-.203 1.73-1.331-.06-.697-.12-1.392.29-1.604 3.13 4.32 5.04 3.509 6.02 1.113.93-2.416.98-6.37.56-8.232 2.87 2.18 2.46 3.326 2.11 4.31-.24.659-.44 1.244.37 2.017.36.103.74.215 1.11.326 1.97.585 3.94 1.175 4.68.53-2.77-1.878-2.19-1.919-1.31-1.982.44-.032.97-.07 1.17-.36-2.51-2.24-2.9-2.89-3.73-4.29-.23-.38-.49-.815-.83-1.353 1.62.351 2.32 1.533 3.02 2.716.55.94 1.1 1.879 2.12 2.404.96.323 1.74.412 2.46.495 1.77.202 3.22.368 6.29 3.801-.99-1.59-2.13-3.039-3.27-4.486-1.3-1.647-2.59-3.291-3.67-5.137 2.18 1.432 3.59 1.363 4.96 1.296 1.12-.055 2.2-.109 3.66.638-1.37-1.614-3.45-2.58-5.53-3.547-1.77-.825-3.55-1.651-4.89-2.882.37-1.24 2.27-.465 4.17.307 2.68 1.092 5.35 2.177 3.6-2.482-2.06.809-4.05 0-6.13-.848-2-.813-4.1-1.663-6.43-1.167.39-.236.77-.707 1.17-1.21 1.03-1.27 2.22-2.743 4.12-1.16-.64-.095-.78.314-.22 1.404 5.1 2.648 7.07 2.216 8.29 1.047.45.636.74 1.155.99 1.612.68 1.252 1.11 2.03 4.18 3.445.06-.443.45-.566.83-.689.6-.191 1.2-.383.55-1.786-.98-.594-1.48-.424-1.83-.305-.46.156-.65.222-1.35-1.689.46-.1.93-.137 1.37-.171 1.81-.142 3.04-.238-.14-4.6 5.65 3.136 7.13-1.168 3.07-4.053 1.23.476 2.48.95 3.71 1.42-1.99-2.491-1.6-2.865-1.06-3.381.29-.274.62-.588.66-1.277 1.39.639 2.38 1.357 3.22 1.969 1.27.925 2.21 1.608 3.7 1.41l-.1-.264c-1.29-3.447-2.65-7.087.99-6.897.64 1.072.41 1.788.19 2.464-.3.938-.58 1.8 1.54 3.432.31-.962 1.55-.546 2.56-.207.66.22 1.22.408 1.37.165-.3-1.312-.39-2.23-.47-3.007-.19-1.834-.3-2.878-2.81-6.449 3.15.518 3.09-1.94 3.02-4.4-.08-2.954-.15-5.911 5.34-3.708-1.66-1.708-2.07-2.627-1.56-3.537 1.29-.008 2.74 1.222 4 2.29 1.42 1.208 2.6 2.21 3.03.985-.34-1.045-1.25-1.553-2.15-2.061-1.01-.573-2.02-1.145-2.25-2.487.39-.63.95-1.049 1.46-1.44 1.3-.982 2.38-1.8.19-5.38 1.49-.105 1.93.87 2.36 1.846.36.801.73 1.602 1.67 1.803.22-.19.47-.374.73-.563 1.57-1.13 3.41-2.462-.1-6.615.35-.174.75-.296 1.15-.419 1.46-.444 2.93-.89 1.64-3.785.92.307 1.68.785 2.44 1.264 1.05.67 2.11 1.34 3.62 1.548-1.8-2.505-.7-2.445.4-2.386.97.053 1.94.105.92-1.593-1.56-1.081-2.72-2.567-3.88-4.063-.34-.426-.67-.853-1.01-1.272 1.87.712 3.03 2.171 4.19 3.632 1.3 1.635 2.6 3.272 4.91 3.858-.72-1.196-.29-1.38.15-1.566.22-.095.44-.19.51-.421-.2-.144-.41-.287-.62-.429-1.55-1.071-3.1-2.136-3.87-4.024 1.3.26 2.24 1.127 3.01 1.827.86.789 1.49 1.366 2.14.627-1.21-2.423-3.41-3.803-5.61-5.19-.4-.25-.8-.502-1.2-.76 2.47 1.158 1.76.405.91-.497-.11-.11-.21-.22-.31-.33H0v954h1920V137.952l-3.66-.625c-.27 2.547-.67 4.99-1.08 7.439-.7 4.217-1.4 8.455-1.4 13.285-.57-1.148-.36-2.017-.19-2.756.26-1.118.45-1.938-2.2-2.98-1.81 2.364-1.59 6.689-.74 9.516-.58-1.172-1.21-2.306-2.79-2.288 1.42 2.302.72 2.872.02 3.441-.46.376-.92.752-.77 1.626.24.099.49.176.74.253.69.212 1.38.424 1.68 1.104-2.9-.171-1.98 1.497-1.17 2.982.53.96 1.02 1.843.4 2.102-.9-1.274-2.08-2.203-3.81-2.51-.64.881-1.3 1.719-1.96 2.542-3.11 3.931-5.94 7.504-4.64 13.605-.37-.011-.79-.055-1.22-.099-2.27-.234-4.68-.482-.94 4.04-.94-.099-1.61-.509-2.28-.92-.63-.383-1.26-.767-2.11-.9 2.28 3.853.17 9.017-4.95 8.606.3.804.6 1.6.9 2.397l.54 1.436c-8.94 4.107-13.88 11.62-18.44 19.561-.59 1.037-1.18 2.084-1.77 3.132-3.91 6.942-7.84 13.919-14.28 18.422.21 4.38-2.09 6.431-4.38 8.479-.46.41-.92.82-1.36 1.249l.32.964c.33.969.65 1.938.97 2.896-4.3-.088-5.73 4.505-4.76 7.417-2.84-2.296-2.43-.889-1.89.989.3 1.037.64 2.218.5 2.998-5.71 2.482-8.5 7.729-11.28 12.966-2.35 4.417-4.69 8.828-8.78 11.567.13.446.27.897.41 1.348l.48 1.552c-7.92 10.468-15.73 20.931-23.49 31.348-15.31 20.524-30.48 40.869-46.15 60.714l-2.52 3.075c-11.08 13.536-22.21 27.12-34.2 39.88-6.48 6.827-13.1 13.538-19.9 20.092-6.8 6.551-13.72 13.004-21.14 18.932 1.81 2.159.78 4.104-.96 4.002-.32-.848-.15-1.307-.02-1.659.16-.413.26-.679-.55-1.254-2.6-.361-1.99.875-1.3 2.282.49.979 1.01 2.04.53 2.706l-3.8-1.744c-3.16 4.735-6.38 8.142-9.61 11.57-2.92 3.095-5.85 6.208-8.79 10.332-.42-1.163-1.98-3.086-2.07-1.874l.72 3.946c-8.11 4.962-15.03 11.493-21.94 18.024-7.21 6.814-14.43 13.629-23.01 18.663-5.6 7.066-11.66 13.627-21.15 15.438.03 2.608-1.44 3.139-2.91 3.671-1.58.568-3.16 1.138-2.89 4.253-3.81-.779-5.52 1.364-7.23 3.506-1.73 2.162-3.45 4.322-7.33 3.475-3.13 6.188-8.52 9.191-13.92 12.197-5.15 2.873-10.31 5.748-13.51 11.406l-3.69-2.021c-2.4 4.538-6.98 6.763-11.43 8.916-4.65 2.253-9.13 4.429-10.79 9.096-3.18-1.773-4.38-.231-5.47 1.167-1.09 1.391-2.07 2.639-4.76.346l.37 3.936c-3.48-1.634-4.9-.086-6.53 1.687-.75.816-1.54 1.68-2.59 2.303-2.04 1.203-4.79 2.147-7.53 3.087-5.57 1.914-11.08 3.81-10.46 7.836-6.96 2.559-13.27 6.14-19.57 9.718-8.06 4.572-16.11 9.139-25.49 11.561.03.566.29 1.016.54 1.465.19.339.38.678.48 1.065-1.36.316-2.72.609-4.09.901-8.47 1.817-16.91 3.626-22.07 10.862l-5.34-3.444c-1.43 5.197-5.79 4.82-9.26 4.437.04.702.5 1.202.96 1.701.39.43.78.858.91 1.415-.72.714-2.22.124-3.71-.465-1.81-.713-3.62-1.426-4.04.174-5.92 7.088-15.05 8.775-24.57 9.677-.25-.099-.55-.083-.93.086l.93-.086c.57.231.84 1.088 1.16 2.126.17.534.35 1.117.6 1.686-9.87-.412-17.34 3.278-24.81 6.966-2.25 1.108-4.49 2.215-6.8 3.212-.97-.489-1.46-1.194-1.94-1.899-.56-.813-1.12-1.625-2.43-2.105.5 3.029-.34 3.647-1.19 4.264-.78.577-1.57 1.154-1.27 3.697-3.23-2.565-4.74-2.04-6.25-1.515-1.3.453-2.6.906-5.01-.642-.87 3.873-5.12 4.707-9.37 5.54-2.58.505-5.15 1.01-6.97 2.19-2.37-3.774-4.34-2.275-6.57-.574-2.01 1.533-4.24 3.23-7.17 1.383-.34 1.242.23 2.096.8 2.952.45.672.91 1.345.91 2.208-.4-.087-.91-.342-1.45-.615-1.87-.931-4.11-2.055-3.71 2.719-6.43-2.495-10.42-.414-14.41 1.667-.38.197-.75.394-1.13.588-1.55-.796-1.73-2.117-1.9-3.437-.2-1.425-.39-2.849-2.3-3.61-2.44 6.327-4.92 9.897-10.55 11.711-1.01-1.918-.54-2.34.04-2.869.46-.425 1.01-.92.93-2.312-1.31-.618-1.71-1.588-2.1-2.558-.4-.973-.8-1.946-2.12-2.566-.53 4.243-2.6 7.798-6.1 5.204.15-.17.48-.303.86-.454 1.1-.441 2.58-1.031.93-3.103-.39.121-.79.228-1.19.335-2.47.667-4.95 1.333-5.78 5.213-.95-.536-1.4-1.26-1.86-1.983-.52-.835-1.05-1.669-2.33-2.206-.47.897-1.12 1.257-1.71 1.584-1.14.634-2.07 1.145-1.02 5.224-4.24-2.766-6.13-.898-8.02.975-.97.952-1.93 1.905-3.21 2.25-.16 1.068.81 1.742 1.77 2.414 1.16.808 2.32 1.614 1.5 3.1-1.73-.385-2.66-2.24-3.43-3.764-.76-1.524-1.36-2.716-2.42-1.779 1.42 2.401 2.85 8.512-1.05 5.116-.03-.422-.01-.861.01-1.299.05-1.169.1-2.338-.72-3.204-6.07-.291-11.18 1.34-15.81 3.934-.11-.225-.32-.554-.67-1.02-4.28-.292-13.37-.91-11.37 4.923-1.07-1.051-1.47-.717-1.86-.382-.21.173-.41.347-.71.327v-.524c.04-1.413.07-2.833-1.52-3.698.44 2.339-.26 2.288-.96 2.236-.7-.052-1.4-.103-.95 2.245.62.235 1.15.293 1.68.35.54.058 1.08.115 1.71.355-.3 2.774-1.86 1.272-3.42-.231-1.56-1.502-3.12-3.005-3.41-.239.67.978 1.32.937 1.88.901.67-.043 1.19-.076 1.42 1.754-2.45.086-4.64.891-6.91 1.732-2.83 1.043-5.8 2.14-9.61 1.974.33-2.373 2.28-2.324 4.12-2.278 2.17.054 4.17.104 3.1-3.884 3.46 3.009 5.13 2.242 5.99-.195-1.72-1.827-2.35-1.388-2.99-.95-.5.352-1.01.704-2.09-.13-.52-1.597.09-2.062.53-2.397.42-.32.68-.521-.35-1.473-4.43-.083-8.32.909-10.56 5.462-.33-1.464-.76-2.902-1.48-4.221-.18.869-.76.881-1.35.893-.58.012-1.16.024-1.34.898.06.798.4 1.509.75 2.222.31.645.63 1.292.73 2.005-2.73-1.863-4.46-1.622-5.98-.918 1.02.527 2.67 5.116.65 3.557-1.24-4.338-2.27-3.608-3.5-2.735-.91.646-1.94 1.37-3.24.179-.65-.838-.6-1.898-.56-2.957.05-1.164.1-2.328-.78-3.194.21 3.415-1.15 3.466-2.49 3.517-.79.029-1.58.059-2.06.754 3.64 3.216-.61 5.113-2 4.383 1.04-1.819.97-4.93-2.07-7.784-.19.368-.16 1.238-.13 2.111.06 1.512.12 3.036-.99 1.996-1.86-7.226-7.41-5.276-10.83-4.073-.69.241-1.29.452-1.76.553.97.936 1.9 1.91 1.49 3.291-2.24-2.182-2.18-1.652-2.09-.762.07.626.15 1.429-.53 1.592l-4.04-3.435c.72-1.854-.13-3.219-.98-4.583-.45-.73-.9-1.459-1.12-2.263.64.173 1.19.35 1.68.506 2.49.794 3.27 1.043 4.41-2.441 2.59 2.783 3.2 2.773 3.97 2.761.71-.011 1.56-.024 4.25 2.155-2.16-2.576-.89-5.727 1.16-5.075.01.428-.02.868-.05 1.307-.08 1.166-.17 2.32.62 3.21.08-.752.64-.11 1.28.628.88 1.02 1.92 2.224 2.09.192-.29-1.194-.79-2.325-1.29-3.454-.84-1.892-1.67-3.78-1.54-5.961 1.3 1.123 1.54 2.595 1.78 4.071.28 1.8.57 3.606 2.8 4.791-.13-3.081 1.51-2.341 3.14-1.603 1.74.788 3.48 1.574 3.08-2.263-.45-.492-.95-.969-1.45-1.446-1.71-1.637-3.42-3.276-3.27-5.503.81.882 1.43 1.518 1.94 2.035 1.65 1.673 2.07 2.095 3.6 5.595.93-5.75 4.57-5.655 8.22-5.559 1.42.037 2.84.074 4.11-.235-.65-.749-.92-1.59-.73-2.598-.71-.583-1.02-.316-1.34-.047-.4.342-.8.686-2.03-.732.41-2.63 2.09-.95 3.73.689 1.18 1.181 2.34 2.34 2.99 1.848-1.14-2.78-2.05-5.07.21-4.847-.57 2.662.19 2.983 1.51 3.535.92.389 2.13.892 3.32 2.41.44-1.952 2.64-2.701 4.97-3.491 3.44-1.171 7.15-2.43 5.72-7.835 1.65.615 1.99 1.69 2.33 2.765.21.638.41 1.277.89 1.819.99-.537 2.18-.666 3.37-.795 2.17-.235 4.34-.471 5.3-3.172-.31 2.014.07 3.788 1.52 5.182.21-.305.49-.489.77-.673.74-.492 1.49-.985 1.11-3.785-.34-.308-.71-.601-1.09-.896-1.02-.802-2.05-1.607-2.2-2.699.86.553 1.29.21 1.71-.134.54-.437 1.08-.874 2.53.543-.48 2.71.57 4.87 3.2 6.488.17-3.591 2.67-3.085 5.01-2.612 2.61.527 5.02 1.014 3.78-4.259 1.27-.137 2.13.539 3.34 2.633-.7-2.216.29-2.474 1.01-2.658.6-.158 1-.262-.03-1.485-.32-.205-.64-.255-.94-.304-.63-.101-1.19-.192-1.57-1.671 1.44-.343 3.38.314 5.32.972 1.74.587 3.47 1.174 4.86 1.054-.59-.459-.76-1.088-.93-1.718-.14-.544-.29-1.088-.71-1.522-.8-.741-1.28-.806-1.75-.87-.44-.061-.88-.122-1.6-.746 1.55-2.986 4.65-2.928 7.75-2.87 3.76.07 7.51.14 8.52-5.199 1.99 1.146 1.62 1.462 1.23 1.796-.33.284-.67.581.41 1.409 2.7.808 4.6.057 6.5-.694 1.65-.649 3.29-1.298 5.45-.945-.12-4.296 2.98-3.548 5.87-2.851 3.06.737 5.89 1.419 4.45-3.955 2.04 2.706 2.96 2.004 4.02 1.195 1.13-.859 2.41-1.839 5.38 1.007-.46-3.793 1-3.96 2.47-4.128.64-.074 1.28-.148 1.76-.528 3.3 6.037 8.99 1.833 7.61-5.066 1.69.535 2.08 1.599 2.47 2.662.23.63.46 1.261.96 1.78-.02-1.484 1.05-.936 2.12-.386s2.15 1.101 2.13-.39c-1.6-1.928-2.62-6.453-.03-4.845.18.64.09 1.39.01 2.142-.15 1.289-.29 2.583.87 3.331 1.94 1.141 2.14-.933 2.35-3.004.14-1.453.28-2.905 1.02-3.239 1.08 2.633 1.81 2.955 3.28 3.599.3.132.63.278 1.01.46-.13-2.59.55-3.699 1.23-4.808.7-1.133 1.39-2.264 1.22-4.976-1.22.213-2.08-.459-2.59-2.811.18.069.38.185.58.3.56.324 1.12.651 1.13-.025-.25-.801-.97-1.401-1.69-1.999-.84-.7-1.68-1.399-1.76-2.418 2.86 1.122 3.51.335 4.13-.415.71-.854 1.38-1.66 5.22.451.04.88-.75 1.196-1.44 1.472-1.14.454-2.01.803 1.52 3.38.36 1.779-.85 1.849-1.88 1.908-1.06.06-1.92.11-.63 2.028.56.059.97-.163 1.38-.385.93-.507 1.85-1.013 4.62 1.816-.51-2.608.34-2.749 1.19-2.89.74-.123 1.48-.246 1.3-2.036-1.32-1.339-1.69-.966-2.07-.591-.29.296-.59.592-1.35.047.36-1.417-.52-2.324-1.41-3.232-.47-.48-.93-.959-1.22-1.515-.27-3.312.95-3.928 3.37-2.362.05.417.05.852.05 1.288.01 1.182.02 2.368.89 3.198-.01-.683.42-.578.85-.473.37.091.74.181.83-.238.3-1.251-.3-2.138-.9-3.027-.6-.887-1.2-1.776-.9-3.03 2.56.967 4.4.174 6.22-.607 2.82-1.211 5.58-2.391 10.79 3.055.07-.287.38-.512.73-.762.84-.609 1.88-1.363.01-3.5-.86-.916-1.46-.558-2.01-.233-.72.425-1.34.793-2.29-1.831 1.27.453 2.58-.173 3.89-.801 2.5-1.191 5-2.387 7.21 3.781.95.462 1.31-.122 1.66-.713l.02-.036c.28-1.274-.33-2.154-.94-3.035-.61-.878-1.22-1.756-.95-3.026 1.92-.697 4.12-1.262 6.38-1.839 5.92-1.517 12.2-3.123 14.53-7.462 6.71.889 11.49-1.528 16.26-3.946 2.57-1.298 5.13-2.595 7.99-3.382-.18-.181-.39-.35-.6-.519-.57-.457-1.14-.913-1.19-1.612 5.7 2.861 10.08.204 14.5-2.477 2.84-1.72 5.69-3.451 8.92-3.738-.15-.803-.57-1.479-1-2.154-.38-.609-.76-1.217-.95-1.919 3.27.229 5.77-.805 8.27-1.839 2.35-.97 4.69-1.939 7.67-1.871-1.08-.793-2.11-1.636-1.9-3.09 5.15 3.337 9.64 3.165 7.41-2.767 4.5 1.67 6.67-.36 8.84-2.393 2.13-1.996 4.27-3.995 8.61-2.491-2.69-3.577 2.52-4.224 3.42.268-2.74-2.812-3.51 1.725-1.39 3.783 1.94.062 2.75 1.019 3.87 2.343.63.754 1.37 1.628 2.48 2.524 2.17-3.499-1.96-8.855-3.89-11.365-.19-.238-.35-.45-.49-.633 3.62-.246 5.87-2.643 8.12-5.036.77-.816 1.54-1.632 2.36-2.361.86.426 1.38 1.028 1.91 1.628.49.566.99 1.131 1.76 1.547 2.6-6.961 8.85-9.615 14.82-12.146 5.01-2.129 9.82-4.171 12.08-8.618 1.71.653 2.57.757 3.3.844.8.096 1.44.172 2.85.943-.08-.561-.34-1.02-.6-1.478-.33-.591-.66-1.18-.61-1.981 8.96-3.38 16.03-8.474 23.06-13.535 6.47-4.661 12.9-9.293 20.73-12.53-1.73-4.381 3.55-4.825 8.2-2.697-.92-4.365 1.13-4.521 3.18-4.678 1.14-.087 2.29-.175 2.92-1.005-.82-2.505 3.01-5.519 6.87-8.564 2.56-2.021 5.15-4.057 6.4-5.966.55 1.431 1.48 2.643 3.05 3.422-.41-4.377 1.88-5.155 3.85-5.829 1.84-.626 3.41-1.161 2.3-4.412 1.59.775 2.91 1.741 3.86 2.938.99-.647.65-2.98-.74-4.885 1.79.479 1.94-.312 2.03-.765.1-.522.12-.597 2.46 2.233.47-1.643 1.55-2.451 2.63-3.257 1.5-1.112 2.99-2.222 2.86-5.521.29 1.25.63 2.443 2.16 2.926.15-1.608 1.12-2.114 2.08-2.62 1.16-.606 2.32-1.212 2.07-3.717.64 1.306 4.46 3.137 3.66 1.447.32-1.275-.46-1.853-1.24-2.431-.78-.576-1.56-1.152-1.24-2.42 5.82 1.658 8.61-.771 9.19-6.081 2.69 1.598 3.3-.13 4.08-2.326.52-1.475 1.12-3.16 2.47-4.191.62-.474 1.79-.679 3.01-.894 2.72-.477 5.73-1.005 3.71-4.648 6.85-.385 9.98-4.364 13.1-8.328 2.85-3.614 5.69-7.216 11.32-8.069a14.36 14.36 0 00-.87-.47c-.92-.467-1.84-.936-2.12-1.857.87-.422 1.14-.157 1.67.357.4.399.97.947 2.08 1.442-.21-4.755 3.45-7.513 7.35-10.456 3.4-2.557 6.98-5.254 8.36-9.523.38.864 1.02 1.499 2.09 1.851.74-6.124 5.07-7.817 9.4-9.513.75-.291 1.49-.583 2.22-.897 2.01-7.719 6.01-15.023 15.54-11.421-.28-1.27-1.11-2.125-1.94-2.981-.87-.897-1.74-1.794-1.97-3.168 2.54 1.446 2.72.047 2.89-1.354.14-1.085.28-2.172 1.51-1.941.35.86.19 1.326.07 1.682-.13.413-.22.679.58 1.243.13-.383.26-.693.38-.968.48-1.151.71-1.695-.72-4.433 6-1.691 9.46-6.378 12.92-11.066 3.61-4.891 7.22-9.784 13.73-11.278a28.7 28.7 0 01-.38-.938c-.68-1.767-1.37-3.531-3.43-4.176-54.15 55.051-112.21 106.388-175.83 149.855-63.59 43.402-132.9 78.73-208.24 100.591-1.41.513-2.89 1.172-4.41 1.844-4.49 1.999-9.25 4.113-13.16 2.869-.49 2.481-1.93 3.259-3.37 4.037-1.35.726-2.69 1.453-3.27 3.559-.46-.142-1.18-.762-1.9-1.383-1.24-1.069-2.48-2.136-2.37-.746 2 3.938-2.52 2.811-5.23 2.134-.63-.158-1.17-.292-1.5-.33-1.97-.239-3.2 1.31-4.28 2.668-1.27 1.598-2.32 2.93-4.13.772.29-.264.54-.593.8-.923.65-.845 1.3-1.691 2.55-1.425-3.85-3.82-5.51-1.482-7.25.955-1.77 2.48-3.61 5.062-7.89 1.364-.35 4.755-4.33 4.954-7.88 5.133l-.06.003-.06.002c-3.58.139-6.73.262-5.46 5.059-.95-.896-1.41-.883-1.87-.869-.54.015-1.08.03-2.35-1.368 1.23 4.258-3.71 5.774-6.77-.309-1.3.642-2.3 1.858-3.3 3.074-1.91 2.308-3.81 4.618-7.73 3.017-.69-.813-.7-1.879-.7-2.945-.01-1.172-.02-2.342-.93-3.17-.03.314-.14.682-.26 1.085-.39 1.329-.88 3.03 1.05 4.384-1.44 2.16-3.93 2.233-6.43 2.306-2.97.086-5.94.173-7.12 3.783-1.62-3.66-4.55-2.369-2.56 1.92-1.08-.648-1.44-1.567-1.8-2.487-.19-.478-.38-.955-.67-1.396-.49.826-1.48.921-2.43 1.013-1.68.161-3.26.312-1.87 4.426-1.35-.222-2.52-.096-3.69.03-.73.08-1.47.159-2.25.152-3.5-3.933-6.66-2.754-10.16-1.451-3.41 1.268-7.13 2.652-11.77-.438-.89 4.558-4.25 4.028-7.61 3.497-3.63-.573-7.26-1.147-7.81 4.68-1.62-2.088-1.98-1.563-2.35-1.039-.32.459-.64.917-1.8-.379.75-3.092 2.99-3.845 5.39-4.651 1.73-.582 3.55-1.191 4.95-2.726a42.57 42.57 0 01-.69-1.921c-.46-1.333-.91-2.67-1.65-3.919-1.77-.615-2.95-.004-2.63 3.763-1.59-.795-1.61-2.127-1.64-3.459-.03-1.498-.06-2.995-2.31-3.724.91 1.79.15 2.42-.62 3.053-.95.789-1.9 1.582.37 4.633-1.99-1.362-2.7-.486-3.33.276-.59.725-1.1 1.346-2.53-.16 1.97 2.438 2.05 3.457 2.16 4.768.07.903.16 1.946.88 3.686-4.69-3.455-5.33-.364-5.95 2.621-.02.115-.04.23-.07.345-1.26-.648-1.6-1.597-1.94-2.545-.26-.742-.52-1.482-1.23-2.077-1.99 2.397-7.18 3.585-10.16.391 1.61.555 2.51-.397 3.4-1.349.75-.789 1.5-1.578 2.65-1.511-1.1-.872-1.65-1.914-2.21-2.956-.72-1.365-1.45-2.732-3.39-3.721.95 1.958.66 2.465.27 3.134-.29.518-.65 1.133-.53 2.593-2.23-6.587-14.02-7.344-13.39-1.404-1.33-.528-1.45-1.432-1.56-2.334-.12-.902-.23-1.802-1.56-2.322-.03.539-.26.653-.48.767-.17.087-.34.174-.42.455.27.841.48 1.604.67 2.312.7 2.587 1.19 4.429 3.91 6.57-1.4-.689-2.31-.325-3.21.039-.33.132-.66.264-1.02.345 1.09 1.609 2.12 1.866 2.96 2.075.89.222 1.56.391 1.87 2.047-1.68-1.757-2.22-1.044-2.77-.33-.58.753-1.16 1.506-3.07-.653-.46-2.036-.22-2.98-.02-3.799.23-.906.41-1.659-.42-3.569-1.4-1.054-2.04-.414-2.67.226-.59.596-1.18 1.192-2.4.424.03-1.266-.74-2.277-1.5-3.287-.76-1.008-1.51-2.014-1.49-3.27 1.01-.8 3.04-3.946.35-6.681-.78-.334-.83.938-.87 2.211-.05 1.359-.09 2.72-1.03 2.127-.05-2.119-1.29-2.881-2.38-3.544-1.04-.636-1.93-1.181-1.46-2.746-1.97-.158-4.05 2.746.49 6.412-.84-3.24-.19-2.187.86-.477.71 1.148 1.6 2.592 2.34 3.229.06-.155.1-.356.13-.557.1-.568.2-1.134.77-.65-.14.845.08 1.581.29 2.32.2.694.41 1.389.31 2.179-1.02.324-1.65-.763-2.45-2.133-.74-1.273-1.63-2.789-3.1-3.651-.1.367-.28.582-.46.797-.34.416-.68.831-.53 2.347.65.987 1.29.97 1.82.955.66-.017 1.17-.031 1.37 1.788-1.68-.478-2.92.04-4.15.556-1.62.68-3.24 1.359-5.88-.223 1.21-1.418 1.84-2.884 2.47-4.342.72-1.676 1.44-3.341 3.04-4.905-.45-.384-.69-.842-.92-1.298-.17-.348-.35-.696-.62-1.007-1.35.809-2.48 2.091-3.62 3.374-1.53 1.727-3.06 3.456-5.11 4.032-1.05-.709-1.37-1.644-1.68-2.58-.17-.476-.33-.953-.59-1.4-.02.545-.24.659-.47.773-.17.087-.34.175-.43.453-.03.677.35 1.224.74 1.772.33.478.67.957.74 1.525v.001c-1.27 1.058-3.7 3.088-5.81-1.12-.58.707-1.1 2.071-1.65 3.498-1.3 3.402-2.73 7.159-5.51 3.183.34-.266.72-1.337 1.27-2.872.62-1.767 1.47-4.148 2.72-6.62-1.4-.08-2.28 1.04-3.16 2.16-1.28 1.622-2.56 3.244-5.43 1.215 1.74 1.24 2.01 2.899 2.28 4.564.22 1.291.43 2.585 1.33 3.69-.55-.451-.77-.143-.99.166-.27.392-.55.785-1.51-.385 1.26-1.914.04-6.17-2.7-9.446.08 5.357-1.89 3.099-4.53.076-.15-.173-.3-.349-.46-.526-1.39 4.727-3.85 4.897-6.37 5.071-1.74.12-3.5.242-4.97 1.87-1.05-2.882-.1-3.692.86-4.51 1.04-.877 2.08-1.764.68-5.222-1.57-.558-2.53.309-3.49 1.176-1.56 1.403-3.12 2.805-7.26-1.836-.91 3.067-3.02 3.301-5.14 3.534-.6.067-1.21.133-1.78.267-.08.927.1 1.782.28 2.638.26 1.194.51 2.391.05 3.79-.23-.171-.48-.392-.73-.612-.76-.668-1.51-1.331-1.67-.578zm549.73-168.908c.03.174.05.339.07.496-.09-.178-.12-.347-.07-.496zM1193.64 717.3c.2-.117.4-.233.61-.347.25.537-.1.492-.61.347zm0 0c-.64.37-1.26.757-1.88 1.159-.52-1.868.72-1.501 1.65-1.225l.23.066zM1920 136.949v-11.117c-.61.069-1.34-.011-2.28-.496.19 2.026-.08 3.457-.32 4.776-.36 1.941-.67 3.636.56 6.619.63-.262 1.36-.109 2.04.218zM1643.01 0l-.03.019-.03-.019h.06zm-5.03 0h1.52c-.04.3-.03.65-.01 1.001.07 1.275.13 2.557-2.58 1.418-.85-.458-.83-.712-.8-1.1.02-.304.05-.69-.32-1.319h.21c1.82 1.001 1.94.534 1.98 0zm-242.31 203.589zm-344.4 181.04a.484.484 0 01-.23.069c.08-.032.15-.055.23-.069zm52.42 35.333c.19.233.19.388.05.486 0-.154-.02-.315-.05-.486zm-123.467 51.023c.156-.064.404-.008.715.125-.094.202-.315.2-.715-.125zm31.327 19.616c.01-.449.06-.832.14-1.158-.02.378-.07.764-.14 1.158zm194.2-2.702zm-23.72 45.442c.02.108.04.207.06.3a1.505 1.505 0 01-.06-.3zm26.59 123.38c-1.66-.65-3.32-1.301-3.2 1.517 2.53 1.332 4.83 2.207 5.05-.96-.54-.041-1.2-.299-1.85-.557zm140.43-20.276c.47-.539 1.1-1.253.76-2.976l.01-.01c-2.84-2.76-3.55-1.9-4.26-1.041-.42.514-.85 1.029-1.73.765.12.552.51.985.89 1.42.45.508.9 1.016.94 1.716-.16.821-1.25.07-2.32-.675-.4-.276-.8-.552-1.15-.746 1.12 3.342 1.04 3.989.95 4.764-.06.525-.12 1.108.17 2.63 3.45.774 6.49.83 7.61-2.398-2.88-2.291-2.52-2.702-1.87-3.449zm254.52-585.97c.83-.023 1.72-.047 2.88.657-1.87-2.682-2.52-2.45-3.42-2.13-.68.242-1.51.536-3.12-.35 1.48 1.883 2.51 1.854 3.66 1.823zm-65.16 62.867c-.13.396-.26.791-.74.82 2.19 3.057 4.96 1.9 3.7-.664-2.46-1.632-2.71-.893-2.96-.156zm-476.62 273.349l.17-.077c-1.63-2.908-3.32-1.991-4.71-1.241-.48.262-.93.504-1.32.555 2.91 2.13 4.38 1.447 5.86.763zm52.37 40.119c1.58 5.578 8.75 3.877 6.93.229-2.13-1.83-2.84-1.004-3.55-.179-.69.803-1.38 1.606-3.38-.05zm-133.204 32.374c.145.488.291.975.366 1.482 2.343 2.642 2.436.264 2.323-2.569-.655-.669-1.053-.773-1.449-.877-.424-.111-.846-.221-1.581-1.025-.223 1.1.059 2.046.341 2.989zm245.064 60.429c-3.42 1.838-5.16 2.275-8.78 2.607 1.28-3.818 4.5-4.154 8.78-2.607zm-78.04 31.345c.55-.197 1.05-.379 1.46-.374-1.64-3.386-3.65-2.068-4.95-1.211-.27.175-.51.331-.71.423 1.08 2.29 2.79 1.674 4.2 1.162zm-41.3 8.056c.62 1.173 2.03 7.412-.84 4.084-1.77-1.888-.72-5.855.84-4.084zm-73.76 94.629c-.21-.799-.34-1.314.44-.847-1.27-2.862-5.56-3.44-5.08 1.436 1.76 2.477 2.1 1.595 2.43.711.33-.882.67-1.765 2.43.702.13-.628-.07-1.396-.22-2.002zm68.66 3.031c.2-.409.41-.818.72-1a2.875 2.875 0 01-.28-.237c-.87-.788-3.25-2.928-3.12 1.299 1.73 1.816 2.21.877 2.68-.062zm67.5 7.039c2.99 2.673 5.7 1.723 4.25-1.487-.2-.083-.4-.171-.6-.258-1.91-.836-3.83-1.67-3.65 1.745zm10.29-6.423c1.97 3.89 6.3 3.982 6.74 1.457-2.27-2.2-3.24-1.794-4.21-1.388-.69.287-1.38.575-2.53-.069zm-155.83-140.667c-.93.611-1.86 1.223-3.02 1.333 2.55 2.677 7.4 2.595 7.9-2.418-2.12-.728-3.5.178-4.88 1.085zm228.1 182.717c1.67 3.695-1.35 4.779-4.32 2.639-.62-4.858 1.59-4.244 4.32-2.639zm-113.4-86.988c.34-.47.68-.939 1.2-1.048-1.79-4.216-4.18-1.332-4.16 1.424 1.71 1.351 2.34.486 2.96-.376zm-126.28-109.671c.52-.238 1.09-.5 1.83.491-.74-3.581-1.62-3.198-2.56-2.786-.42.182-.85.371-1.29.225.75 2.65 1.34 2.381 2.02 2.07zm5.83-.889c-.41.46-.68.762-2.38-1.922v.006c-.24 1.082.04 2.017.32 2.952.15.493.3.988.37 1.504l2.31 2.103c.09-2.46.45-2.206 1.21-1.674.48.335 1.11.781 1.94.726-.08-.733-.61-1.32-1.14-1.907-.57-.634-1.15-1.267-1.14-2.082-.87-.394-1.21-.014-1.49.294zm9.23 7.599c.22-.449.44-.898.75-1.138-2.67-2.559-4.48-3.257-3.94 1.202 2.08 2.195 2.64 1.065 3.19-.064zm92.49 61.335c-1.08-.269-1.51.783-1.64 2.462 1.39 1.07 1.32 1.873 1.25 2.861-.08.977-.17 2.133 1.11 3.905 2.22.802 1.44-1.344.5-3.925-.68-1.854-1.43-3.933-1.22-5.303zm-80.68-67.6l.02-1.071c-.26-.044-.55-.166-.85-.289-1.01-.422-2.02-.844-1.53 1.962.52.46 1.03.919 1.54 1.376l.78.705c.01-.894.03-1.79.04-2.683zm-49.099-45.37c.265-.897.466-1.577 2.284 1.525.346-5.455-6.482-5.966-3.806-.708 1.071.709 1.316-.12 1.522-.817zm139.999 109.885c-.88.95-1.82 1.962-3.7.867v-.006c1.33 2.762.7 3.658.01 4.628-.41.592-.85 1.211-.87 2.297-2.32-2.109-4.41-3.785-4.07-.508 2.4 1.644 4 1.669 4.89.23 1.64 1.09-.21 2.602-.84 2.185 2.28 3.22 4.38.053 5.84-2.158.26-.387.5-.744.71-1.033 1.78 2.487 1.87 2.175 1.99 1.788.14-.434.3-.962 2.87 2.224.86-2.238.61-4.578.38-6.697-.29-2.583-.53-4.837 1.32-6.177-2.64-1.817-5.5-.981-3.28 3.964-3.01-4.012-4.08-2.863-5.25-1.604zm90.93 80.974c2.05 4.059-.93 3.93-2.56 3.85-1.65-3.306.32-5.12 2.56-3.85zm-105.95-85.719c-1.07-.895-2.13-1.781-3.21-2.682-.5 1.114.15 1.839.79 2.564.65.726 1.3 1.452.79 2.57 1.41.96 1.85-.105 1.63-2.452zm-105.85-100.3v-.006.006zm-1.59.672c.93.636 1.85 1.272 1.59-.672-1.05-.008-2.48-1.578-3.82-3.05-2.04-2.235-3.88-4.245-3.84-.232 1.14-.405 1.73.721 2.45 2.115.53 1.036 1.15 2.22 2.12 3.033-.5-2.568.5-1.882 1.5-1.194zm46.54 39.759c-.01-.305-.02-.61-.02-.907-1.63-1.654-1.74-.102-1.85 1.455-.06.941-.13 1.883-.53 2.122 2.53 2.738 2.46.021 2.4-2.67zm-29.54-35.782c-3.24-2.55-4.37 4.455-.81 8.672-.7-3.416-.48-6.555 1.57-2.352.67-.676.73-3.201-.76-6.32zM1156.1 574.93c-.77-3.419-.58-6.654 1.61-2.517v-.009c.06-.854-.2-1.785-.45-2.689-.51-1.822-.98-3.537 1.22-4.298-4.11-3.323-4.33.915-4.01 6.283-.62.521-1.83-.124-3.05-.77-.98-.526-1.97-1.051-2.63-.944.49-.443.96-.919-.02-1.908 2.64.457 5.87-1.884 4-7.244-2.25-1.923-2.67-.285-3.09 1.353-.22.86-.45 1.719-.93 2.065-.84-.677-1.68-1.355-2.51-2.031-.52-.42-1.03-.839-1.55-1.258-.43 1.08-1.31 1.729-2.19 2.381-1.98 1.463-3.99 2.942-1.01 9.338-1.38-.791-1.53-1.998-1.61-3.226-3.52-1.615-.19 4.855 2.42 6.738-.11-3.185.24-2.561 1.02-1.197.54.965 1.3 2.301 2.25 2.919.35-2.697 2-2.807 3.66-2.917 1.6-.107 3.2-.214 3.62-2.669 1.2 2.066 2.05 2.739 3.25 2.6zm-101.93-78.463c.57.699 1.15 1.4 1.18 2.279v2.843c.39.34.78.684 1.18 1.029.39.339.77.68 1.17 1.021.11-1.776-.34-3.359-.78-4.944-.37-1.297-.73-2.594-.79-3.998-1.27-1.694-1.42-1.057-1.56-.422-.15.635-.3 1.268-1.56-.423-.12 1.039.52 1.826 1.16 2.615zm242.18 194.632c2.56 3 3.69-1.451 1.7-3.622-2.02-2.151-1.87-.304-1.72 1.541.07.804.13 1.607.02 2.081zm-51.24-47.109c-2.16-.128 6.14 5.117 4.19-.741-1.77-1.572-2.31-.828-2.86-.085-.34.468-.68.935-1.33.826zm-208.42-172.727c-.01-.42-.01-.84-.01-1.259-2.01-2.055-1.94-1-1.87-.061.04.605.08 1.162-.45.81.11.919.86 1.624 1.62 2.332.25.228.49.456.72.691 0-.834-.01-1.674-.01-2.513zm25.65 15.683c-1.57-1.046-2.45-2.331-2.37-3.939l-.01.003c-.45.679-.8 1.574-1.16 2.47-.52 1.328-1.05 2.658-1.91 3.292.66.323 1.38.768 2.09 1.213 1.22.757 2.45 1.514 3.38 1.67l-.02-4.709zm-28.02-24.811c1.01 1.923 2.02 3.839 2.35 5.977l-1.54-1.363c1.94 3.659 3.07 2.799 4.24 1.91.79-.6 1.6-1.213 2.69-.458-.6-2.174-1.82-2.365-2.96-2.542-1.39-.216-2.64-.411-2.47-4.145-1.19-1.431-1.53-1.105-1.87-.778-.27.256-.54.511-1.21-.082.25.496.51.989.77 1.481zm34.9 28.242c.68-.881 1.26-1.637 3.3 1.64-1.97-6.621-8.06-8.648-5.48-.986 1.16.671 1.69-.024 2.18-.654zm9.46 4.597c-.54-.938-1.31-2.242-2.22-2.37.36 1.037.47 2.161.58 3.287.23 2.227.45 4.459 2.62 6.03.14-.93-.16-1.705-.46-2.479-.35-.895-.7-1.789-.36-2.919 1.35.812 1.5 2.016 1.59 3.239 1.73 1.345 1.69-.924 1.55-3.342-1.47-.886-1.52-2.234-1.57-3.602l-.03-.59-.56-.477c-.87-.751-1.74-1.494-2.61-2.242.12 1.066.66 1.988 1.2 2.913.54.92 1.08 1.842 1.21 2.908-.09 1.098-.41.537-.94-.356zm19.21 14.981c-.04 3.941-1.86 4.352-5.55.927.5-3.038 2.69-2.632 5.55-.927zm-52.81-45.028c-1.29-.407-2.57-.814-3.04.461l.07.055c1.07.881 2.12 1.751 2.26 2.953.36-.078.7-.135 1.01-.188 1.83-.308 2.89-.488 2.81-3.939-.41 1.511-1.76 1.084-3.11.658zm118.24 98.698l-.03-3.813-.01-.006c-.5.091-1.04.112-1.57.133-1.83.073-3.65.144-4.07 2.937.56.449 1.13.901 1.69 1.348l.75.599c-.65-3.788.42-4.189 3.24-1.198zm-111.74-94.993c.57-.11 1.13-.219 2.06.421-1.41-3.727-5.14-4.507-4.65-1.262 1.26 1.098 1.93.969 2.59.841zm217.76 172.504c1.47-.006 2.95-.012 3.5-1.694l-.21-.065c-3.13-.945-8.53-2.579-6.5 2.834.69-1.066 1.95-1.07 3.21-1.075zm-236.44-196.36c.24 1.504.47 3.012 1.3 4.318l.02.009c-.91-.09-1.03.414-1.14.864-.14.571-.26 1.056-1.91.142 5.38 7.436 9.44 2.695 10.73 1.15.26 3.024 1.6 4.214 3.88 3.429-.36-1.452-1.02-2.806-2.36-3.939.54.034 1.17.13 1.85.23 2.92.435 6.55.974 5.79-2.776-1.12-.484-2-.705-2.8-.904-1.93-.483-3.37-.843-6.49-4.497-.35.373-.79.569-1.23.765-1.26.563-2.51 1.125-1.73 5.889-.28-.701-.52-1.413-.76-2.124-.63-1.835-1.26-3.67-2.42-5.333-1.35-.357-2.36-.036-3.04 1.018.13.577.22 1.168.31 1.759zm38.8 40.922c3.36 1.555 2.94-.941 1.51-5.236-1.48.114-1.17 1.257-.84 2.457.32 1.177.66 2.41-.67 2.779zm-25.98-28.228c-.43-.017-.86-.034-1.46-.391.61 3.988 4.21 4.811 3.87 1.54-1.15-1.1-1.78-1.125-2.41-1.149zm124.84 98.669c.05 1.661-.58 1.985-1.61 1.552 1.02 1.655 2.09 1.704 3.21 1.754 1.07.048 2.18.099 3.34 1.553.32 2.103-.21 2.592-.73 3.081-.46.422-.91.843-.83 2.294 1.85 1.518 3.07 1.854 4.3 2.188.47.13.95.26 1.46.459.23-3.28-1.34-5.907-3.38-8.332.06-.145.13-.292.2-.44.82-1.839 1.65-3.681 4.66-1.382.31-1.19-.25-2.05-.82-2.911-.44-.677-.88-1.353-.9-2.189-.74 1.787-1.67 2.089-2.52 2.366-1 .326-1.9.618-2.28 3.245-1.36-1.071-2.74-2.16-4.1-3.238zm-3.19 5.01c3.07 2.821 4.8 3.069 4.88.11-.51-.1-1.1-.345-1.68-.59-1.47-.617-2.94-1.232-3.2.48zm-108.37-98.6c-.16-.889-.32-1.78-1.59-2.305v-.006c-1.05.263-1 3.506.08 5.642 1.99 1.622 3.03 1.283 3.08-1.033-1.25-.522-1.41-1.41-1.57-2.298zm243.84 190.908v-.087c-1.5-.2-2.98-.358-2.51 2.98 2.39 1.846 2.45-.529 2.51-2.893zm-249.28-197.048c-.44-.668-.88-1.334-1.64-1.892l.05 3.76c2.05 2.053 3.36 2.597 3.08-.083-.67-.54-1.08-1.163-1.49-1.785zm66.44 50.453c-.72-1.31-1.83-2.517-3.22-3.583.36 2.26-.38 2.348-1.12 2.435-.72.085-1.44.17-1.15 2.234 2.99 2.605 3.93 1.188 4.88-.235.2-.295.4-.591.61-.851zm-54.43-47.405c-.86.699-1.72 1.397-3.53.173.09.558.44 1.032.79 1.506.4.544.8 1.087.82 1.754 2.26 1.731 2.88.135 3.5-1.464.43-1.117.87-2.236 1.86-2.221-1.74-1.12-2.59-.433-3.44.252zm14.53 11.136l.06 3.76c1.22 1.389 1.59 1.073 1.96.756.37-.318.74-.636 1.97.765-.5-1.424-1.6-2.628-2.71-3.834-.44-.477-.88-.955-1.28-1.447zm-26.36-21.777c.87.78 1.74 1.56 1.99 2.553v.006c-.33.263-.89.077-1.44-.11-.69-.233-1.39-.466-1.64.188.42 1.988 1.23 2.186 2.11 2.401.6.145 1.23.298 1.79 1.011-.02-1.574-.05-3.123-.08-4.687-1.5-.805-2.21-2.243-2.78-3.392-.57-1.149-.99-2.01-1.93-1.658-.39 1.578.79 2.633 1.98 3.688zm130.96 108.429c.03-.85.05-1.676 1.33-1.138-1.97-4.548-3.99-1.493-3.23 2.172 1.84.918 1.87-.073 1.9-1.034zm-93.68-83.106c.27-.335.54-.67.84-.939-.37-.048-.77-.163-1.17-.278-1.55-.447-3.1-.893-2.68 2.58 1.5.532 2.26-.416 3.01-1.363zm231.94 175.964c.04-.262.08-.524.13-.769-3.13-2.96-4.24-.918-2.49 2.096 1.95 1.594 2.15.137 2.36-1.327zm-213.15-164.921c.55-.162 1.1-.324 1.83-.115-1.28-2.706-5.89-4.388-5.5-.842 1.83 1.503 2.75 1.23 3.67.957zm89.75 66.689c-1.77-.134-3.55-.268-4.7.748 2.38 6.394 6.6 3.415 6.45-.657-.57-.002-1.16-.047-1.75-.091zm-138.34-123.665c-.5-.031-.72-.044-.7-2.019l.01.002c-1.75-.552-3.38-.88-4.6-.362-.63-.769-.5-.975-.31-1.294.17-.277.4-.639.23-1.525-2.05-2.404-2.71-2.062-3.38-1.718-.15.078-.31.157-.48.203 1.54 2.408 1.35 2.548.91 2.866-.32.224-.75.536-.79 1.795.71 1.343 1.79 2.555 3.15 3.667-.07.566-.6.197-1.14-.171-.58-.402-1.17-.804-1.15-.002-.28-.448-.47-.924-.66-1.398-.37-.913-.73-1.821-1.74-2.524.37 1.392.66 2.665.92 3.838 1.1 4.917 1.81 8.058 6.32 10.716-.1-.713-.64-1.283-1.18-1.855-.59-.621-1.18-1.244-1.21-2.054 1.89-.641 3.13.05 6.23 3.59.14-1.258 1.04-1.006 1.94-.755 1.18.329 2.35.657 1.84-2.375.94 1.373 1.7 1.457 2.33 1.526.7.077 1.22.134 1.61 1.877 2.55.457-.85-3.771-2.19-5.447-.11-.13-.2-.245-.27-.341-.93-.687-1.55-.772-2.16-.856-.98-.133-1.95-.265-4.09-2.733-.14-1.245.52-.902 1.17-.56.75.388 1.49.776 1.08-1.135-.75-.898-1.3-.932-1.69-.956zm24.5 18.453c-.52.547-.96 1.005.05 2.93v0c5.02 1.413 7.39 12.045 6.65 15.748 2.67.875 1.92-1.772.93-5.284-.72-2.54-1.57-5.533-1.34-7.971.52-.74 1.55-.506 2.57-.271 1.2.274 2.4.548 2.8-.734-1.55-2.281-2.56-1.92-3.27-1.666-.71.255-1.13.404-1.49-2.314-1.04-.459-1.74-.103-2.39.23-1.01.518-1.92.978-3.82-1.785-.13.534-.42.837-.69 1.117zm249.7 194.056c-.1-.883-.2-1.764-.77-2.436v.006c-3.33.623-3.83 5.052-3.98 8.669.82.171 1.5.285 2.1.386 2.69.45 3.82.639 9.16 4.474-.82-2.72-1.07-4.627-1.32-6.542-.29-2.2-.57-4.413-1.74-7.885-.76-.581-1.21-.616-1.66-.652-.47-.038-.95-.076-1.8-.769.16 1.041.61 1.954 1.06 2.867.75 1.512 1.49 3.025.93 5.129-1.67-.632-1.82-1.941-1.98-3.247zm-133.28-88.117c2.58 1.097 3.46-.325 2.32-3.846-.21.272-.43.516-.66.761-.69.755-1.39 1.515-1.66 3.085zm-153.56-130.164c-.57-.693-1.14-1.386-1.2-2.246-2.45-.727 1.12 6.463 2.41 4.851.1-1.033-.55-1.82-1.21-2.605zm50.03 42.554l-.24-7.58-.01.003c-2.92-1.552-4.3 3.082-2.11 6.524.73.751 1.06.735 1.39.72.26-.012.52-.024.97.333zm109.92 84.043v-.008.008zm0 0c.02.646.04 1.283.07 1.921l.03.962c1.29 1.364 1.64 1 1.99.637.28-.285.55-.569 1.28-.021-.55-2.25-.94-2.391-1.78-2.692-.4-.146-.91-.329-1.59-.807zM1146 500.159c2.37 1.709 4.77-2.061.65-5.028.34 1.685 0 2.098-.33 2.511-.33.413-.66.826-.32 2.517zm-79.17-68.52c.72-.326 4.01 2.59 3.98 5.25-1.93-1.514-3.81-3.119-3.98-5.25zm142.38 113.252c-.7-.374-.81-.984-.87-1.603-.82-.408-.77.775-.72 1.96.02.436.04.873.02 1.23 2.24 1.152 3.18-.137 3.13-3.202-1-.353-1.67-.084-1.56 1.615zm-12.25-15.404c.28-.964.56-1.928 1.97-.819-2-4.177-4.36-1.555-3.98 1.592 1.45 1.177 1.73.202 2.01-.773zm-166.53-144.236c1.58 2.214.36 4.908-.71 1.173v-.003.003c-.9.645-.57 2.88.19 5.601 1.72.341 2.03-.16 2.32-.627.24-.378.46-.732 1.4-.6-.09-.224-.17-.45-.25-.676-.62-1.745-1.25-3.491-2.95-4.871zM1363.85 631.7c1.16.287 2.33.575 1.93-1.753-2.78-2.276-3.87-1.737-3.31 1.593.37-.09.88.035 1.38.16zm-192.22-144.431c.37 2.703-.99 2.235-3.14.3-.36-2.713 1-2.236 3.14-.3zm73.47 58.46c3.28 3.125 3.02-2.243-.18-3.864-.74.502-.6.844-.33 1.513.21.515.49 1.224.51 2.351zm-57.53-57.095c-2.92-4.408-7.27-4.051-7.15-.044v-.006c.67 1.578 1.17 1.608 1.58 1.632.38.022.67.039.94 1.234.57-.269.8-1.141 1.03-2.012.44-1.652.88-3.297 3.6-.804zm201.64 135.215l.09-.145c-3.01-4.059-5.37-1.024-5.88 1.814 3.45 1.962 4.62.148 5.79-1.669zm-321.25-235.833c.61.163 1.18.315 1.61.612-1.02-2.994-5.38-5.391-5.45-3.76.84 2.342 2.46 2.776 3.84 3.148zm60.46 35.976c-.92-.114-1.85-.228-3.81-2.243l.01.006c.36 2.231.51 2.988.54 3.749.02.65-.05 1.303-.15 2.879 1.24 1.409 1.72 1.406 2.21 1.402.42-.003.85-.005 1.76.897-.95-3.547-.08-3.725.78-3.903.64-.131 1.28-.261 1.19-1.729-1.13-.888-1.83-.973-2.53-1.058zm117.52 91.849c.37-3.134-1.6-5.224-4.46-6.929.28 1.553-.23 1.719-.75 1.886-.59.191-1.18.383-.59 2.644.9-.977 2.26.089 3.55 1.094.83.651 1.63 1.276 2.25 1.305zm-148.27-125.028c1.96.601 2.05-2.279 1.91-5.581-2.44-2.048-2.23.847-2.02 3.758.05.623.09 1.247.11 1.823zm74.09 54.764c.4 2.682-.96 2.214-3.12.27-.39-2.686.96-2.205 3.12-.27zm-31.74-23.155c3.09 2.571 3.68.57 3.7-2.445-.33.061-.69.074-1.06.087-1.28.044-2.56.089-2.64 2.358zm25.15 7.022c-.78 1.128-1.57 2.256-3.73.916-.14 1.962.35 3.702 1.11 5.336 1.52 1.219 1.34.715 1.02-.158-.12-.334-.26-.721-.33-1.087.68-.439 1.44-.665 2.15-.877 1.96-.586 3.56-1.064 2.12-5.63-1.16-.184-1.75.658-2.34 1.5zm56.76 48.689c2.25-.262 4.41-.7 4.43-4.868l-.32.046c-2.11.304-4.23.609-4.11 4.822zm-119.18-101.031c.72-.314 1.43-.627 1.37-2.373l.01-.003c-1.18-.753-1.91-1.689-2.63-2.626-.79-1.034-1.59-2.069-3.01-2.861.27 1.607 1.06 3.011 1.84 4.415.69 1.228 1.38 2.457 1.73 3.823.21-.162.45-.269.69-.375zm-5.89.56c.85.18 1.48.314 3.14 2.575v-.01c-.25-1.142-.6-2.241-.94-3.275-.76-2.354-1.42-4.377-.44-5.834-2.98-3.577-3.07-1.359-3.18 1.296-.07 1.662-.14 3.496-.94 4.186 1.13.801 1.79.942 2.36 1.062zm9.05 3.595c.59-.417 1.27-.901 2.47.5 1.5 1.791 1.09 2.857.7 3.879-.21.568-.42 1.122-.3 1.779 1.73.465 2.7-.511 2.81-3.046-1.6-1.009-2.53-2.243-2.54-3.84-2.7-2.517-3.68-1.862-4.66-1.206-.21.145-.43.29-.67.401 1 2.377 1.54 1.996 2.19 1.533zm52.34 36.338c.35-.339.7-.679 1.55-.14-.86-2.524-4.55-3.259-3.91-.382 1.46 1.384 1.91.954 2.36.522zm-4.36-.954c.71.777 1.41 1.554 1.38 2.626 2.12.626-.27-4.935-2.7-5.691-.28 1.308.52 2.187 1.32 3.065zm19.05 10.945c-.48.558-.96 1.118-.56 3.235v.01c.77 1.303 1.91 2.439 3.33 3.468-.5-4.114.7-3.094 3.09-.34-.14-1.44-.34-2.275-.5-2.902-.23-.95-.35-1.424.08-2.8-.39-.078-.71-.033-1.02.013-.84.119-1.67.238-3.77-1.888-.11.581-.38.892-.65 1.204zm127.44 93.777c.25-.719.55-1.568.1-3.38l-.01.004c-2.98-1.286-3.51 1.977-2 5.936.75.682.79.184.79-.369l1.73 1.183c-1.14-1.858-.91-2.525-.61-3.374zm121.22 80.691c-.33.179-.71.391-1.39.163.37 2.951 4.44 5.016 3.51 1.257-1.23-1.914-1.6-1.711-2.12-1.42zm-312.08-225.568c-.92.767-2.45.408-4.6-1.086-1.43-4.597 4.18-.391 4.6 1.086zm166.57 119.061c-.41 2.657-1.96 3.388-4.65 2.2.4-2.673 1.96-3.389 4.65-2.2zm-149.47-118.293c-.29-.764-.48-1.255.28-.859v.007-.006-.001c-3.47-4.59-6.26-1.076-5.76 4.202 2.49 3.179 4.16 4.251 5.58 3.604-.51-2.284-1.35-2.726-2.22-3.188-.67-.353-1.36-.717-1.95-1.927-.05-2.945 1.03-2.106 2.32-1.098.73.567 1.53 1.187 2.24 1.219.02-.628-.26-1.37-.49-1.953zm122.95 94.185c-.4.724-.8 1.448-1.71 1.307.33 1.816 1.62 3.225 3.53 4.349.08-1.189.54-1.728 1.01-2.266.6-.699 1.2-1.396.95-3.518-2.53-2.118-3.15-.996-3.78.128zm-72.16-55.539c.89-.063 2.1.432 4.03 2.19 1.08 4.093-3.74.701-4.03-2.19zm-43.51-37.422c-.49-1.095-.97-2.194-1.04-3.463l.01-.004c-2.04-1.513-3.03-1.123-2.95 1.165 1.89 1.796 3.1 2.342 3.98 2.302zm51.55 37.956c-.02-.945-.04-1.889.32-2.17-1.65-.444-2.28.893-2.01 3.808 1.76 1.536 1.73-.052 1.69-1.638zm18.31 8.82c.43-.086.97-.194.61-2.327l-.01.003c-2.98-2.422-4.23-1.894-3.77 1.614-2.25-2.152-2.67-1.146-3.09-.141-.37.88-.73 1.76-2.32.524 2.31 3.968 6.75 4.696 5.42-.353.81 1.29 1.97 2.408 3.41 3.419-1.06-2.577-.72-2.646-.25-2.739zm-3.16-.68c0-.007-.01-.013-.01-.019v-.011.007c.01.008.01.015.01.023zm-59.97-41.59c1.91 1.612 3.82 3.226 2.72-.519-.43-.077-1.04-.466-1.64-.855-1.28-.818-2.56-1.637-2.21.445.36.281.74.605 1.13.929zm51.15 34.63c.8-.038 1.6-.075 1.05-2.446-2.72-2.331-4.2-.787-2.11 2.835.23-.351.64-.37 1.06-.389zm1.83-8.401c.03-.637.06-1.366.06-2.262l.01-.003c.61.601 1.01 1.294 1.4 1.986.65 1.14 1.31 2.279 2.91 3.008.12-1.118-.26-2.029-.63-2.938-.2-.476-.4-.951-.52-1.455-.49-.311-.96-.635-1.42-.95-2.53-1.731-4.69-3.21-5.72-.874.51 1.443 1.02 1.513 1.59 1.593.28.038.58.079.9.278-.11.577-.38.887-.65 1.197-.47.556-.95 1.111-.53 3.209.59.623 1.12 1.365 1.6 2.049.95 1.34 1.74 2.457 2.62 2.024-1.77-3.443-1.72-4.539-1.62-6.862zm10.7 3.931c-.7 4.165-3.45 4.829-6.6 4.802-3.96-7.55 2.57-6.189 6.6-4.802zm-79.63-53.431c1.55.072 3.1.145 3.81-1.301-3.73-2.654-5.07-1.062-5.94 1.363.65-.132 1.39-.097 2.13-.062zm28.3 18.163a5.772 5.772 0 01-.21-.413c-1.88-1.224-.1 3.792.41 4.718 2.62 1.381.89-2.098-.2-4.305zm-11.31-14.442c-.04-1.233-.08-2.467-1.75-3.012 1.15 3.008.83 4.178.55 5.218-.24.86-.45 1.631.21 3.281.38-.055.77-.078 1.17-.102 1.93-.116 3.87-.232 3.74-3.96-1.57-1.586-1.71-.649-1.85.286-.11.744-.22 1.487-1.05.955-.96-.625-.99-1.645-1.02-2.666zm79.45 63.046c-1.81-5.092-8.7-11.142-8.3-5.239 3.58.771 4.8 1.939 6.56 3.635.51.489 1.07 1.023 1.74 1.604zm-13.48-10.845a749.15 749.15 0 00-.41-4.714l-.01.003c-1.86-2.166-1.67-.811-1.48.544.16 1.123.32 2.246-.69 1.365.18.909.99 1.533 1.8 2.164.27.208.54.418.79.638zm-34.58-31.197c-.38-1.788-.77-3.577-2.6-4.752l-.01.003c.15 1.554.29 3.134.43 4.72.77.724 1.1.691 1.43.659.25-.025.5-.05.96.274-.08-.299-.14-.601-.21-.904zm-19.21-20.148c2.47 2.536 4.09 5.418 4.58 8.79-3.34-2.083-5.72-7.829-4.58-8.79zm51.28 40.665c-1.39-2.381-5.85-5.922-4.83-1.832 1.14.627 2.14 1.654 2.93 2.468 1.34 1.372 2.09 2.137 1.9-.636zm-42.37-42.524c-.66.183-1.75-.4-3.19-1.575v.007c.14 1.972-.77 2.132-1.67 2.292-.88.155-1.75.309-1.69 2.089 1.42 1.047 1.99.747 2.49.489.63-.327 1.13-.587 3.05 2.028-1.18-3.549-.76-3.716-.11-3.973.39-.157.87-.347 1.12-1.357zm6.21 1.9c1.26-1.047 2.64-2.202 5.38.009-3.46-6.333-5.96-3.983-7.97-2.088-.72.674-1.37 1.29-1.99 1.437 2.21 2.623 3.33 1.687 4.58.642zm3.18.95v-.006.006zm1.02 2.14c-.46-.658-.93-1.316-1.02-2.14-1.39-.428-1.28.154-1.09 1.072.14.694.31 1.581-.1 2.367 1.16 1.13 1.72 1.212 2.27 1.294.28.043.57.085.94.27.19-1.182-.4-2.021-1-2.863zm12.34-9.404c-.32.355-.65.709-1.95-.589.2.688.57 1.299.94 1.911.41.681.82 1.364 1 2.156 1.57.563 1.92-.887 1.96-2.9-1.3-1.288-1.62-.933-1.95-.578zm61.21 36.404c.25-.404.48-.766.69-.961-.94-1.631-1.52-1.109-2.23-.468-.75.674-1.65 1.48-3.26.055 2.26 5.367 3.75 3.02 4.8 1.374zm90.51 65.491c2.59 1.623 1.69-4.18-1.41-5.354-.22 1.199.23 2.061.68 2.92.39.741.78 1.481.73 2.434zm-95.63-68.988c1.39.735 2.78 1.468 2.32-.808-.55-.786-1.22-1.515-1.88-2.245-1.04-1.126-2.07-2.253-2.65-3.591-.94-.397-.35.995.34 2.632.56 1.323 1.19 2.807 1.13 3.635.24.114.49.246.74.377zm1.38-2.352c2.76 1.654 1-4.631-2.22-5.918-.31 2.025.64 3.472 1.58 4.915.22.332.44.664.64 1.003zm-36.88-34.769c-.29.715-.58 1.43-2.55-.618v.004l.65 5.65c.19-.094.39-.183.58-.272 1.62-.743 3.24-1.485 3.44-4.563-1.59-1.523-1.86-.862-2.12-.201zm31.28 26.434l-.43-3.758c-.25-.014-.56-.103-.86-.192-1.04-.307-2.08-.613-1.25 2.139l2.54 1.811zm17.97 8.047c-1.42-1.238-2.51-2.181-2.21.535 1.96 2.938 5.19 3.239 5.6 1.315-1.01.218-2.3-.902-3.39-1.85zm4.99 2.09l-.01-.008v-.003c.01.003.01.007.01.011zm0 0c.04.098.11.249.2.437.61 1.335 2.06 4.507.25 3.374 1.92 4.017 3.89 1.676 2.92-1.468l-3.37-2.343zm86.73 56.501v-.005l-.01-.002c0 .002 0 .004.01.007zm-2.79-.393c1.18.53 2.37 1.06 2.79.393 1.14 1.18 1.59 2.71 2.05 4.242.32 1.103.65 2.206 1.23 3.182 1.62.923 2.86 1.264 3.3.365.22-1.37-.66-2.186-1.53-3.001-.77-.718-1.54-1.435-1.56-2.528.51-1.22 1.15-.194 1.95 1.102.72 1.146 1.57 2.503 2.56 2.702-.55-1.696-.25-2.062.06-2.429.27-.318.53-.636.23-1.828-2.25-1.936-3.1-1.742-3.95-1.549-.33.075-.65.15-1.06.103-.57-2.595.56-2.591 1.68-2.588 1.08.003 2.16.006 1.74-2.299 1.39.548 2.44 1.612 3.34 2.513 1.06 1.064 1.89 1.9 2.77 1.382-.75-2.212-1.14-2.315-1.99-2.534-.4-.106-.92-.24-1.63-.656-.59-2.365.65-1.941 1.89-1.518 1.39.472 2.77.943 1.63-2.423-7.41-.515-12.05 3.087-16.73 6.712l-.13.104c.42.134.89.344 1.36.553zm-93.54-67.645c-.9.588-1.79 1.176-4.29-.815.14 2.576.48 5.069 3.08 6.519-.23-1.831.38-2.303.99-2.774.36-.275.72-.551.9-1.1.56.662.91 1.424 1.27 2.185.66 1.421 1.33 2.841 3.29 3.614.85-1.41.1-2.682-.84-4.276-.59-1.017-1.27-2.165-1.66-3.565-1.38-.682-2.06-.235-2.74.212zm-37.33-26.155l-.12-1.024c-1.86-1.309-1.77.584-1.67 2.481.05.865.09 1.731-.05 2.294 2.54 1.906 2.19-.928 1.84-3.751zm66.56 52.088l-.45-3.816c-2.28-1.817-2.64-.579-2.1 2.067.43.301.88.605 1.32.909l1.23.84zm1.22-27.859c-1.47-1.033-2.11-.807-2.31.158v.01c-3.65-4.147-.62-4.68 1.36-5.03.43-.075.8-.141 1.06-.232-1.72-2.397-8.48-3.087-5.11 2.555-4.05-3.048-5.08-10.272-1.97-9.108-1.77-2.598-2.56-1.702-3.43-.719-.69.788-1.43 1.631-2.77.782.58 1.436 1.09 1.479 1.68 1.528.27.023.56.048.88.221.13 1.641-.33 2.375-.78 3.11-.41.672-.83 1.344-.8 2.711-1.15-.702-1.17-1.96-1.2-3.222-.01-.736-.03-1.473-.26-2.102-.76.691-1.22 2.086-1.7 3.518-1.06 3.207-2.19 6.604-6.79 2.721 1.48 4.545 1.57 7.577 1.67 11.309.03.932.06 1.907.11 2.96 1.89 1.408 1.89-.008 1.9-1.075 0-1.082 0-1.804 1.98 1.15.24-1.361-.57-4.854-2.63-8.78 1.88-2.847 4.13-5.069 9.85-1.886l-.54-4.091-.08-.646c.74.18 2.05 1.271 3.49 2.463 2.92 2.421 6.34 5.255 6.39 1.695zm-5.64-13.313c-.99.523-1.22 3.403-.1 5.089.34-.044.69-.061 1.05-.078 1.67-.079 3.34-.159 3.2-3.049-1.01-1.04-1.8-.891-2.45-.768-.7.132-1.23.232-1.7-1.194zm-61.31-10.387c1.18-1.869 3.31-2.181 5.92-1.731-.75 2.336-2.7 5.835-5.92 1.731zm30.84 20.472c.17-.286.34-.572.81-.377-.58-2.315-5.1-4.772-3.16-.515 1.76 1.866 2.05 1.378 2.35.892zm5.4-.633c2.21 4.21 4.21 1.716 3.74-.866-.94-.358-1.41.038-1.87.433-.47.396-.93.791-1.87.433zm-27.54-23.855c1.43 2.293.66 4.909-1.95 2.887-.76-3.245.57-3.096 1.95-2.887zm142.8 92.568c.27-.498.55-1.023-.33-2.616-2.64-1.63-1.67 5.214 1.62 6.319-1.94-2.509-1.63-3.086-1.29-3.703zm4.09-1.946c.22-1.049.4-1.889-.79-3.667-2.43-1.295-2.12 1.51-1.8 4.345.06.565.12 1.132.16 1.667.47.298.94.6 1.42.9.4.259.81.517 1.22.772-.63-2.016-.41-3.097-.21-4.017zm-105.54-71.148c.08-.233.16-.437.23-.581-1.47-.984-1.95-.404-2.43.175-.33.404-.67.808-1.34.68 2.02 3.775 2.99 1.183 3.54-.274zm-21.68-20.982c.58 2.666.24 3.867-2.02 2.033-.56-2.653-.22-3.854 2.02-2.033zm43.69 20.64c-.43.32-.86.64-1.45.726.01 1.065.75 1.768 1.49 2.47.64.617 1.29 1.233 1.44 2.093 1.66.092 1.25-1.312.67-3.269-.25-.839-.52-1.78-.68-2.749-.6.08-1.03.404-1.47.729zm14.01 5.106c-.67.227-1.82-.289-3.33-1.363l.01.006c.18 1.278.56 2.457.94 3.637.56 1.713 1.11 3.428 1.06 5.453 1.77 1.639 2.29 1.355 2.82 1.07.32-.173.63-.347 1.24-.087.05-.733-.94-2.192-1.81-3.474-1.22-1.805-2.21-3.256.31-1.826.07-.694-.46-1.119-.98-1.514-.09-.626-.17-1.266-.26-1.902zm-15.46-12.063c-.39-.263-.79-.526-1.14-.808.52 1.988-.12 2.145-.89 2.334-.7.169-1.5.365-1.65 1.941 2.81 2.251 3.49 1.194 4.18.136.44-.688.88-1.377 1.92-1.153-.33-1.058-1.38-1.756-2.42-2.45zm268.74 165.875c-.22-2.706-.65-5.288-3.48-6.378l-.01.003c-1.07.585-.59 3.958.86 5.888.67-.139 1.35-.237 2.63.487zm-164.34-103.018c-2.88-1.723-4.6-1.737-4.78.529 3.06-.029 3.99 2.898 4.95 6.553 3.04 1.415 2.08-.984.99-3.704-.46-1.158-.95-2.373-1.16-3.378zm-86.86-58.031c1.07 2.166 3.11 4.6 4.44 3.79-1.48-3.61-1.08-3.571.38-3.427.59.058 1.36.133 2.24-.008-.61-1.919-.45-2.934-.32-3.763.15-.886.25-1.559-.65-2.897-2.51-1.793-4.28.095-1.17 2.662-.45.338-.99.196-1.39.088-.72-.191-1.03-.275.22 2.593-.32-.405-.57-.854-.81-1.303-.48-.877-.95-1.753-2.03-2.293-1.39 1.087-1.35 1.415.68 4.761-2.05-1.655-3.84-3.422-4.72-5.707-.16 3.964-2.33 7.95-7.7 6.027 5.16 5.198 10.7 4.481 10.83-.523zm-65.33-47.952c-.01-.002-.01-.004-.01-.006l.01.003v.003zm0 0c.44 1.792 1.74 3.148 3.63 4.235-.01-.396-.12-.939-.22-1.481-.31-1.567-.62-3.128 1.37-1.107-.79-1.838-.86-3.033-.92-4.007-.08-1.464-.14-2.431-2.56-4.331-.27.32-.05 1.487.2 2.784.47 2.447 1.03 5.356-1.5 3.907zm63.94 38.445c-1.18.174-2.36.347-3.87.018.75 3.092 2.3 3.152 3.36 3.192.59.023 1.03.04 1.07.595 1.19-.424 1.72-1.828 1.74-4.008-.82-.014-1.56.094-2.3.203zm-43.33-27.517c2.34 1.597 1.38-3.04.03-5.046-1.16-.741-.78.913-.39 2.574.23.99.45 1.982.36 2.472zm-11.97-16.718c.26-.433.53-.864.01-2.508l-.01.004c-3.18-1.169-3.04 1.836-2.91 4.601.03.639.06 1.266.05 1.824 1.93 3.12 3.42 2.596 4.74 2.138.57-.199 1.11-.387 1.63-.255-.77-2.176-1.14-2.296-1.95-2.553-.39-.125-.89-.283-1.58-.726-.51-1.656-.24-2.092.02-2.525zm67.35 47.153c-.34.756-.76 1.698-2.28.068 1.98 5.188 3.58 2.303 4.03.92-1.16-2.302-1.41-1.736-1.75-.988zM1283 337.758c.68-.547 1.36-1.092 1.73-2.108-2.58-3.698-4.54 1.612-3.27 3.785.39-.751.97-1.214 1.54-1.677zm-28.53-20.077c-.56-1.065-1.11-2.14-1.27-3.408l-.01.004c-1.83-1.41-2.18-.52-2.52.368-.3.769-.6 1.536-1.86.807 1.07 2.073 2.3 1.995 3.53 1.917.72-.046 1.45-.091 2.13.312zm65.87 38.251c1.99-1.631 4.06-3.331 4.58-5.848-2.24-.536-3.52.631-4.76 1.763-1.84 1.687-3.6 3.297-8.37-.924 3.18 3.848 3.29 5.092 3.47 7.149.06.612.12 1.296.27 2.142 1.7.781 2.31.29 2.8-.098.67-.54 1.09-.878 3.84 2.698-.09-1.971-1.59-3.199-3.09-4.426a38.26 38.26 0 01-.8-.67c.62-.61 1.33-1.194 2.06-1.786zm253.37 149.87c.18-.843.35-1.685 1.25-1.546-2.35-3.61-3.7.61-3.9 2.445 2.17 1.438 2.41.269 2.65-.899zM1410.37 409.1c0-.004-.01-.009-.01-.014v-.003c.01.006.01.012.01.017zm0 0c.16.24.3.467.44.681 2.26 3.503 2.51 3.883 2.52 8.036 3.85 1.307 3.9-6.332-.75-10.023.93 2.815.19 3.233-2.21 1.306zm-149.08-96.842v-.004l.01.006-.01-.002zm-3.84 2.438c1.63-.289 3.25-.578 3.84-2.438-1.51-.527-2.44-.16-3.37.207-.94.373-1.88.746-3.44.175.14.935.28 1.87.43 2.817.73-.438 1.63-.599 2.54-.761zm89.23 57.546c.45-.28.85-.535 1.22-.656-2.34-3.127-3.47-2.139-4.62-1.138-.73.641-1.47 1.287-2.54.866 2.41 3.156 4.4 1.899 5.94.928zm-8.35-13.621c-1.04.536-2.07 1.07-4.26-.113.72 1.157 1.75 3.464.44 2.842 2.42 1.88 7.7 1.633 7.41-2.949-1.75-.736-2.67-.257-3.59.22zm-73.8-47.477c-.65-.538-1.31-1.075-1.43-1.879l-.01-.006c-1.83-1.12-1.44 1.134-.95 3.563 1.53 1.271 1.93.795 2.32.318.31-.373.61-.746 1.47-.282-.19-.716-.8-1.216-1.4-1.714zm4.21.231c1.97.599 3.34.288 2.5-3.374-1.69-.836-1.91.529-2.14 1.894-.09.538-.18 1.076-.36 1.48zm63.19 36.989c-2.63-2.056-4.36-3.407-4.12.162v.006c2.54.099 4.43.83 6.25 4.85.59.374 1.15.737 1.72 1.099l.01.01c-.79-1.255-1.26-2.719-1.44-4.315-.86-.597-1.67-1.233-2.42-1.812zm-69.26-50.359c-.51.606-1.03 1.213-1.94 1.244v.003c.25.443.49.891.73 1.34 1.05 1.94 2.09 3.879 4.12 5.29.15-1.563-.58-2.657-1.32-3.752-.44-.666-.89-1.333-1.14-2.106.38-.76.92.154 1.68 1.43.91 1.529 2.12 3.578 3.73 3.895.64-.59.05-1.986-.56-3.458-.66-1.559-1.35-3.204-.66-4.072-2.85-1.903-3.74-.859-4.64.186zm15.09 12.682c-.08-2.003-.72-3.711-1.62-5.286-.97.086-1.19.905-1.37 1.604-.24.906-.43 1.61-2.13.261.09.617.2 1.236.3 1.875 1.28 1.047 1.69.774 2.09.5.47-.314.94-.629 2.73 1.046zm62.05 35.427c.37-1.24.73-2.433 1.28-2.717-2.19-1.24-2.57.147-2.96 1.534-.37 1.352-.75 2.705-2.79 1.628 2.84 4.982 3.69 2.164 4.47-.445zm20.24 3.138c.09 2.047-.21 3.535-1.82 3.133-1.56-2.222-.92-4.969 1.82-3.133zm-8.41-6.544c.95-1.01 1.89-2.004 3.06-1.866-2.13-1.961-3.43-1.085-4.87-.121-1.34.906-2.8 1.89-5.18.658 3.42 5.122 5.23 3.199 6.99 1.329zm28.63 9.564c.93 3.238-.43 3.216-1.83 3.141-1.67-2.362-.33-4.104 1.83-3.141zm-4.55-8.676c-.98 1.019-1.96 2.037-5.81-1.018l.01.006c-.15 1.197.34 2.032.83 2.867.42.723.84 1.446.86 2.403.7-.368 1.78-.501 2.89-.64 2.69-.332 5.6-.693 4.13-4.422-1.57-.582-2.24.111-2.91.804zm-5.57-6.567c.44 1.827.85 3.561-1.61 2.166v-.006c1.72 4.427 3.74 2.498 4.74 1.54.08-.074.15-.142.21-.202-.54-1.308-.94-2.021-1.24-2.54-.57-.996-.73-1.276-.64-3.683-2.37-1.019-1.91.899-1.46 2.725zm11.62-3.303c1.07 3.623.11 4.414-1.65 4.066-1.89-2.742-2.17-7.207 1.65-4.066zm-64.16-38.859c1.23.045 2.47.09 1.26-3.379-1.71-.791-1.91.59-2.1 1.972-.08.543-.16 1.087-.33 1.499.33-.123.75-.108 1.17-.092zm-5.32-5.894c1.73 3.327 4.69 2.625 3.81-.076-2.07-1.927-2.3-1.191-2.52-.455-.17.553-.34 1.106-1.29.531zm16.72 7.412c-.87-.63-1.74-1.258-1.99-2.245l.01-.01c-1.51-.048-.61 1.348.4 2.917.76 1.175 1.58 2.446 1.49 3.28 2.35 1.739 2.63.5 1.93-2.12-.36-.754-1.1-1.288-1.84-1.822zm-12.71-16.166c-.2-.626-.38-1.149-.57-1.514-3.11-.878-1.28 2.109 1 5.831 1.89 3.086 4.09 6.678 4.04 8.991 2.75 1.355 2.67-1.362 2.58-4.076-.03-.92-.06-1.84.02-2.601-2.18-1.486-4.24-2.833-3.98-.844-1.84-1.989-2.57-4.213-3.09-5.787zm84.62 58.986c1.51 3.159 4.73 2.845 3.02-.769-1.77-1.478-1.94-.742-2.11-.008-.12.515-.24 1.03-.91.777zm-72.16-52.285c.71 2.613.44 3.843-1.9 2.125-.71-2.606-.43-3.836 1.9-2.125zm66.12 36.903c-3.44-3.678-5.74-.707-6.88.995l.01-.008c2.02-.455 2.81.469 4.08 1.945.9 1.053 2.05 2.386 4.05 3.701l-.9-4.758c.54.46.87 1.055 1.19 1.65.55 1.005 1.1 2.006 2.72 2.346-3.06-5.102-1.99-5.696 1.39-5.076-1.08-1.485-.95-1.793-.77-2.256.16-.408.37-.936-.16-2.498l-1.53-.895c-.67-.393-1.34-.786-2.02-1.182 2.14 3.136 1.19 3.56.14 4.027-.74.329-1.53.678-1.32 2.009zm8.67 4.238c3.49 2.395 5.48-3.394.32-6.547v.004c1.61 3.926 1.17 3.656.14 3.02-.8-.489-1.95-1.196-2.79-.365.27.682.7 1.259 1.13 1.835.47.637.95 1.274 1.2 2.053zm4.85-7.068c-.67-2.813-1.34-5.63-4.42-6.975l-.01.004c1.68 3.152 1.63 3.905 1.58 4.783-.05.767-.1 1.629.98 4.268 1.16.925 1.31.479 1.46.033.12-.351.23-.703.85-.381-.16-.568-.3-1.15-.44-1.732zm16.82 4.963c.01-.17.01-.341.01-.508-2.49-1.27-3.48-.534-2.65 2.678 2.6 1.605 2.62-.29 2.64-2.17zm241.49 96.539c-2.63-3.825-4.19-.317-3.88 1.783v-.003c1.01 1.14 2.36 2.012 3.99 2.676-1.56-1.818-2.5-5.433-.11-4.456zM1435.1 307.583c4.47 6.215 5.67-2.687.39-5.642-.66.794-.15 2.27.28 3.528.5 1.437.89 2.59-.67 2.114zm240.23 107.319c-5.2-4.76-6.95.716-7.78 3.577v-.004.004c3.34 3.913 4.39 1.058 2.72-3.194.66.67 1.26 1.385 1.87 2.101 1.55 1.837 3.11 3.675 5.64 4.753-.23-1.096-1.29-2.426-2.26-3.646-1.57-1.96-2.9-3.635-.19-3.591zm1.93-4.51c.24-.546.47-1.093 1.11-1.152-1.55-4.427-6.83-1.959-2.95 2.204 1.23.387 1.54-.332 1.84-1.052zM1386.58 246.13c2.47 1.059 3.59.337 3.37-2.146l-.18-.066c-2.28-.856-4.53-1.699-3.19 2.212zm6.06-10.417c.01.013.01.027.02.041l.01-.014-.03-.027zm.61-2.426c-1.52-.839-2.83-1.568-.61 2.426-3.57-3.102-6.69.167-5.32 3.477 2.75 3.278 3.82 1.399 4.73-.194.34-.601.66-1.161 1.04-1.388 4.05 7.119 4.55 3.667 5.09-.046.37-2.534.75-5.191 2.3-4.691-.88-2.279-4.9-3.394-5.35-3.027.05 1.144.55 2.008 1.05 2.865.26.451.52.9.71 1.387-2.01-1.028-2.72-2.903-3.43-4.78-.7-1.88-1.41-3.763-3.44-4.8.26.588.47 1.243.71 1.944.77 2.3 1.7 5.085 4.61 7.567-.42.185-1.28-.293-2.09-.74zm-6.97-.93c1.57-.891 3.15-1.786 2.86-5.098-3.28-1.234-3.31 1.76-3.34 4.77 0 .203 0 .406-.01.608.16-.095.33-.187.49-.28zm308.91 144.919c-.4 1.391-.82 2.834-2.12 2.617 3.35 3.168 4 1.004 4.64-1.103.32-1.083.65-2.152 1.33-2.473-2.78-2.782-3.3-.961-3.85.959zm-302.27-156.754v-.008.008zm0 0c-.03.419-.12.814-.21 1.206-.36 1.581-.71 3.1 2.66 5.824-2.18-4.045-2.04-5.232 1.34-4.082-.43-1.031-1.53-1.645-2.62-2.255-.4-.225-.8-.449-1.17-.693zm14.16 3.864c-.16.499-.32.998-1.67-.044 1.27 3.56 4.3 2.819 4.01.629-1.97-1.728-2.16-1.156-2.34-.585zm-12.62-10.233c-.61-1.762-2.05-2.993-4.01-3.876v.006c.38 1.553.75 3.09 1.12 4.643.65.352.57-.217.5-.786a2.993 2.993 0 01-.05-.568c-.1-.767.76-.303 1.62.162.28.154.57.309.82.419zm316.11 151.506c-.28-.436-.57-.873-.78-1.361l.01-.004c-3.16-1.281-2.99 1.224-2.39 4.212.66.136.97-.127 1.28-.389.5-.428 1.01-.855 3.03.439-.07-1.21-.61-2.053-1.15-2.897zm-291.95-149.646c-.77.044-1.73.098-2.31-.91l-.01-.006c-.3.218-.14.936.08 1.915.2.909.46 2.045.44 3.215 1.92.301 3.05-.405 4.19-1.113.68-.422 1.35-.845 2.2-1.056-1.15-4.019-4.84-7.513-6.07-5.721.3.654.75 1.208 1.19 1.761.51.626 1.02 1.253 1.31 2.027-.22-.157-.59-.136-1.02-.112zm300.81 147.931c.55.223 1.09.445 1.63.665-.17-3.41-5.53-5.604-3.84-1.574l2.21.909zm-288.8-153.157c-2.92-1.737-3.48-.531-3.52 1.314.71.237.94.829 1.14 1.427 1.91.496 3.32.341 2.38-2.741zm298.07 130.1c-.44.17-.88.339-1.58.217v-.006c.02 1.747.93 2.759 1.84 3.773.91 1.013 1.83 2.029 1.86 3.783 1.57.972 1.83.488 2.1.004.2-.381.41-.761 1.25-.44a12.42 12.42 0 00-3.67-4.055c-.29-2.143 2.03-1.237 2.91 1.143 1.68.118.59-1.076-.54-2.298-.68-.744-1.37-1.499-1.45-1.972-1.44-.641-2.08-.394-2.72-.149zm-294.9-143.79c-.75.674-1.51 1.36-2.53 1.198l.01.003c2.83 3.171 5.9 6.195 9.32 8.985-1.78-2.148-1.74-3.785-1.71-5.31.01-.409.02-.81 0-1.21-.8-.469-1.2-.457-1.6-.446-.43.012-.86.024-1.77-.556.38-.258.56-.773.73-1.288.28-.818.55-1.636 1.66-1.428-1.89-1.94-2.98-.957-4.11.052zm301.81 140.263c-.52-.69-1.04-1.381-1.41-2.201-3.52-.561.66 4.407 3.21 5.588-.29-1.393-1.05-2.391-1.8-3.387zm-286.13-131.792c-1.99-3.387-4.35-6.52-8.45-8.472l-.01.004c.27 2.12 1.73 3.413 3.2 4.706 1.1.971 2.2 1.942 2.79 3.262.6-.109 1.22-.193 2.47.5zm290.96 130.261c.96 2.633.77 4.035-1.87 2.758-.94-2.634-.76-4.033 1.87-2.758zM1443.23 192.72c.12-.217.24-.434.36-.646v-.007c-1.65-1.156-1.52-.182-1.32.893-1.01-.4-1.68-1.062-2.06-1.881-.73.521-.86 1.215-1.03 2.064-.13.727-.3 1.567-.87 2.509 2.98.66 3.95-1.136 4.92-2.932zm7.12 2.381c-.73-.581-1.47-1.163-1.82-2.016v.001l-.01-.006c.01.001.01.003.01.005-1.3-.269-2.01.175-2.73.618-.65.404-1.29.807-2.38.671.24 1.297.94 2.281 1.64 3.265s1.4 1.968 1.64 3.265c3.27.43 5.63-.265 5.03-4.542-.38-.475-.88-.868-1.38-1.261zM1745 323.718c0-.002-.01-.004-.01-.006l.01.006zm0 0c-1.19.099-1.52 1.127-1.85 2.156-.43 1.323-.86 2.647-3.1 2.003.66 1.571 1.29 1.644 1.96 1.721.87.1 1.81.207 2.95 3.619.9.055 1.22-.515 1.54-1.086.39-.704.78-1.409 2.26-.94-2.3-1.605-3.2-4.397-3.76-7.473zm-298.52-138.475c-.57-.545-1.15-1.09-2.01-1.449l.02.009c1.17 1.906 1.63 2.569 1.9 3.303.27.724.36 1.519.74 3.649.92.476 1.82.949 2.73 1.425-.28-1.279-.57-2.548-1.66-3.251-.11-.76.75-.328 1.63.108.29.144.58.289.84.392-.4-2.286-.97-4.5-3.73-5.129.17.37.41.683.65.996.31.406.62.81.76 1.333-.77-.358-1.32-.872-1.87-1.386zm12.4 3.238c-1.01.125-2.01.249-1.77 1.876 3.53 4.091 5.05 1.923 3.23-2.341-.35.327-.91.396-1.46.465zm.94-9.981c-.07.402-.13.804-.27 1.13.87.86 1.74 1.716 2.98 2.324-.2-.682-.82-1.063-1.43-1.443-.22-.136-.44-.271-.64-.421.12-.432.56-.479 1.01-.525.83-.087 1.65-.173.39-2.741-1.65-.606-1.85.535-2.04 1.676zm9.53 1.309c.35-.496.7-.992 1.71-.692-2.66-3.505-5.08-1.543-4.4.954 1.81.996 2.25.367 2.69-.262zm2.62-.231c.46 1.156.27 1.556-.38 1.398.23.521.68.891 1.12 1.26.51.425 1.02.849 1.21 1.503.53.136.77-.062 1.02-.259.28-.218.55-.436 1.2-.205-.68-1.744-2.18-2.918-4.17-3.697zm3.64 1.833c3.11.381 5.17-.501 4-5.157-.24 1.105-1.14 1.426-2.03 1.747-1.25.443-2.49.886-1.97 3.41zm-1.51-13.469c3.49 5.279.92 6.132-1.25 6.51-1.22-4.11-1.72-7.342 1.25-6.51zm17 4.11c-.39-.35-.78-.701-1.23-1.01 1.56 1.872 1.73 4.962.31 6.502 4.2 2.226 4.43-.171 3.62-3.771-1.18-.36-1.94-1.039-2.7-1.721zm9.79-24.591c-.47.151-.77.246-1.24-.977-.64-.174-.36.285-.08.743.3.494.6.986-.26.682 1.3 2.383 5.37 2.943 4.01.331-1.27-1.155-1.95-.937-2.43-.779zm112.3-115.542l-.01-.001.01-.004v.005zm0 0c1.88 2.444 2.5 3.14 2.69 3.938.12.531.05 1.108.02 2.275l2.83 1.032.06-.172c.58-1.513 1.16-3.028-.71-6.784-2.02-.956-2.73-.718-3.45-.48-.41.134-.81.267-1.44.191zm10.06-4.966c.19-.76.44-1.73 2.44-.947-2.06-2.153-2.92-1.586-3.8-1.005-.55.368-1.12.74-2.01.43 2.98 3.037 3.14 2.43 3.37 1.522z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_843)"><g clip-path="url(#prefix__clip1_58_843)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1024.54 670.149c1.23-.376.84-2.464-1.31-4.269.22-1.001 1.47.499 2.4 1.189.79-2.4-.52-4.205-.33-6.427 2.58-.6 5.75.147 6.92-3.802 6.7 7.51 6.64-.801 10.75.66 2.7 6.686-3.72 3.762-1.54 9.733 3.59-3.986 8.98 1.052 11.34-6.941 2.87 3.264 5.08 6.114 4.99.45 2.74 3.275 3.96 7.531 2.7 9.446 1.71 2.089 1.25-.806 2.5.218-2.06-2.528-.52-6.051-3.61-8.254 4.86 3.431 5.15-3.571 8.59-3.374-2.34 4.619-3.25 8.92-3.99 9.492 3.94 5.642 5.18-4.291 7.16-6.681 2.11 4.209 4.54 2.176 5.81 1.119-.14-1.221-1.54-2.03-1.48-3.297.21-.645.86-.268.9-1.226.77 1.326.69 2.909 2.27 3.98 3.57-1.005 5.57-5.508 8.73-7.407.63.718.74 1.626 1.54 2.306-2.98 2.923-2.9 6.199-5.51 9.246 4.64 2.786 6.13-1.438 10.03-.332-.36-3.31-1.75-.552-3.19-2.743-.23-2.299.67-2.067.99-3.144 3.06 1.789 3.58 6.408 5.55 5.784.19-1.631-.87-2.86-.6-4.499-.78-.656-.68.615-.9 1.206-1.84-1.585-4.61-8.168-3.2-2.752-4.54-3.666-2.46-6.57-.49-6.411-.96 3.195 3.76 2.137 3.84 6.29 1.82 1.148.28-5.029 1.9-4.338 2.69 2.735.66 5.88-.35 6.681-.05 2.512 3.04 4.026 3 6.557 2.51 1.593 2.35-2.686 5.06-.651 1.59 3.637-.53 3.081.44 7.368 3.72 4.205 2.39-2.63 5.84.984-.6-3.223-2.59-.814-4.83-4.122 1.33-.305 2.33-1.324 4.23-.384-3.46-2.727-3.32-4.968-4.58-8.882.18-.646.84-.267.9-1.223 2.66 1.041.45 3.6 3.12 4.657-.63-5.94 11.16-5.184 13.39 1.403-.27-3.347 1.93-2.253.26-5.726 3.42 1.745 3.07 4.662 5.6 6.677-2.54-.15-3.11 3.874-6.05 2.859 2.98 3.195 8.17 2.007 10.16-.391 1.61 1.355.92 3.468 3.17 4.622.65-3.081 1.15-6.554 6.02-2.965-1.77-4.268.29-4.338-3.04-8.454 2.94 3.088 1.98-2.774 5.86-.117-4.09-5.497 2.29-3.663.25-7.685 4.25 1.377.58 5.495 3.95 7.182-.32-3.766.86-4.377 2.63-3.763 1.09 1.853 1.57 3.902 2.34 5.841-3.34 3.662-9.05 2.055-10.34 7.376 2.48 2.777 1.12-2.497 4.15 1.419 1.05-11.225 13.55 1.301 15.42-8.178 9.41 6.268 15.03-5.869 21.93 1.889 2.02.019 3.75-.542 5.94-.182-2.18-6.45 2.94-3.158 4.3-5.438.85 1.29.83 2.898 2.47 3.883-1.99-4.29.94-5.581 2.56-1.92 2.17-6.642 10.4-1.358 13.55-6.089-2.52-1.764-.91-4.116-.79-5.47 1.74 1.582.19 4.41 1.63 6.115 5.99 2.445 7.27-4.232 11.03-6.09 3.06 6.083 8 4.567 6.77.308 2.38 2.605 2.18.305 4.22 2.237-1.28-4.821 1.91-4.92 5.52-5.06 3.57-.18 7.59-.354 7.94-5.137 8.49 7.333 7.39-10.026 15.14-2.318-1.73-.37-2.32 1.409-3.35 2.347 3.34 3.993 4.12-3.96 8.41-3.439 1.74.201 9.2 3.056 6.73-1.805-.18-2.196 3.02 1.744 4.27 2.13 1.21-4.367 5.69-2.804 6.64-7.597 5.22 1.663 11.96-2.671 17.57-4.713 75.34-21.861 144.65-57.189 208.24-100.59 63.62-43.467 121.68-94.805 175.83-149.855 2.43.76 2.95 3.073 3.81 5.114-12.74 2.924-14.39 18.888-26.65 22.343 1.78 3.394 1 3.418.34 5.401-1.5-1.05.11-1.067-.65-2.924-2.82-.529.1 5.86-4.4 3.294.45 2.685 3.34 3.547 3.91 6.15-9.53-3.602-13.53 3.702-15.54 11.42-4.96 2.143-10.75 3.234-11.62 10.411-1.07-.353-1.71-.987-2.09-1.851-2.98 9.18-16.1 11.092-15.71 19.978-2.55-1.133-2.21-2.548-3.75-1.798.37 1.22 1.87 1.647 2.99 2.327-11.81 1.788-11.33 15.662-24.42 16.396 2.93 5.284-4.71 4.015-6.72 5.543-3.36 2.565-2.05 9.187-6.55 6.517-.58 5.31-3.37 7.739-9.19 6.081-.65 2.539 3.13 2.302 2.48 4.851.91 1.92-4.15-.707-3.73-1.943.83 5.22-3.74 3.175-4.08 6.832-1.53-.483-1.87-1.675-2.16-2.925.22 5.691-4.38 4.868-5.49 8.778-4.37-5.287-.63-.439-4.49-1.468 1.39 1.905 1.73 4.238.74 4.885-.95-1.198-2.27-2.164-3.86-2.938 2.31 6.747-6.94 1.795-6.15 10.241-1.57-.78-2.5-1.992-3.05-3.422-3.14 4.784-14.63 10.362-13.27 14.53-1.75 2.309-7.53-1.13-6.1 5.683-4.65-2.128-9.93-1.685-8.2 2.697-16.33 6.751-26.57 19.571-43.79 26.065-.09 1.422 1.03 2.174 1.21 3.459-2.7-1.471-2.57-.414-6.15-1.788-4.94 9.734-22.11 7.947-26.9 20.764-1.59-.857-2-2.347-3.67-3.174-3.23 2.867-5.62 7.067-10.48 7.397 1.58 2.109 6.76 8.167 4.38 11.997-3.05-2.466-3.3-4.77-6.35-4.866-2.12-2.058-1.35-6.595 1.39-3.784-.9-4.491-6.11-3.844-3.42-.268-8.77-3.034-8.54 8.196-17.45 4.884 2.23 5.933-2.26 6.104-7.41 2.767-.21 1.455.82 2.298 1.9 3.091-6.16-.142-9.6 4.152-15.94 3.71.39 1.479 1.66 2.546 1.95 4.072-8.26.735-14.06 10.913-23.42 6.215.07.958 1.11 1.461 1.79 2.132-8.19 2.251-13.94 8.694-24.25 7.328-3.23 5.99-13.95 6.77-20.91 9.301-.55 2.541 2.45 3.515 1.89 6.06-.36.603-.71 1.221-1.68.749-3.38-9.418-7.43-1.666-11.1-2.98 1.67 4.629 2.33-.051 4.3 2.064 2.64 3.014-.52 3.277-.74 4.262-8.58-8.959-10.49.017-17.01-2.447-.59 2.51 2.4 3.556 1.8 6.057-.19.904-1.69-.562-1.68.711-1.18-1.136-.77-2.94-.94-4.486-2.42-1.567-3.64-.95-3.37 2.362.82 1.606 3.19 2.582 2.63 4.746 1.73 1.237 1.06-1.852 3.42.544.39 3.83-3.45.03-2.49 4.927-3.98-4.071-4.15-1.237-6-1.431-2.54-3.774 3.25-.316 2.51-3.937-5.67-4.144.03-2.524-.08-4.852-7.22-3.965-3.23 2.363-9.35-.035.16 1.889 2.9 2.677 3.45 4.417-.01.915-1.05-.01-1.71-.276.51 2.352 1.37 3.025 2.59 2.812.34 5.363-2.71 4.546-2.45 9.784-2.19-1.07-2.99-.885-4.29-4.06-1.8.81-.07 8.186-3.37 6.244-1.84-1.185-.4-3.737-.88-5.474-2.59-1.607-1.57 2.918.03 4.845.04 2.98-4.3-2.194-4.25.776-1.35-1.393-.75-3.589-3.43-4.441 1.38 6.898-4.31 11.102-7.61 5.065-1.58 1.248-4.89-.802-4.23 4.657-5.76-5.528-5.18 3.376-9.4-2.202 2.8 10.462-10.57-2.028-10.32 6.806-4.66-.762-6.92 3.144-11.95 1.639-2.35-1.803 2.05-1.086-1.64-3.205-1.84 9.747-12.83 1.465-16.27 8.069 1.48 1.286 1.79.178 3.35 1.615.9.937.54 2.385 1.64 3.24-2.94.256-7.45-2.675-10.18-2.025.56 2.183 1.52 1.341 2.51 1.974 2.24 2.657-2.27.035-.98 4.144-1.21-2.094-2.07-2.77-3.34-2.633 2.35 10.003-8.43-.723-8.79 6.87-2.63-1.617-3.68-3.778-3.2-6.487-2.58-2.529-2.28.848-4.24-.41.21 1.494 2.05 2.45 3.29 3.596.52 3.846-1.08 3.339-1.88 4.457-1.45-1.393-1.83-3.168-1.52-5.181-1.49 4.183-5.88 2.452-8.67 3.967-1.28-1.454-.59-3.605-3.22-4.584 2.39 9.048-9.61 6.478-10.69 11.326-2.89-3.673-5.81-1.408-4.83-5.945-2.26-.223-1.35 2.066-.21 4.847-1.55 1.173-6-7.063-6.72-2.538 2.19 2.53 1.75-.547 3.37.779-.19 1.009.08 1.85.73 2.599-4.51 1.1-11.04-2.196-12.33 5.793-2.01-4.58-2.1-3.888-5.54-7.63-.19 2.877 2.72 4.773 4.72 6.949.78 7.439-6.49-2.497-6.22 3.867-4.06-2.157-1.68-6.369-4.58-8.863-.21 3.484 2.04 6.22 2.83 9.416-.29 3.502-3.18-2.611-3.37-.82-1.08-1.225-.52-2.952-.57-4.518-2.05-.652-3.32 2.499-1.16 5.076-5.59-4.54-3.24.435-8.22-4.916-1.36 4.166-2.21 2.994-6.09 1.934.62 2.308 3.2 4.001 2.1 6.846l4.04 3.435c1.65-.394-1.2-4.546 2.62-.83.41-1.38-.52-2.354-1.49-3.29 2.81-.607 10.36-5.154 12.59 3.519 1.75 1.642.59-3.1 1.12-4.107 3.04 2.854 3.11 5.966 2.07 7.785 1.39.73 5.64-1.168 2-4.383 1.3-1.888 4.87 1.134 4.55-4.272 1.69 1.655-.03 4.392 1.34 6.151 3.06 2.802 4.58-4.991 6.74 2.556 2.02 1.559.37-3.03-.65-3.556 1.52-.704 3.25-.945 5.98.918-.22-1.502-1.36-2.707-1.48-4.228.36-1.746 2.33-.051 2.69-1.791.72 1.32 1.15 2.758 1.48 4.222 2.24-4.553 6.13-5.546 10.57-5.462 2.1 1.95-1.22.749-.19 3.869 2.41 1.87 1.97-2.217 5.08 1.081-.86 2.437-2.53 3.204-5.99.194 1.98 7.355-6.5.978-7.22 6.163 6.87.299 11.02-3.514 16.52-3.707-.41-3.332-1.81-.485-3.3-2.654.59-5.534 6.24 6.016 6.83.47-1.25-.478-2.15-.233-3.39-.705-.9-4.694 2.8.2 1.91-4.482 1.79.973 1.52 2.646 1.52 4.222.87.059.95-1.54 2.57.056-2-5.833 7.09-5.216 11.37-4.923 2.69 3.611-2.82-1.07-1.82 2.526 5.3-3.443 11.12-5.785 18.3-5.44 1.13 1.19.61 2.955.71 4.503 3.9 3.396 2.47-2.715 1.05-5.117 2.12-1.874 2.39 4.773 5.85 5.544 1.5-2.723-3.63-3.162-3.27-5.515 3.78-1.021 4.83-7.398 11.23-3.224-1.59-6.181 1.35-4.169 2.73-6.809 2.39 1.003 2.15 3.035 4.19 4.189.97-4.505 4.14-4.676 6.97-5.548 2.21 2.783-1.21 2.893-1.79 3.557 3.5 2.594 5.58-.96 6.1-5.204 2.64 1.24 1.59 3.888 4.22 5.125.18 3.127-2.79 1.723-.97 5.181 5.63-1.815 8.11-5.384 10.55-11.712 3.68 1.466.98 5.392 4.2 7.047 4.39-2.233 8.5-4.986 15.54-2.254-.52-6.172 3.39-2.487 5.16-2.104-.02-1.962-2.33-2.945-1.71-5.161 6.18 3.898 9.24-7.983 13.74-.808 4.82-3.129 14.95-1.511 16.34-7.73 5.19 3.337 5.24-2.627 11.26 2.157-.63-5.266 3.43-2.102 2.46-7.961 2.44.895 2.28 2.95 4.37 4.003 9.99-4.313 18.78-10.713 31.61-10.177-.93-2.149-.95-4.489-2.69-3.726 9.85-.884 19.39-2.444 25.5-9.764.78-2.921 6.16 1.87 7.75.291-.27-1.203-1.8-1.81-1.87-3.115 3.47.383 7.83.759 9.26-4.437 1.78 1.145 3.56 2.299 5.34 3.443 5.99-8.401 16.4-9.487 26.16-11.762-.23-.901-.96-1.537-1.02-2.531 16.72-4.316 29.21-15.449 45.06-21.279-.93-6.001 11.79-7.269 17.99-10.922 3.35-1.977 4.03-6.376 9.12-3.991l-.37-3.935c5.4 4.599 3.89-5.049 10.23-1.513 3.24-9.129 17.31-8.725 22.22-18.012l3.69 2.021c6.55-11.579 21.3-11.502 27.43-23.603 7.73 1.686 6.9-8.546 14.56-6.982-.53-6.025 5.88-2.525 5.8-7.923 9.49-1.811 15.55-8.372 21.15-15.439 16.8-9.857 28.37-26.547 44.95-36.686l-.72-3.946c.09-1.212 1.65.711 2.07 1.873 6.18-8.692 12.38-12.891 18.4-21.902l3.8 1.745c1.18-1.624-3.64-5.6.77-4.989 1.5 1.067-.13 1.072.57 2.914 1.74.102 2.77-1.843.96-4.003 7.42-5.927 14.34-12.381 21.14-18.931 6.8-6.554 13.42-13.266 19.9-20.093 12.9-13.727 24.8-28.407 36.72-42.955 23.62-29.917 46.11-60.971 69.64-92.061-.3-.961-.6-1.94-.89-2.901 8.93-5.986 9.54-19.956 20.06-24.533.39-2.193-3.02-7.55 1.39-3.987-.97-2.911.46-7.504 4.76-7.416-.42-1.277-.86-2.572-1.29-3.861 2.63-2.569 5.99-4.47 5.74-9.727 7.41-5.183 11.49-13.643 16.05-21.555 4.56-7.94 9.5-15.453 18.44-19.56-.48-1.277-.96-2.547-1.44-3.833 5.12.411 7.23-4.753 4.95-8.606 1.77.275 2.57 1.627 4.39 1.82-4.44-5.374-.21-4.012 2.16-3.941-1.58-7.379 2.89-11.059 6.6-16.147 1.73.306 2.91 1.236 3.81 2.509 1.57-.659-4.01-5.365.77-5.083-.41-.929-1.55-.984-2.42-1.358-.37-2.197 3.11-1.244.75-5.066 1.58-.019 2.21 1.116 2.79 2.288-.85-2.827-1.07-7.152.74-9.516 4.41 1.73.96 2.852 2.39 5.736 0-7.636 1.75-13.792 2.48-20.724l5.06.864c2.97 2.887-.96-2.489-3.44-1.461-2.07-5.008.22-6.387-.24-11.394 3.48 1.805 4.25-2.005 5.49 1.776 2.07-.534-3.31-4.54 3.01-3.884-1.66-4.099-2.99-.723-4.06-.646-1.8-5.714 3.63-5.868 1.31-11.938 1.27.343 1.62 1.84 2.27 2.948 1.43-.137-.44-2.797 3.21-1.269-4.52-2.213-.67-2.66-3.03-6.613 10.11-3.316-.16-22.41 12.04-22.968-5.81-6.02-1.85-9.672-1.6-13.247 4.66 3.357-.98 4.486.97 7.936 1.87.33 1.59-.877 3.62-.436.49 3.778 3.28 9.249 3.14 12.62-7.52-5.605-3.94 6.294-3.75 8.334 6.71-2.292 9.1-12.212 5.25-21.284 1.53.452 1.96 2.404 2.8 3.818.68-3.258 3.97-8.756-2.69-13.442-.5-2.64 3.53.89 5.05.488-1.96-8.21-.18-11.379-2.71-20.572 3.76-6.6 7.34-13.437 3.38-25.034 3.23-3.189 2.74-12.002-.98-17.632 3.7-3.383 2.51-11.741 2.41-19.74-.14-8.061 1.06-15.54 9.06-18.31-11.12-2.68-2.61-9.919-11.76-14.165 1.79-2.001-6.29-9.539.5-8.695-2.35-7.183-2.71-13.165-1.03-18.046 1.69-4.865 5.42-8.63 10.93-11.591-2.09-2.543-4.15-5.18-7.09-5.876-.37-2.014 1.51-2.86 5.17-2.83-3.14-3.254-.89-3.739-.56-5.219-4.15-2.746-3.06-3.736-6.74-6.643-2.47-.154.62 2.471-1.18 2.653-3.37-8.755.16-18.489 10.93-22.21-5.54-3.54-6.02-6.795-3.86-9.313-10.26-11.168-14.52-21.371-16.64-30.506l5.92-.584c-5.52-1.368-2.74-5.67-5.1-8.829 1.16.255 2.32.493 3.25 1.349-.2-7.433.03-14.291-6.18-22.383-.09-7.656-.52-18.016-8.91-26.765.98-2.193-.48-6.269-2.57-10.368-2.22-4.149-5.15-8.349-6.74-10.82-5.39-8.338-9.56-15.447-17.59-22.556-.36 1.673-3.24.864-5.67 1.07-2.37-1.953-.09-2.5-2.45-4.426-2.04 1.672.96 3.506-2.78 3.756 5.41 3.826-3.44 5.114 2.52 7.681 1.47 1.535-3.71.973-4.94 1.64.75 3.154.76 6.078.39 8.87-3.64-3.815-3.63-5.051-9.88-10.546.06 2.706.14 5.652.21 8.754.08 3.111-.03 6.319.28 9.728.53 6.796 2.11 14.2 6.17 22.072.69 1.512-.73 2.223-2.72 2.695 1.33.609 2.76.933 4.23 1.165-.32 1.284.65 3.074 1.23 4.726-7.97-.97 3.01 8.595 7.53 13.025-3.18.127-5.22-2.733-7.49-4.96.62 1.567-2.25 2.457-5.2 1.205-2.9-3.463.34-2.644-4.27-5.96-2.79-.036 4.59 4.048-.3 3.159 1.04 2.142 3.07 1.814 4.25 3.62.15.693.32 1.392-.64 1.633-2.73-1.103-4.77-3.944-7.51-4.974-.35-.614.33-.801-.33-1.537 4.68 2.915 1.99-2.123 1.56-4.031 1.62-.256 2.85.718 4.48.388-1.57-4.708-9.87-8.59-10.67-12.519 3.14.8 5.14 5.015 7.8 7.181.53-1.477-.42-5.337-4.52-5.917 3.87-2.985-2.13-9.721-5.16-15.183-3.24 1.519 2.6 6.396 4.17 9.748-7.56-4.402-8.76-10.194-3.63-11.362-3.57-4.776-6.59-9.241-2.69-11.32-4.22-6.767-5.47-12.352-6.22-17.792-.8-5.434-1.33-10.782-5.03-16.977-4.48.968-1.98 4.014-8.36 4.365 1.19 2.774.49 5.017-4.3 5.917.91 1.096 2.14 1.003 3.13 1.845-5.97-.057-1.03 3.378-3.86 4.301-2.17.165-3.84-1.408-5.52-3.061-3.82 1.001-.2 4.434-1.65 6.21-2.47.901-3.62-2.034-5.93-1.578-3.3 2.183 2.58 5.892 3.07 9.951-4.85-.567-7.26-5.723-9.32-7.868-.31.585-1.41.908-3.13 1.014.7.635 1.7.397 2.61.476 1.67 2.237-2.1 1.917 2.28 4.151-1.62.234-2.87-.641-4.51-.333 2.16 3.548.61 5.811-.9 8.054 1.89 1.704 4.08 2.519 6.58 2.41 1.92 1.559 2.52 2.638 2.54 3.494-3.57-.402-6.98-1.319-10.39-2.181-.17-3.452-5.42-10.306-12.06-13.518-.7-5.294-1.77-10.652 2.06-14.35-6.9-.961-4.02-3.713-3.06-5.412 3.64.572-.62 1.895 1.79 3.386 4.07-.813-2.75-5.174-3.4-7.486 2.55-.724 3.92 2.135 4.46.215-5.59-2.195-4.74-7.348-2.77-9.632-4.82-3.726-1.88-5.623-3.72-9.363-5.65-1.836-1.77 2.327-2.68 3.138-2.92-3.529-7.8-11.319-1.52-14.421-6.6-4.835 1.68-13.867-13.04-18.03 2.35-2.225-5.02-4.854-2.15-6.446 2.92.581 1.79 1.843 5.67 2.398-5.08-7.118-13.02-14.414-24.51-16.944-2.81.803-5.79 2.574-9.99 1.123-4.33 2.131-3.74 6.948-14.55 5.469 4.51 2.324 2.26 4.353 7.54 5.846.96-.238-.61-1.068-1.38-1.705 3.34.066 2.17.635 4 1.964-3.4.131-4.38.819-3.96 1.835-2.18.496-4.08-.324-5.82-1.725-.72.711-.06 1.681 2.16 2.218-6.36.652-1.56 6.541 1.23 10.621-8.14 1.721 1.67 8.291 6.92 13.874-.62.056-1.25.113-1.88.176-8.64-4.052-8.28-7.824-13.87-11.246-2.55-.009-.67 1.196-3.93.982 8.18 8.075 4.15 10.629 9.23 17.938-.9-.054-1.67-.516-2.6-.448-.65-2.317-4.17-6.505-8.33-8.752-2.75.101.06 1.845-2.41 2.019 3.62.643 4.27 1.757 2.03 2.323 2.31.38 4.53 1.059 6.69 2.041-2.36 1.32-.11 6.527 6.83 7.747 2.49 1.632-5.3-1.258-2.95.819-1.75-.328-1.45-1.841-4.82-2.242-.85 1.133 5.36 4.321 7.77 4.609 1.01 1.267-4.55-.648-6.29-.277 2.03 2.514 4.83 2.206 7.02 4.066 1.72 1.482-2.94.281-3.52-.455-1.98.859 3.4 2.254 4.52 2.949-.44.303-2.98.944-5.67.255-2.86-1.804-1.63-2.221-3.33-3.628-3.51.954 2.25 3.791 5.7 4.791.15 2.601-.1 4.805 6.15 8.686-2.8.921-4.33-1.716-6.84-1.686-.96-1.794-1.17-3.309-1.92-5.005-3.76.103-7.05-1.059-9.92-3.425-1.98.233-.26 1.658 1.9 2.424-4.04-1.193-.73 1.434-5.65.136 3.97 3.3 3.35 4.905 2.92 7.409-2.54-.394-3.78-3.219-.04-2.501-.44-.523-1.04-.563-1.64-.596-.47-.401-.95-.804-1.42-1.211-3.37.199-.75 2.541.28 4.337-3.52-.576-6.58-2.444-10.1-3.008 3.29 1.915 1.69 1.382 4.26 3.67-2.34.446-4.13-.619-6.31-.612 1.11 1.283 2.54 1.63 3.77 2.454-1.94.257-3.33-1.131-5.37-.64 1.37 2.599.3 4.279-.31 6.117-3.91-.585-1.85-1.534-5.19-3.745-2.5.052 2.23 2.938-1.79 2.395 1.36.519 2.43 1.715 3.95 1.91-4.78 3.234 1.4 10.966-2.55 14.554.95.769 2.3.631 3.5.777 1.82 1.607 3.42 3.137 3.15 3.864-13.3-4.248 1.28 7.578-2.03 9.264-11.27-5.867-6.91-7.799-11.04-12.398-3.06.208 2.18 4.258-3.83 2.208l4.07 3.929c-1.65.153-2.95-.62-4.42-.904.44-.756-2.92-3.181-.59-3.086-3.77-1.118-1.78-1.643-5.3-3.376-6.84-1.413 7.1 6.403-.13 4.823l11.99 10.051c-2.75.225-4.59-1.385-6.43-2.946-4.54-.874-2 1.489-3.11 2.187 2.24.778 4.26 2.038 5.82 4.171 1.22-.168-1.24-2.041 2.51-1.037 1.47 1.904.96 2.909-1.5 2.971l5.85 6.1c-4.95-1.726-3.56-2.366-4.76-.42-2.83.409-3.93-2.683-6.68-2.47 7.6 4.114 4.48 4.667 10.03 9.683-2.11 1.216-2.95 3.051-5.88 3.824 6.97 5.156 7.65 7.7 10.95 11.984-2.79.311-3.73-3.175-6.02-3.856-.43 3.186 8.74 11.477 13.73 15.72 3.26-2.047-6.69-8.285-8.01-11.249 1.57.131 2.91.785 4.1 1.72 1.82-.081-2.62-3.819-4.15-3.67 7.39.404-9.56-14.021.65-13.354 8.46 6.645 6.94 11.838 4.7 14.551 5.08 3.751 7 6.701 7.43 9.267.38 2.556-.6 4.746-1.05 7.076-4.26-3.664-7.49-6.128-13.1-9.324 2.89 2.581.93 2.587 3.33 4.921-9.88-1.676 2.73 6.331-5.94 5.108 2.34 4.957 1.74 3.424 2.89 7.557 1.78-.113 2.51 1.593 4.07 1.858.72 1.482-.63 1.81 1.74 4.209-3.65-.172-4.6-2.96-3.98-3.836-3.7-1.652-.93 4.452 2.62 6.316-.94 1.088 1.55 4.147-3.62 2.809-1.23 1.554 5.7 7.951 2.28 8.327-5.1-1.418-8.33-5.766-12.16-9.164-.67 2.55 5.2 7.197 2.37 9.613-3.62-.641-3.96-1.647-4.21-.027 2.28 2.708 2.13-1.303 4.41 1.389.81-.759 1.82-1.395.94-3.162 4.24 1.845 3.68 1.894 4.24.003 1.21.295 1.85 1.499 2.68 2.411.89 1.646-5.09-.787-4.6.604 1.3.748 2.14 2.168 3.65 2.576.64 1.781-1.54 1.877-1.92 3.037-2.31-.744-2.92-1.521-2.67-2.435-.45-1.065 1.44.495 2.86.471-2.21-1.51-4.25-3.306-7.1-3.827 9.88 11.448 7.22 15.526 10.69 23.354-1.3-.163-2.6-.339-3.43-1.277 2.24 1.831 4.79 7.821 4.13 10.335-4.06-2.168-4.2-6.872-6.59-8.047 3.84 1.189 2.45-.735-.56-.783 1.83 5.871 1.57 10.203-.07 12.951-5.75-2.231-1.36-5.426-6.95-8.839-.54 1.332-2.37.715.8 3.542-6.43 1.548.91 16.499.04 21.986-2.6-.435-2.35-5.017-5.53-4.639 3.91 3.383 4.18 5.775 4.39 7.877 1.35-.411 3.15-.532 2.64-2.22.86.308 1.47 1.001 2.43 1.207 1.51 3.721-5.02 1.928-.82 7.513-1.63-.26-2.64-1.429-4.32-1.64 2.59 3.88-.81 3.654-.14 6.257-1.62-.33-2.87-1.169-3.9-2.282-1.65-.092 1.22 2.98-2.34 1.55.53 1.31 1.72 1.717 2.96 2.078-4.49 5.3-5.62 10.13-7.43 17.213-1.81-.625-3.04-1.97-3.9-3.786-1 .65.07 2.822-1.32 3.197.86 2.852 4.36 2.2 5.35 4.873-3.96-.748-3.68 1.605-1.71 5.257-2.1-.242-2.96-2.045-5.24-2.048 1.26 1.76 3.54 2.303 4.79 4.076-5.39-1.372-.64 1.687-1.46 4.595-2.11-.264-2.96-2.074-5.28-2.098 1.01 1.131 2.2 2.038 3.84 2.441.7 3.513-7.16 4.08-11.99.32.62 4.915 5.97.94 9.06 6.025-.86.978-2.57-.803-5.25-.711 1.73 3.536-2.22 3.157 2.79 7.925-.92 1.386-1.55 3.295-6.21.427.78 1.43 1.56 2.838 2.34 4.255 4.65 1.846-2.73-2.74 1.92-.897 4.7 4.943-2.37 6.543-.65 12.131-2.52-2.685-5.11-4.292-5.13-6.555-5.45-.956 3.62 6.773 2.59 9.44-5.61-2.236-2.77 2.36-2.18 5.17-5.29-1.514-4.81 1.68-5.06 4.307-3.39-2.052.17-2.456-1.7-4.878-2.61-1.13-3.51-4.199-6.02-5.452 2.9 5.022 1.72 7.965 5.15 13.19-1.72-.599-1.09 1.114-3.43 1.133-4.6-2.709 2.08-4.219-4.52-5.776-2.08-3.207 2.27-1.082.2-4.293-4.03-1.833-.27 5.345-4.87 1.378 1.72 3.01-.2 3.195 1.1 6.886-5.62-4.776-1.44 1.653-6.23.203 2.62 5.223.06 6.016.9 9.776 2.82 2.432 6.15 2.69 4.82.098 4.71 4.215-.21 4.514-1.36 5.428-2.38-1.541-3.9-4.187-3.98-4.967-2.44-1.696-3.24-.917-6.55-3.612 6.12 5.34.2 3.11 3.22 8.367 4.19 2.451.67-1.797 3.92-.169-.52 1.241 1.11 4.37-2.68 2.781-1.59-.851-.16-.997-1.24-2.612-1.72-.736-1.76.655-2.85-.954-3.04-.726 4.13 4.22-.65 1.973 2.58 1.682 5.38 3.089 6.81 5.95-1.23 1.395-2.38-1.899-5.15-2.454.87 2.14 2.74 3.222 4.49 4.454-.2.682-1.75.178-.66 1.986-4.37-1.11-5.12-5.981-9.1-7.489 1.55 1.889 2.89 3.946 4.89 5.334 2.17 3.628-4.7-.73-1.32 3.98-2.59-.356-3.86-2.077-6.06-2.812 1.64 3.693-1.19 3.4-2.79 4.204 4.1 4.849.9 5.85-.63 7.178-2.09-.446-1.32-3.84-4.03-3.649 3.06 5.01-.27 4.609-1.65 6.82.42 2.531 3.66 2.324 4.4 4.547-.82 2.308-4.28-3.29-7.03-3.275-.51.911-.1 1.83 1.56 3.537-10.06-4.036-1.43 9.25-8.36 8.109 3.58 5.083 2.28 5.047 3.28 9.456-.38.616-3.42-1.545-3.93.042-3.65-2.808-.19-3.336-1.73-5.896-3.73-.196-2.2 3.639-.89 7.162-2.48.326-3.43-1.776-6.92-3.38-.12 1.992-2.65.847.4 4.657-1.23-.47-2.48-.944-3.71-1.42 4.06 2.885 2.58 7.19-3.07 4.053 3.94 5.414 1.11 4.257-1.23 4.772 1.22 3.357.9.613 3.18 1.994 1.06 2.303-1.23 1.341-1.38 2.474-4.2-1.93-3.46-2.676-5.17-5.056-1.22 1.168-3.19 1.6-8.29-1.047-.56-1.09-.42-1.5.22-1.404-2.65-2.21-3.92 1.538-5.29 2.37 4.77-1.015 8.53 3.597 12.56 2.015 2.99 7.948-6.89-.822-7.77 2.175 2.9 2.672 7.89 3.437 10.42 6.43-3.25-1.67-4.67.657-8.62-1.936 2.02 3.468 4.82 6.226 6.94 9.624-4.33-4.841-5.44-3.187-8.75-4.297-2.3-1.186-2.23-4.49-5.14-5.12 1.61 2.518 1.37 2.796 4.56 5.644-.59.859-4.04-.494.14 2.342-.88.767-3.51-.214-5.79-.856-2.03-1.93 2.31-2.692-2.48-6.327.42 1.861.37 5.815-.56 8.231-.98 2.396-2.89 3.207-6.02-1.113-1.08.555 1.09 4.433-2.02 2.936 4.89 7.237-2.93 5.26 1.05 13.391-4.74-3.803-3.76.6-6.83-3.69-1.97-.107 2.57 4.041 2.34 6.352-2.54 1.696-6.51 1.873-4.96 7.853-3.77-3.407-4.61-.593-2.38 2.039-4.19-2.705-2.9.359-5.78-.983 2.31 1.887 2.79 1.528 6.18 4.25-.72 1.444-4.55-.01-6.77-1.433-2.17.731 2.91 4.577-3.04 2.485.91 1.194 2.45 1.886 2.79 3.549.47-1.994 2.7-2.099 5.85-1.259-2.27 1.81-4.88 3.265-6.74 5.495-.8-.501-1.23-1.317-2.16-1.731-.17-2.111 4.29-1.02.58-5.139-3.51-.701.14 5.759-5.82 3.56.52 1.332 1.03 2.648.01 2.328.78 1.309 1.81 2.41 3.4 3.074.84 3.427-2.74 2.073-2.14 5.239-2.35-.422-2.82-2.365-4.91-2.993.42 2.672 3.74 2.761 2.14 4.073-2.75-.774-2.37-3.869-3.98-2.587.17 1.794 2.2 2.104 2.76 3.582-12.04-3.94-10.07 8.939-17.57 8.268-1.74-.925-1.55-3.363-3.02-4.53-2.94.079.83 7.643-5.96 3.442.76 1.314 1.77 2.435 3.35 3.15 1.57 2.942-.55 1.767.52 4.146-1.83-.497-2.16-2.148-2.7-3.621-2.54-1.058-1.57 1.816-3.44 1.512.48 1.146 1.92 1.574 3.04 2.222 1.46 2.825-1.25.983-.7 2.808-1.11-1.045-1.6-2.568-3.32-3.148.37 1.216.76 2.457 1.14 3.685-2.09-.675-2.51-2.631-4.87-3.106-2 3.512-4.05 6.984-7.31 9.069l2.73 1.329c-.9.562.99 4.343-1.32 3.309-1.82-.513-2.15-2.17-2.68-3.66-3.25-.164-3.33 6.015-2.99 8.037-2.98-2.45-4.29-2.515-3.7.559 3.9 1.357 2.57 2.6 2.91 4.59 1.67-3.607 6.31-.69 7.86-4.893-.79-1.538-.76-.294-1.82-.888-2.03-3.544 2.74.728.7-2.828 3.96 2.576 3.18 1.667 7.31 3.519-6.17.056-5.92 9.884-12.6 7.379.39.837 1.2 1.385 1.46 2.3.01 2.338-2-2.818-3.92-2.727 2.94 7.084-1.9 5.138-4.65 5.599 2.76 4.201 1.18 4.947-.86 5.121-1.92-3.1-3.16-6.675-6.43-8.765.19-1.574 2.71-1.723.22-4.628-.81 1.392-1.4.782-4.29-1.363 2.17 3.494.74 3.449 2.51 5.999-.14 1.872-3.44.044-2.05 3.721-5.59-4.057-6.02.832-6.43 4.671-3.66-4.141-4.47-2.946-3.48 1.413-1.23-.984-2.2-2.152-2.6-3.716-3.76-.385-1.89 5.948-5.24 6.057.58 1.797 3.16 2.183 3.48 4.177.98 2.422-4.24-2.626-1.92 1.405-1.54-.755-2.54-1.909-3.24-3.274-1.52.146 3.31 3.797.15 3.266-1.98-.799-3.45-1.982-4.12-3.723.15 3.278-5.93 1.623-2.89 6.44-2.08-.771-2.42-2.736-4.76-3.3 3.59 4.329-1.13 1.871-1.07 1.81-1.76 2.216 2.12 8.306-3.84 5.904 2.97 4.424-1.33 4.367-2.29 5.95-1.07-1.095-1.49-2.623-3.2-3.311 2.77 5.315-2.42 2.003-.27 7.848 1.91 3.319 4.74 2.571 4.02.563 1.07.189 1.16 4.297.32 4.186 2.13 3.788 2.13-.23 3.1.052 1.3.951 1.37 2.738 1.87 4.217-.2.765-5.45-3.094-3.29 2.258-2.19-1.065-4.31-2.167-4.98-4.281-3.21-1.687-1.38 2.929-5.32.338 1.22 2.087 3.54 4.27 2.1 5.16-3.52-5.763-4.1-11.214-4.09-15.871-1.46.285-3.8-.54-5.53-.605.65 1.727 2.86 4.711.07 3.242.62 1.402 1.95 2.329 2.51 3.775.09 2.926-2.18-1.086-5.12-1.989 5.05 5.751.01 10.649-5.63 4.959 2.83 3.534-1.37.956.49 5.078 3.13 1.845 1.33-2.566 4.44-.758 2.1 2.697-2.69 2.098-3.98 2.614 1.02 1.492 1.79 3.152 2.04 5.154.51 2.173-2.55-1.709-2.26-2.867-2.03-.326 1.72 4.525 3.6 5.219-.05-1.56 2.16-.251.66-3.648 1.45 1.209 2.61 2.632 4.05 3.848.09 3.104-4.92-.254-4.7 3.017-2.53-2.526-4.05-9.505-6.73-8.582 3.46 3.585 1.1 2.278 1.13 4.656-3.55-4.095-.38-2.63-4.7-3.438 2.06 2.85 2.68 3.879 2.24 6.085-4.83-5.056-.97 3.549-6.24-.28 3.38-3.439 2.92-9.971 10.02-9.663-5.48-3.721 1.28-4.197-3.86-9.342-1.63-1.013-1.61.066-3.35-1.079 3.11 5.067-2.37 3.516-5.11 1.121 4.2 3.46 1.42 4.751 5.83 8.07-1.06.359-.1 3.284-2.66 1.725-2.49-1.858 2.84-1.505-2.47-3.8-1.84-3.621 2.73.929.88-2.695-1.59-.8-2.16-2.199-3.79-2.942 1.85 6.006-1.63 2.692-4.67-.241 4.67 6.002-2.6 4.853-3.52 7.612 1.44 3.166 1.59 1.816 3.78 2.958 1.6 6.282-5.53 4.233-3.1 9.512-2.65-.797-2.41-3.463-4.2-4.826 1.62-1.324 2.59-3.498 5.31-3.403-.88-2.307-2.37-4.216-4.44-5.753.7 1.762-.27 1.366-1.33.833.59 1.063 1.18 2.124 2.23 2.896-5.22-3.114-6.68 4.521-4.64 9.432-4.84-7.824-5.1-1.926-9.94-6.559.41 1.62-.08 2.05-1.1 1.791 2.39 4.303 2.04-.247 4.18 1.619 2.88 2.619 2.52 5.859 4.16 11.312-4.56-2.96-1.78-5.048-4.17-8.087-3.77-1.68-1.01 1.213-1.33 4.091 1.85 1.315 2.78 3.248 4.17 4.86.06 1.607-3.25-1.25-1.77 2.228 3.64 1.989.47-5.033 5.96-.618-.64-4.1-.93-7.738 1.14-8.273 1.95 1.379-.57 2.176-.89 2.725 1.38 2.995 3.73 1.466 1.33-.858 11.31 13.732-7.52 8.713-9.26 16.548 1.24.669 2.48 1.329 2.86 2.5 2.39 1.654-.09-3.215 2.95-.704 1.74 1.925 1.09 6.255-2.34 3.5 3.31 2.978 3.9 9.368-.14 6.438-1-.538-.36-4.394 1.63-3.116-3.71-3.989-2.48-4.682-4.96-8.618-2.73-.747-3.09-2.082-5.99-2.715 1.17-3.116 4.81-1.083 3.52-8.45-4.03-2.528-2.5-3.499-6.41-4.586 1.9 2.392 5 4.022 4.8 7.678-2.2 1.45-5.58 1.313-6.79 4.082 1.95.928 3.36 2.181 3.93 3.96 1.55.098 2.59-.495 3.6-1.118 1.48 2.09 1.16 4.199 1.22 5.606-1.43-.559-1.83-1.726-2.17-2.913-3.41-.742 2.64 4.466-.55 4.559-1.78-2.104-2.59-4.787-4.55-6.781 1.75 6.952-6.87 4.382-5.19 11.59-1.75-1.41-2.17-3.643-4.78-4.521.01 2.463-2.68 1.24-1.05 5.926 1.96.911 3.38 2.163 4.58 3.574-.32 2.706-2.89 2.324-2.64 5.806-2.92-2.433-5.1-9.153-.49-6.044-2.39-1.73-2.73-4.695-5.16-6.395 2.44 6.015-.61 4.938-.95 10.088 2.98 2.533.56-2.366 2.92-.696 2.58 3.64-1.56 1.808-.4 5.524-1.53-.816-2.07-2.267-3.69-3.059 5.07 8.411-4.1 2.244-3.13 7.163-4.92-4.841-.26-5.502-2.59-9.002-.83-.477-.43.744-.47 1.363-2.57-.554-1.3-3.451-3.87-4.021.46 3.003-3.2 1.608.26 5.082 1.18 3.919-3.36-.163-3.46 1.942-1.68-1.776-3.09-4.931-.74-3.726-3.95-4.94-1.41 6.701-6.93-.228l1.08 5.601c1.75.737 2.44 2.09 3.68 3.117-.05 2.551-2.1-.236-4.18-1.8 2.13 7.126-3.96 2.727-9.51 2.26.96 5.351-7.8 1.878-8.58 6.947 2.42 3.551 2.04.001 3.96.864 2.28 4.218-1.74 5.326-3.44 6.111-3.18-3.376 2.15-1.25-.87-4.718-2.26-1.072-3.86-1.684-5.16-3.302.24 1.984 1.9 7.381 2.75 10.92-.79 2.01-3.92-3.214-6.02-3.882-1.14.005-.66 5.931-3.64.949.12 5.535-3.32 5.862-6.54 6.506-3.15-1.399-1.78-5.168-4.93-6.574-.48 3.307 3.67 4.185 3.54 7.322-.05 3.058-4.3-2.902-6.87-4.546.1 2.027-2.29.338-2.79 1.479-1.1-2.151-2.78-3.987-5.44-5.298.71 1.145 1.76 3.461.47 2.814.61 2.552 1.25-.307 3.4 2.273.9 3.209-1.7 1.211-2.78 1.476.6 2.378 3.17 2.036 3.26 1.335 1.32 1.703 2.13 3.652 3.2 5.471-1.22.899-3.12-1.848-1.09 2.613-3.82-2.591-1.44-2.87-3.19-5.462-2.83-1.282-.09 2.457.78 4.698-.8 2.11-3.68 1.117-4.9 2.594-1.63-2.215-2.01-5.079-3.48-7.366-2.3-.301-7.75-5.507-7.87-1.954-4.44-3.879-6.41-6.191-9.86-5.028 1.93 1.05 3.2.539 5.08 3.462.38 2.719-1.36 2.188-2.63 2.394.33 1.893 2.5 2.766 2.3 4.919 1.1-1.054 6.4 1.709 4.17-2.204 1.38 1.661 2.93 3.239 3.15 5.5-.92 1.049-3.65-3.802-1.93 2.044-2.55-.689-1.13-3.483-3.68-4.176 3.3 4.424 1.31 5.306-1.65 3.921 1.01 3.309 2.84 3.371 3.38 2.309.39 1.784-.72 1.291-.25 3.195-1.59-1.576-4.83-2.312-5.26-4.455-.89-.099-.25 5.735-2.98.464-2.08-.834 2.65 7.652-.58 6.315-1.2-1.094-1.05-2.84-1.41-4.337-2.08.401-8.04-2.195-5.67 2.783-.11.895-3.46.805-3.36-2.339-2.7 2.143-3.58 9.037 1.13 18.55-.67.673-2.02.255-2.01 1.995-3.03-1.851-2-5.711-5.56-7.318-.26-3.859 1.05-1.81 2.82-1.398.03-3.36-1.27-6.07-4.16-8.002.15.922 1.14 1.446 1.83 2.129-.16 1.951-.04 4.329-2.7 2.328-2.2-1.745.92-.805-.54-3.76-2.97-2.737-.53 3.065-3.79-.138 4.12 7.747-3.1 4.484-8.01 1.927.6 3.327 3.01 9.093 5.66 8.283-3.09-3.67-.77-3.034 1.16-2.585 1.22 1.169.31 1.713-.57 1.295 2.78 3.181 4.8-1.184 7.45-.67-2.3 8.171-13.44 8.595-18.47 14.929-1-.871-.92-2.219-1.18-3.411-1.66-.688-2.98-.856-1.92 2.863-3.65-4.672-1.87.004-4.79-1.78-2.16-1.3.13-4.683-2.96-5.562 1.84 5.655-.73 3.052-4.18 2.9 1.33 4.417 1.57 7.646-3.35 3.52.97 4.122-1.74 2.16-.77 6.291-10.3-8.93-12.18 2.322-21.81.108 2.22 3.361 2.27 6.963-1.26 2.487-.39 2.449 1.09 4.095 2.13 5.938-.28.541-.56 1.11-1.45.602-1.22-2.424-3.04-4.566-3.06-7.494-3.89-2.154 3.34 6.737-1.97 2.803 2.71 5.792.92 4.102-.97 5.293-1.81-1.518-2.01-3.72-2.13-5.93-.96 5.721-8.37 4.346-5.31 14.965-.7 2.49-2.21-.1-3.81-.319-2.36-1.941-1.8-5.113-4.43-6.924-.1 2.652 1.38 4.633 2.89 6.594-2.27-.089-.33 2.25-1.1 4.38-3.47-3.711-4.25-10.058-2.51-10.667-1.43-.867-1.75-2.182-.91-1.572-5.06-3.428-11.3-6.859-10.2 3.359-2.51-1.545-.73-4.904-3.57-6.293 1.27 4.993-5.15 1.481-7.19 3.052.04 1.604 1.18 2.781 1.14 4.394-.87-1.266-1.02-2.81-2.58-3.815-1.19.782.17 1.254.31 3.738-.89-.925-.7-2.302-1.77-3.165-3.42-2.653-3.43.768-1.15 4.312-.95-.914-1.41-.95-1.54-.365-.95-.908-.82-2.259-1.04-3.45-3.49 1.175-12.02-2.541-10.91 4.285-5.69-3.031-1.64 2.411-5.23.118 1.58 6.99-.13 6.411-.69 10.891 2 1.76 2.36.538 3.85 1.369.43 3.246-2.95-.531-2.85 2.096-.94-.906-.8-2.27-1-3.465-2.5.559-6.57-1.782-9.07-1.253-.95-.922-.8-2.274-1-3.485-1.28.089-2.98-.616-2.84 2.095 3.57 9.212-10.21-.023-10.79 6.943 5.01-.209 9.62-1.213 14.95-.857-.34 2.632-2.74 1.471-4.37 1.73 1.48 3.996 2.38.143 3.83 1.39.13 1.876.26 3.752.38 5.647-1.41-1.046-1.74-2.525-3.23-3.557-1.94 3.28 2.15 10.571-3.25 8.84-1.81-2.676.65-4.263.37-6.794-1.11-1.835-3-3.351-3.35-5.459-.1 1.436 3.3 11.939-1.72 9.201-1.41-1.405-1.9-3.129-1.8-5.076-3.04-2.282.76 7.927-2.64 6.673-2.67-1.581-1.22-4.65-4.11-6.144-.1.673.35 1.132.84 1.595 1.23 2.15-1.77 1.11 1.04 5.343-1.01-.441-4.05-.608-1.33 3.339-1.2-.347-1.03 1.971-3.01.133-1.62-2.904-.59-6.774-2.75-9.487-.41 1.292-1.03 3.056-1.22 5.215-1.88-1.234-1.8-3.17-3.98-4.287-1.62 1.92-4.43 1.552-6.62 2.392-1.74-1.63.89-1.499-.24-4.699-4.09-1.432 1.03 9.889-4.99 4.679-.36 1.003 1.14 5.646-.56 4.026.3 2.584 1.28-.14 3.11 2.698l.13 2.816c-3.77-2.261-4.36 1.738-8.27-.829-2.18-4.099.57-5.687 3.64-2.27-.03-2.342.23-4.105 1.3-4.29-1.06.702-6.95-4.194-5.89 2.117-2.72-1.892-2.05-4.988-4.76-6.867 1.52 6.264-3.13 7.242-6.43 8.72-2.34-2.661.67-1.336-.14-3.721-1.53.594-2.22-2.423-4.64-4.12-.77 3.064-3.84 1.51-4.31 5.188-5.22-4.102-2.13 1.967-3.48 8.68 1.39-1.011 2.02-3.482 4.43-2.4.23-1.339-.66-2.299-1.6-3.246.4-1.529 1.38-1.852 2.97-.969 1.57 1.11-.08 2.542-.68 2.099 1.79 2.437 9.15 8.589 8.36 2.906 3.62 4.405 7.6 2.66 9.04-.152 2.06 2.037 2.63 4.166 2.27.188 6.49 3.94 10.92 3.719 13.48-.098 2.99 5.481 4.67-.276 6.27 5.364-.26-1.887 1.08-2.133 2.09-3.633-1.41-1.303-1.6-.253-3.1-1.738.35-1.028 1.06-1.353 1.39-2.411.98 1.239 1.68 2.583 1.71 4.143 2.31 2.218 2.32-.037 4.63 2.149.15-1.33-.82-2.238-.92-3.486 2.07 2.019 3.95 3.666 3.01-.127 1.24.977 3.03 2.988 3.11 1.732 1.87 1.228-.23 3.898 2.51 4.82-1.81-6.761 6.06-6.319 9.76-2.561 2.33 1.368-.87-2.641-.21-3.745.1-.632.74-.264.68-1.213 2.4 1.352 2.44 3.576 4.84 4.928-.26-5.918 6.83-3.405 11.16-3.325-.76-3.359.59-2.77.44-4.994-3.76-2.776.12 3.461-2.89 2.095-.47-2.872-.35-2.06-3.36-5.436-.45-6.11 3.14-4.172 5.99-.433.6 3.293-3.93-2.886-2.93 1.164 1.68-.561 4.95 3.721 4.97 6.73 2.32-.939 5.91.415 8.31-.374 1.73 4.647 1.07 2.737 4.08 4.176-.66 1.542-2.58.799-5.44-1.716.21 1.846 2.69 2.786 2.6 4.78.73-1.692 3.38.143 4.51-.82-.25-2.485-2.82-4.036-4.94-5.783 1.47-1.94 4.9-.336 4.97-4.869-.88-2.218-2.81-4.043-3.48-6.346 1.53-2.059 2.32 4.12 4.9 4.841 1.22 1.356-.24.929.2 2.806 5.17 4.577 8.11-.89 14.02 4.11.15-6.251 5.02-4.011 8.05-5.095 3.3 3.642-.06 4.313 2.19 8.784 4.05 2.231-.17-6.393 4.7 1.023-.82-2.911-2.3-5.541-4.45-7.896 1.47-3.036 4.51-3.291 8.16-2.506-2.7-6.426 1.13-5.217 3.33-5.371.97.904.84 2.265 1.07 3.474-.14 1.098-1.99-.792-3.19-1.581-.03.996.33 1.832.98 2.524l.16 1.89c2.48 1.413 1.17-3.806 5.39.635.34 2.479-1.64.88-2.13 1.884 1.97 4.427 3.32 1.078 4.75 1.891 1.41 7.669 3.54-.038 7.06 1.87-1.57-2.397-3.72-7.105-2.23-7.852 1.33 4.45 3.26 3.568 6.09 8.15-.22-1.196.05-1.521.67-1.253-3.22-4.044-.42-4.587-2.32-8.802 1.34.174 7.11 3.308 6.72-1.909 2.57 1.539 2.56 4.131 3.66 6.276 3.25 1.088 5.35.52 7.94 2.455-.11-1.235-.23-2.502-.34-3.753l-3.33-2.494c1.23 5.011-3.13.474-4.54.959-.25-4.117 4.38.077 4.28-3.776 5.57 9.506 6.47 2.362 12.08 5.5-1.71-.536-1.47 2.245-3.77.713 2.23 3.982 4.38 1.143 5.44.524-.92-2.25-2.28-4.249-2.97-6.584 1.26-2.099 3.43 3.603 5.08 4.622-.48-1.846.45-1.327 1.46-.688-2.86-4.888-1.15-5.696 3.66-1.697-4.21-4.62-.48-1.966-1.54-7.242 4.7 3.339-.33 4.988 4.68 7.778-2.84-6.02-.51-5.121-1.74-9.129 4.01 2.808.14 4.641 2.27 6.887 1.8-.782 2.16-1.01.96-5.41 3.68 2.542-.11 2.395 2.08 5.001 6.54 3.972 3.59-2.953 5.46-6.499 1.96 1.404 2.65 3.399 5.13 4.568-.59-4.338 3.07-1.658 3.37-4.522 1.74 1.836 2.24 4.245 3.78 6.173.41 1.697-.61 1.056-.52 2.226-2.2-.973-1.84-3.12-2.84-4.638-1.73 1.822-.72 4.899-4.11 4.884 2.36.506 5.63 2.498 6.21.091 2.6 1.603-1.84 1.209 1.16 3.449-2.64-.696-3.9.866-6.12.837.32 1.191 1.74 1.853 1.89 3.101-.4 2.289-2.24-2.739-4.2-3.019.22 1.651-.36 2.01-1.37 1.629 5.74 9.728-4.93-.52-3.2 6.452-2.57-1.437-2.55-4.871-4.27-3.968.82 3.604 4.1 6.05 4.86 9.685 2.37 1.843 1.66-1.446 3.89.164-.25-1.199-1.62-1.907-2.61-2.766-.4-3.282 2.1-1.752 3.7-1.711 1.94 2.71-.36 1.879 1.32 5.342-1.15 1.238-3.4.639-3.51 3.619-2.59-1.424-2.54-4.873-4.28-3.98 4.47 12.503-8.49 8.189-12.96 10.799-1.48-1.973-.98-4.804-2.93-6.581 5.23-.707 11.26-.072 15.24-2.918-1-3.107-3.34-2.026-2.22 1.041-2.74-2.157-3.79-.69-4.36-4.941-.85 1.204-1.64 2.513-2.77 3.257-1.54-1.918-1.44-4.624-4.42-5.887 1.51 5.026.23 3.702-1.99 3.791-2.5-1.2-1.84-3.768-4.33-4.98-3.42-.221-4.94 4.215-4.72 7.912-.74-1.321-2.33-2.271-2.66-3.76-.22-2.629 2.45 3.937 1.49-.639-4.01-2.087-4.67 1.605-8.54-.259l.57 6.62c-1.96-1.772-3.23-3.856-5.86-5.324 1.57 5.981 3.95 4.73 6.02 7.214.24 3.403-5.85-4.22-4.56.978-3.57-2.399-2.15-6.928-6.16-9.117.1.928 1.07 1.511 1.72 2.193-1.26 3.995-5.55 2.712-8.99 2.89.44 4.046 4.8 6.461 5.83 5.345-.53 2.064 2.38 10.186-.99 7.272-2.35-2.682 1.01-1.604-1.11-4.424-2.74-3.205-.37 2.598-3.12-.603.89 3.405 2.48 4.043 1.25 6.324-1.77-1.196-2.66-2.784-2.67-4.743-3.86-2.306 1.77 7.132-1.95 4.76-1.9-2.116-.65-5.608-3.62-7.265-.38 2.449 1.11 4.128 1.24 6.316-.31.555-.61 1.119-1.52.596-1.52-2.53.56-3.394-2.04-6.92-1.71 1.119-2.69-1.55-6.48-4.187-5.15-1.492-6.56 4.065-8.88 5.446-1.07-6.586-7.83-.841-11.69-2.141-2.17-4.281 3.81-.772 2.68-5.897-5.19-2.677-3.28 6.641-8.28 2.311.21 1.213 1.52 1.976 2.48 2.881 1.09 4.226-1.83 1.088-1.25 4.382-7.09-6.731-6.74 2.154-11.67-3.121-1.43 5.031-5.8 1.502-5.64 8.022 1.51-.253 1.02.927 3.2 2.622-1.38 6.766-7.4-1.795-11.18-8.295.75 3.544 3.24 6.453 4.32 9.878-2.13-.344-3.54.718-6.19-.622-1.7-1.924.98-2.59.53-4.964 1.37 1.712-7.24-.782-7.63.871-1.28-.416-3.56-4.761-1.69-3.212-2.08-3.826-1.54.474-2.26.822.18 1.209 1.49 2.007 2.43 2.938-2.94 1.441-12.73-6.471-14.53-.442-1.32-1.11-2.63-2.231-3.95-3.346.07 1.86-2.1-.621-1.42 2.432-7.62-7.366-6.5 2.369-13.83-4.525-1.22 5.416-6.27 3.333-12.2-.627.77-3.261-.01-5.075.53-7.706-3.61 1.478-4.59 8.382-8.98 3.909 3.54 6.839 2.45 10.964 7.31 18.323-2.33-.257-5.27-1.767-7.66-2.163 3.74 7.153 8.21.301 12.41 9.082.17 2.143-2.76-2.001-3.88-2.483 2.23 5.177-2.92 1.36-2.17 6.375-1.08-2.778-2.23-5.545-5.5-7.614 2.1 3.883 1.33 5.136.93 8.193-2.72-2.715-6.87-6.064-4.61-1.296-2.43-1.699-3.06-4.739-4.63-4.117-2.27-2.824-.9-2.176-.85-4.45-1.97-.139-3.99-.39-4.52 2.447-2.61-2.283-1.26-5.88-3.93-8.143-.05 1.48 2.6 8.216-.67 4.954.7 1.971.66 4.178 3.13 5.58-1.25 2.552-1.26 1.724.08 6.582.58 3.053-3.63-3.926-3.05-.874-.24 3.699 2.51 2.924 3.85 4.384-.68 1.028-2.8-.969-3.05.996-1.81-1.918-.48-4.843-3.1-6.51 1.23 3.672-1.98 2.361-2.3-.233.75 7.053-4.64 5.246-10.72.424.78 1.932.75 4.119 1.54 6.063 2.41 1.167 1.73 1.503 4.6 4.218.37-1.651-1.1-2.786-2.29-3.972 2.59-2.217 8.1 1.702 12.29 2.807-1.31 3.731-7.11-1.994-8.46 1.625 1.86.54 3.74 1.101 6.16 2.801-.64 2.389-4.2-1.435-3.08 4.676-1.82-1.946-1.43-4.539-3.84-6.297.09 1.748-.95 1.102-.78 3.02-1.64-1.045-1.46-2.669-1.53-4.193-1.52-1.389-.98 1.653-3.06-.944 1.82 4.795-2.01 2.735-.02 7.472-3.36-2.082-2.5-5.453-5.34-7.715-.37 3.01-5.33 1.021-6.875-1.655-.974 3.73-3.345-1.442-4.583 1.377-2.266-2.72.737-1.318.02-3.737-3.763-2.845-4.266 1.416-7.596-.509.339 2.8.572 3.713 2.22 7.731-1.651-.422-3.369 1.863-1.587 6.098-2.453-1.13-.544-3.566-2.991-4.699-1.599-.657-1.363 2.759-3.819.207-.473 2.582 1.382 4.236-.066 4.663-2.503-2.394-.666-5.96-2.152-8.662-.217-2.716 4.197 4.846 3.027.012-2.1-3.724-4.85-2.275-5.336.625-2.144-1.275-1.928-3.168-3.743-4.511-.64 3.399-3.114 7.806-5.434 4.226-1.054-.676-.096 1.578.71 2.578-1.145.98-2.083 2.447-5.321-1.332.473 3.37-1.355 1.495-.88 4.855.453-3.2 5.835 4.776 5.364-.535 2.966 3.805 2.075 5.892 5.965 7.624.257 6.188-3.078.369-3.845.117.258 4.459 2.856 2.55 4.461 6.167-.387-2.839.382-3.053 2.335-.62-.376-3.401 1.477-1.54.108-4.663-2.107-1.493-2.196.99-3.754-3.58.24-1.726 3.335 2.954 3.061.084 2.108 2.998.865 4.575 3.735 5.448-3.333-5.419 1.788-.32 3.104-.834.679.893 2.461 5.865.675 4.416 1.026-.421 5.991 4.35 6.917 1.785 4.644 6.627 4.928 1.248 9.093 7.513 1.303-2.095-.559-5.547 1.629-6.098 1.03 1.247.595 2.931.715 4.458 4.043 4.712 4.283 1.029 6.903 2.577-.4-2.339-1.16-3.084-2.28-3.055-.79-4.402 2.75-.841.83-4.932.47.719 2.91 5.041 3.06 2.818 2.22 2.872.85 2.195.72 4.454 3.42 2.308 3.66-2.299 8.49 3.036-3.32-8.853 4.73 3.08 3.15-4.687 2 5.232 2.59 1.515 4.61 5.123-1.14 1.037-2.08 2.545-5.42-1.142 1.92 7.235-4.35 2.837-8.54-.228 1 2.516 1.98 5.011 1.45 7.993.11-8.976 16.59 8.133 13.3-7.792 2.86.064 4.76-1.89 8.57.194-.42-2.334-1.21-3.084-2.31-3.028.01-1.871.01-3.732.02-5.62.51-.78 1.66-.245 3.11.922.07 2.978-2.45.475-1.58 5.151 2.2 1.819 3.25 1.197 5.45 3.012l.02-3.737c.57-.361 1.42-.142 2.34.222 1.69 1.636 1.67 3.848 1.54 6.069 3.62.561-2.25-8.402 2.32-6.415-.35-1.475-1-2.821-2.34-3.954.1-1.664.49-2.701 1.53-2.407 1.92 7.66 8.84 7.559 12.45 10.004-1.31 2.763-9.38-.218-6.19 5.873-2.27.911-5.95-1.143-7.8.624 1.98 4.712 3.52.528 5.47 2.047-.78 2.82-1.68.977-.82 5.878-4.35-6.791-2.69-.099-7-7.197-.55 3.597 1.77 6.304 3.85 9.092-.82 1.941-3.31-3.201-4.68-4.17-.01 2.215-1.37 1.553-.84 4.92-2.2-1.189-1.99-3.12-3.87-4.427.15 4.561-.93.481-3.13.016-.65 3.097-3.45 1.589-3.98 4.955-2.49-1.403-1.56-3.879-3.04-5.617 1.26-1.959 6.62.845 3.18-5.644-1.28-.193-.89 3.229-1.61 4.251-.61-1.069-1.24-2.124-2.31-3.054-.02 4.137-.25 4.52-3.14 1.894-.84 3.694 3.05 5.922 2.2 9.619-.16.632-.79.235-.8 1.186-2.43-1.754-2.14-4.344-3.02-6.563-2.85-3.618-2.23.331-4.64-2.322-.3 1.33.58 2.319 1.51 3.279-1.43 2.719-7.29-4.285-6.3 3.786-5.55-1.544-7.09 3.155-13.196-1.672.538 4.519-2.171 1.769-3.215 2.74 1.318 4.126 2.266 4.832 2.107 7.747 3.481 3.107 3.022 2.03 6.114 5.728-.938-4.279-1.183-3.016-1.354-7.027 1.224-1.597 4.254.86 4.024-3.951 2.37 2.717 1.05 6.55 2.1 9.657 1.91 1.851 3.56-1.932 5.39 3.027 3.21.471 3.14-6.29 8.64-.769-.42 3.033-2.7 1.991-3.25 4.734 1.38.412 2.02-.849 4.66 2.334-1.15-3.593-.79-3.71 1.58-.486.35-6.818 7.44 1.129 9.49-1.986 2.36 1.161 1.34 3.347 1.48 5.171 2.42 2.64 2.1-.694 3.94.666-2.06-2.748-3.48-5.722-6.94-8.175-.72-1.339-1.14-2.771-1.5-4.221.8-.587 2.11-.018 3.15-.017 1.21 1.49.61 3.546 3.06 4.66.37-1.661-.48-2.963-.7-4.443.21-.844 1.55.736 1.58-.501 2.6 3.204.06 2.178 1.49 5.167-.2 2.512-3.71-2.15-3.19 1.907 13.96-.213 26.24-4.138 41.14-2.755-2.46-6.986 3.17-4.844 6.33-.231-.92-3.804-3.89-6.885-4.75-10.686 1.44-2.437 4.46 4.173 5.52.962.93.954.68 2.297.81 3.515 2.44.282 2.55-4.178 5.52-2.806 1.99 9.578 7.11 3.245 13.54 8.652.8-2.159-1.8-3.176-3.2-4.578 3.37-.764 2.39.609 6.37 1.618-.18-1.503-2.39-2.339-2.41-3.911.52-.821 1.69-.32 3.19.813-.69-1.652-1.08-3.42-.85-5.387.46-3.146 3.36 3.835 3.14-1.119 1.41 1.399 1.84 3.151 1.67 5.137 5.91.656 6.41 3.348 11.02-1.201.99 1.22 1.68 2.567 1.67 4.178 1.26-6.072 7.26-2.86 9.35-7.295.73 1.011 1.47 2.021 1.67 3.235 1.53-.368 1.63-3.512 1.41-7.234 2.09 1.129 2.92 2.734 2.5 4.817 3.72-3.666 13.16 3.53 13.35-6.861 2.48 1.309 1.64 3.855 4.14 5.173.04 1.859-2.2-.583-1.53 2.471 3.03-2.66 5.11-9.162 11.68-7.384-1.29-3.731-4.38-1.242-4.18-6.073 3.82 2.493 6.94 4.538 8.01 2.604-1.58-5.54-1.83.271-4.02-1.3-.47-4.113 2.06-2.642 3-4.118 1.48 2.639 2.55 5.449 3.5 8.289 3.31-2.774 2.94-9.816 9.16-8.534.91.923.65 2.333 1.75 3.188 1.47 1.256 1.68.182 3.24 1.597-.24-3.619-1.05-3.437-.27-5.714 1.01 1.541 2.29 2.969 4.18 4.136 1.04-2.458 3.52-2.286 5.44-3.147 2.04 1.662.34 3.277-.69 2.217 4.19 4.249 4.32-2.801 2.79-7.908 3.21 1.291 2.59 4.123 2.75 6.651 2.73-1.129 1.83-8.74 6-7.297 1.58.817 1.47 5.273-.66 2.247 2.38 3.208 4.56 3.782 6.52 3.061-.44.519-1.72 2.082 1.01 3.494-.27 1.23-2.56-1.129-1.43 2.595 2.92 2.356 2.54-1.204 4.76-.105-1.69-1.886-2.9-6.336-.29-4.794-.44-1.698-1.04-.414-2.5-1.864.73-2.146 2.06-3.179 1.07-8.335 3.04 1.314 1.54 4.57 4.34 5.981-.31-3.043 1.64-3.936-.49-7.657 3.84-.456 8.87.055 10.19-2.45-1.03-1.838-2.52-3.489-2.02-6 3.87 3.973 3.02 7.274 6.86 6.84.81 3.626-1.52 1.857-2.2 2.92 2.49 3.983 3.22-2.22 5.5-1.403-.63-1.382-2.01-2.401-1.89-4.098 2.2 1.103 2.37-.428 5.84 3.365.39-2.485-1.67-3.882-1.26-6.337.85-1.007 6.31 5.91 4.71-1.061 2.01 1.077 1.96 3.058 4.31 4.014.32 2.483-1.08 2.04-2.26 1.968 10.44 5.316 15.06-6.52 23.33-7.699 1.33 2.055 1.89 4.432 2.2 6.948 1.99.315 1.89-2.867 4.7-1.206-.07-2.296-1.57-3.914-2.89-5.611 3.28-1.721 14.08 2.671 11.18-9.227 3.28 2.972.36 3.367 2.16 5.955 2.58-.993 2.98-1.5 5.48-1.571-.42-1.458-1.65-2.534-1.99-4.057 1.58-2.686 11.35 4.15 8.56-3.023 2.02 1.368 2.7 3.398 5.27 4.49.56-1.499-.57-5.715 2.94-2.48-3.31-8.948 7.66-1.473 7.08-8.623.67 1.685 3.35 2.366 3.67 4.237.84-2.655.94-6.444 6.19-2.119-.52-2.408-.26-3.58.34-4.213.75.965 1.51 1.926 2.7 2.681-1.21-2.618.86-3.657 1.53-.768-.23-2.807 2.09-3.306 5.33-2.683-2.6-3.043-1.77-3.826-.54-4.774 1.04.818.93 2.222 1.19 3.429 2.67.221 3.53-2.334 6.21-2.11.91 4.452-2.46.265-.22 5.158 1.64.179 3.55.785 3.93-.976 1.23 1.08 1.01 2.869 1.32 4.39-1.43.677-6.04-3.601-4.69 1.374 1.03-1.856 4.29 4.659 5.13 2.459 2.7 3.173 1.45 4.267.65 5.748-1.84-1.452-2.04-3.702-3.07-5.549-2.82-1.317-.83 2.807-.23 5.169-1.31.615-1.73 2.6-4.81.419 3.3-.713-1.02-5.942 1.77-5.944-1.08-3.15-3.28-.092-2.94-4.588-.13-3.216 2.74 4.911 2.61 1.717-.1-4.269-.91-1.927-3.7-4.205.3-.59.57-1.213 1.53-.768-3.47-1.972-5.54 4.998-10.03 4.035 3.62 4.016-.87 1.624 1.4 5.372 1.65-1.109 3.13-2.493 3.4-5.759 7.46 9.71-.85 9.726-.93 13.612-5.27-2.396-5.02-7.576-9.2-10.539 3.09 5.109-3.39-.095-1.85 4.999.68-1.378 5.15-1.328 6.82 3.634-5.33-3.961-.29 3.702-5.46 1.741-3.01-1.528-2.49-4.824-5.48-6.344l.5 4.811c1.22.742 2.43 1.467 2.7 2.69-1.19 5.614-5.64 6.004-7.85 9.984 3.44 3.122 2.85-.258 4.9.614-.49 3.739-3.16 7.59-7.92 1.8 1.39.075 1.98-1.12 1.21-4.529-1.37-3.129-2.46-.072-3.56-3.325-1.93 1.942-.17 9.114-6.2 2.91 1.03 3.588-1.06 2.09-2.24 2.053.81 1.282.75 2.966 1.98 4.055-4.46-1.305-5.99 6.559-11.19 1.281-1.47 1.139-2.31 3.29-3.64 4.688-.86-1.258-1.44-2.643-1.95-4.063-2.44-.928.77 3.435.41 4.797-3.14-1.858-3.77-4.888-4.68-7.784-2.58-.528-3.73 2.215-7.43-2.492 1.36 3.348 4.72 5.774 4.83 9.712 3.82 1.19-3.19-7.219 1.99-4.928 2.36 2.838 2.88 4.982 2.18 6.948-2.1 2.868-9.58-3.325-11.2.298-3.68-3.797-.26-3.173-.47-5.778-2.62-1.634-2.37 1.54-2.94 3.366.73.988 1.46 1.98 2.62 2.758-.49 1.373-2.48-1.122-.62 2.286-4.05-2.133-1.45 7.049-8.03.628 1.85 3.672-1.13 5.664-3.91 1.721 2.67 7.304-1.23 8.618-5.16 7.18-.15 1.362.9 2.22 1.02 3.477-3.57-1.736-4.49 1.632-7.49-3.61.14 2.222.28 4.449.42 6.703-4.19-1.464-2.22-5.603-5.3-7.54.17 3.995-1.91 4.066-4.64 3.003 1.25 2.723 1.13 6.063 2.14 8.908-2.88-2.676-1.7-7.12-5.38-9.46 4.38 7.687-.89 9.487-5.2 7.192-1.13 2.406 1.81 7.07-1.25 6.443-1.49-2.839-1.85-6.749-3.44-4.395-1.74-2.195-2-5.029-2.05-7.955-.72-.706-.76-.214-.78.342-.54-.411-1.11-.832-1.67-1.252-.06 2.636 2.04 4.34 1.99 7.005-.72 3.165-4.01-3.301-7.5-4.734.29 3.699-3.65-.184-3.91 2.544 4.06 3.828 5.04 2.08 5.64-.329 1.03 1.841 3 3.314 5.07 4.755-2.17-.114.03 3.356-4.01.642-.9 2.302 2.74 2.773 1.84 5.066-3.89-3.181-7.06-.707-10.53-.594.66 2.257 3.75 1.589 4.05.3 3.97 5.958-.39 6.747-2.97 6.054-3.29-3.334 2.63-1.402-.16-3.814-4.27-3.282 0 3.465-3.14 2.237-1.88-8.574-5.46 3.586-12.18-2.839.88 3.65-1.07 6.709-1.2 11.147-3.6-7.12-6.64 1.682-6.28 4.484-1.17-.829-2.33-1.642-2.5-2.883.68 2.732-2.47.596-2.26 4.798-4.39-5.339-2.83.97-4.78 3.711-1.58-1.642-1.55-3.871-4.15-5.144-2.75 6.12-7.41 3.376-11.17 7.973-1.68-1.856-1.65-4.142-3.29-3.57 3.29 6.492-1.38 3.726-4.82-.108 3.38 4.581 2.58 9.072-.7 7.919-2.76-3.75 2.52-.955-.06-4.77-1.46-1.294-1.71-.218-3.25-1.676.48 2.315 2.47 3.844.87 4.474-1.17-1.159-.32-3.071-1.67-4.168-3.62-1.146-3.2 1.561-1.55 4.422-1.27 2.134-2.6-5.088-4.06-3.295 2.28 3.846 1.23 5.837.07 7.634-3.15-4.53-1.3.346-4.83-2.978 1.77 3.48-.43 3.907-2.4 2.79-1.11-1.867.34-1.285-1.63-4.174 1.96 5.342-7.15 1.976-2.39 9.418-2.62-1.768-.51 5.951-3.25 3.933-2.95-3.161.09-2.949-.79-7.286-2.14-.796-2.74 1.479-4.87.705 4.44 10.444-3.51 7.497-4.09 9.911-1.39-3.112-.03-5.017.05-6.635 1.36.795 1.51 2.009 1.59 3.23 2.7 1.235.07-2.831 1.64-4.342-3.21-.096-3.32 1.222-8.86-4.544-.72 2.439 2.06 3.704 2.38 5.803-5.34-5.089-11.62 4.436-16.15 3.603-.26.724-1.79 4.331.72 6.369-.34 4.334-5.64-2.056-2.48 4.65-2.25-1.761-1.96-4.387-3.13-6.527.27-1.08 2 .915 3.21 1.767-.29-3.664-3.46-4.845-1.53-7.073-2.11.618-1.25 3.054-2.5 6.524-.62-1.03-1.27-2.074-2.37-2.977.01 3.252 1.82 1.718 3.14 5.57-.48 1.947-3.11-.594-2.47 3.693 8.11 1.861 14.5.054 21.02-1.49 2.6 1.009.57 3.605 3.18 4.595 1.53-.539.13-2.307.06-4.739 3.23 2.684 2.18 6.825 2.3 10.578-3.59.962-11.05-5.044-13.01 1.604-1.15.58-3.96-2.328-4.85-1.205 2.91 3.253 2.32 2.862-.84 2.192-.63 2.121 1.55 3.27 1.51 5.181-6.05-5.176-4.47-.16-7.34.514-1.93-1.282-1.68-3.218-3.96-4.39 1.86 3.509 1.7 6.31-.97 4.978-1.91-1.276.57-3.922-2.3-4.899.24 1.865-.68 1.244-1.64.521.59 1.377.78 2.856.66 4.454-4.44-.775-6.49-.868-11.27-3.976 2.55 7.196-3.51-.841-3.38 3.858-2.3-2.835 1.1-1.495.15-4.732-1.4.688-2.55 1.916-4.88.579-.48.998.74 5.717-.97 4.038 2.5 4.138 1.79 3.828 1.33 8.032 2.72-1.923 6.44 2.863 7.38-1.364 3.25 3.238.35 3.238 3.06 5.616.55-2.977-.49-5.478-2.17-7.753.41-1.521 1.8-.896 1.75-3.351 2.62 5.35 4 1.834 4.87.339 2.72 3.214-.3 3.649 1.37 8.021 1.91.184 1.3-1.266.96-4.05 1.15 1.163 3.88 3.991 6.43 3.616-1.06-2.163-.66-4.773-.59-7.314 1.81 2.562 2.47 5.483 5.5 7.661-.04-2.777 2.34-.433 3.32-1.041.46 2.053 2.38 3.646 3.12 5.584 3.7-2.932 8.72-3.071 13.97-2.786-.04-6.051 5.92.325 6.62-4.174 8.47 6.94 8.09-8.62 16.38 1.031-.65-3.267 1.17-1.532.87-4.099 2.63 2.713 3.79 2.463 5.71 3.72-.7 2.554-3.72-.276-1.72 5.331-1.45-4.598-2.03-1.701-4.07-2.389.68 3.8 1.8 2.331 3.24 2.658-.02 4.559-3.05 3.004-4.99 3.625-1.54-1.352.56-3.305 1.68-2.47-2.77-3.972-4.84 1.92-7.43 1.599 2.48 2.773 1.6-1.319 4.09 1.444-4.32.297-3.77 4.819-6.74 7.049-2.14-1.478.88-4.725-2.33-5.835-.03 1.279-.06 2.564-.08 3.829-5.23-2.061-8.13 2.213-9.2 5.99.2-5.386-3.1-2.669-5.65-2.798.76 2.193.64 4.48 2.35 3.936.08 7.177-4.9-2.195-5.08 3.497-2.36-2.069-2.91-4.704-3.89-7.218-1.74-.87-.96 5.197-.24 6.64-.79 2.551-7.52-3.744-5.06 2.527-.76.211-4.63-1.157-4.83-3.175.21 4.402-3.96 6.851-9.28 4.785 1.33-2.539 1.44-1.741 1.11-6.915-2.25-1.434-4.19-2.197-6.44-3.625-.77 1.355 3.95 5.413 1.47 4.235 1.22 4.519 1.84-.702 2.51-.792 2.85 5.253-.36 10.458-5.18 5.37-2.92.519-.84 12.146-6.12 7.552-.06 1.255-.12 2.529-.19 3.794-2.15-1.189-1.42-3.297-2.22-4.923-2.28-.845-1.03 6.179-4.27 3.213-2.27-2.849.62-2.661.24-4.772-3.66 3.723-6.67 8.22-12.56 2.733-1.29.639-3 .348-2.76 4.504 1.59 1.095 2.45 2.388 2.24 3.992-3.49-3.565-5.67 3.157-10.74-.677.04-2.439.15-4.713 1.87-3.298-2.09-2.594-6.59-1.402-9.02-1.177-.16 4.666 1.46-.386 3.9 3.536-.22 3.164-2.75.95-2.79 4.512.93 1.285 1.51 2.666 1.35 4.248 2.13 2.023 1.69-.145 3.12 2.84-.46.39-.92.795-.98 2.13-4.87-5.676-4.75-3.803-8.69-5.895-.35-4.473 3.85 1.612 3.51-2.859-2.33-2.84-2.4-.444-4.72-3.293 2.31 3.072-.43 6.845-2.17 7.099-.9-.982-.53-2.326-.57-3.546-2.83-3.68-2.37.33-4.77-2.369-.01 1.856 2.57 2.984 2.95 4.74-1.7 3.774-6.43.395-8.5 3.321 1.84 4.397 1.85-1.289 4.07.718.61.751.7 1.657 1.47 2.377-2.84-1.027-2.04 2.39-3.69 4.731 2.11 4.695 3.54 2.608 2.62-1.656 2.88 1.65.26 5.587 2.94 4.749-.2 2.944-2.8 4.631 1.02 8.067l.21.14zm180.88-11.911c-.16-3.935 3.13-1.106 5.05-.961-.22 3.168-2.52 2.293-5.05.961zm144.39-24.77c.8 4.11-3.85 2.48 1.11 6.426-1.12 3.228-4.16 3.172-7.61 2.397-.73-3.764.75-1.785-1.12-7.393 1.29.719 3.25 2.546 3.47 1.421-.07-1.299-1.57-1.939-1.83-3.136 2.35.703 1.45-4.137 5.99.275l-.01.01zm478.06-872.924c-2.09-2.263-5.57-3.137-1.58-3.567 2.45.857 4.54 3.51 1.58 3.567zm-89.71-30.649c-1.34-2.762-2.13-3.312-6.87-6.906 3.85.573 2.08-.922-.02-2.524 3.88.225 4.17.08 8.93 1.049-2.71-2.842-6.44-2.84-9.9-3.544 2.66-1.992 10.54.949 14.37 4.048-6.8.106 3.63 6.462.04 7.747-3.93-.129-1.5-1.968-4.7-2.484 1.62 1.748 1.35 3.772-1.84 2.61l-.01.004zm-65.74 218.732c1.68 3.066-2.41 1.654-1.95 3.776-1.88-3.238-.66-4.023 1.95-3.776zm-65.97 102.504c-2.76-1.673-3.99.77-6.54-2.479 3.73 2.054 3.26-2.235 6.54 2.48zm-68.78 63.031c1.36-.082-.08-3.172 3.7-.664 1.26 2.564-1.51 3.721-3.7.664zm-475.71 272.452c-1.54.705-3.01 1.524-6.03-.687 1.51-.195 3.83-3.238 6.03.687zm59.13 40.425c1.82 3.648-5.35 5.349-6.93-.229 4.06 3.355 2.73-3.384 6.93.229zm-139.768 33.627c-.22-1.486-1.045-2.802-.707-4.471 1.421 1.554 1.673.516 3.03 1.902.113 2.832.02 5.21-2.323 2.569zm244.698 58.946c-3.42 1.838-5.16 2.276-8.78 2.608 1.28-3.819 4.5-4.155 8.78-2.608zm-76.58 30.972c-1.47-.02-4.16 2.384-5.66-.788 1.18-.547 3.69-3.29 5.66.788zm-42.76 8.43c.62 1.173 2.03 7.411-.84 4.084-1.77-1.888-.72-5.855.84-4.084zm-73.32 93.782c-1.36-.821.07 1.39-.22 2.849-3.53-4.937-1.33 3.539-4.86-1.414-.48-4.875 3.81-4.297 5.08-1.435zm68.94 2.878c-1.02.598-.91 3.669-3.4 1.061-.15-4.863 3.02-1.299 3.4-1.061zm71.03 6.551c1.45 3.211-1.26 4.161-4.25 1.488-.2-3.774 2.16-2.359 4.25-1.488zm12.78-3.479c-.44 2.526-4.77 2.433-6.74-1.457 2.77 1.552 2.86-2.302 6.74 1.457zm-165.59-140.791c2.88-.271 4.34-3.636 7.9-2.418-.5 5.014-5.35 5.095-7.9 2.418zm231.12 181.384c1.67 3.696-1.35 4.78-4.32 2.639-.62-4.857 1.59-4.243 4.32-2.639zm-112.2-88.036c-1.46.31-1.52 3.512-4.16 1.425-.02-2.756 2.37-5.64 4.16-1.425zm-125.65-108.132c-1.71-2.289-2.53 2.111-3.85-2.561 1.43.476 2.78-2.603 3.85 2.561zm1.62-3.302c2.85 4.479 1.69.645 3.87 1.629-.01 1.57 2.13 2.464 2.28 3.989-2.13.141-3.01-3.062-3.15.948l-2.31-2.104c-.21-1.493-1.06-2.801-.69-4.456v-.006zm12.36 8.383c-1.11.845-1.03 4.271-3.94 1.202-.54-4.458 1.27-3.76 3.94-1.202zm90.1 64.935c.13-1.678.56-2.73 1.64-2.461-.51 3.277 4.53 10.606.72 9.228-2.57-3.565.39-4.639-2.36-6.767zm-79.02-71.132c-.02 1.246-.04 2.502-.05 3.754l-2.33-2.081c-.64-3.617 1.23-1.871 2.38-1.673zm-46.835-42.774c-3.23-5.511-1.355.913-3.806-.709-2.676-5.258 4.152-4.746 3.806.709zm134.015 109.227c4.37 2.546 3.66-6.302 8.95.737-2.22-4.946.64-5.781 3.28-3.964-3.37 2.438.21 7.909-1.7 12.873-4.87-6.034-1.09 1.257-4.86-4.012-1.44 1.939-3.87 6.976-6.55 3.192.63.416 2.48-1.096.84-2.185-.89 1.438-2.49 1.414-4.89-.231-.34-3.276 1.75-1.601 4.07.509.06-2.869 3-2.48.86-6.925v.006zm94.63 80.106c2.05 4.06-.93 3.931-2.56 3.851-1.65-3.306.32-5.12 2.56-3.851zm-109.16-88.4l3.21 2.681c.22 2.347-.22 3.412-1.63 2.452 1.02-2.233-2.59-2.903-1.58-5.133zm-102.64-97.624c.56 4.057-4.06-3.076-3.09 1.871-2.29-1.905-2.58-5.854-4.57-5.147-.06-6.66 5.03 3.268 7.66 3.282v-.006zm44.93 39.53c.04 2.91.44 6.625-2.38 3.576 1.07-.632-.24-6.23 2.38-3.576zm-30.33-26.203c-3.56-4.217-2.43-11.222.81-8.672 1.49 3.118 1.43 5.644.76 6.32-2.05-4.203-2.27-1.065-1.57 2.352zm134.25 96.496c-2.19-4.137-2.38-.902-1.61 2.517-1.2.139-2.05-.535-3.25-2.6-.85 4.99-6.59.278-7.28 5.585-2.29-1.491-3.46-7.161-3.27-1.722-2.61-1.882-5.94-8.353-2.42-6.737.08 1.227.23 2.435 1.61 3.225-4.3-9.245 1.8-8.216 3.2-11.718 1.35 1.094 2.7 2.192 4.06 3.288 1.41-1.002.59-6.35 4.02-3.417 1.87 5.36-1.36 7.701-4 7.243.98.989.51 1.465.02 1.908 1.47-.238 4.56 2.661 5.68 1.714-.32-5.368-.1-9.605 4.01-6.282-3.3 1.138-.59 4.413-.77 6.986v.01zm-102.36-73.668c-.08-1.869-2.57-2.932-2.34-4.894 2.52 3.384.59-2.541 3.12.846.13 3.117 1.77 5.712 1.57 8.942-.79-.69-1.58-1.376-2.35-2.051v-2.843zm242.7 188.731c1.99 2.171.86 6.622-1.7 3.622.37-1.56-1.2-6.709 1.7-3.622zm-48.75-44.227c1.95 5.857-6.35.613-4.19.74 1.68.284 1.3-3.301 4.19-.74zm-212.62-173.246c.01 1.258.02 2.521.02 3.773-.92-.968-2.2-1.809-2.34-3.024 1.34.898-.99-4.126 2.32-.749zm23.29 13.003c-.08 1.609.8 2.893 2.37 3.94l.02 4.709c-1.48-.248-3.69-2.012-5.47-2.883 1.44-1.062 1.94-4.078 3.07-5.762l.01-.004zm-23.3-14.895c-.41-2.684-1.9-5.019-3.12-7.458 1.53 1.35.96-1.693 3.08.861-.31 6.799 4.11 1.865 5.43 6.687-2.7-1.875-3.68 4.676-6.93-1.452l1.54 1.362zm35.85 23.906c-3.5-5.621-2.71.623-5.48-.986-2.58-7.662 3.51-5.636 5.48.986zm3.94.586c1.79.252 2.99 4.979 3.16 2.726-.26-2.135-2.17-3.694-2.41-5.82 1.05.905 2.1 1.805 3.17 2.719.09 1.56-.09 3.178 1.6 4.192.14 2.418.18 4.686-1.55 3.342-.09-1.224-.24-2.428-1.59-3.24-.63 2.109 1.13 3.395.82 5.398-3.27-2.364-2.12-6.225-3.2-9.317zm21.43 17.352c-.04 3.94-1.86 4.351-5.55.927.5-3.038 2.69-2.633 5.55-.927zm-55.85-44.567c.96-2.612 5.35 1.832 6.15-1.119.1 4.044-1.38 3.596-3.82 4.126-.14-1.227-1.24-2.107-2.33-3.007zm121.25 94.424l.03 3.812c-2.82-2.991-3.89-2.589-3.24 1.198-.8-.641-1.62-1.296-2.44-1.946.55-3.616 3.43-2.671 5.64-3.07l.01.006zm-109.65-90.76c-2.02-1.393-2.32.768-4.65-1.261-.49-3.246 3.24-2.465 4.65 1.261zm219.2 170.389c-1.03 3.127-5.22.463-6.71 2.769-2.07-5.538 3.63-3.699 6.71-2.769zM1034.2 449.094c-1.15-1.82-1.15-4.031-1.61-6.078.68-1.054 1.69-1.375 3.04-1.018 1.6 2.309 2.19 4.948 3.18 7.458-1.05-6.42 1.59-5.209 2.96-6.654 4.41 5.167 5.46 3.747 9.29 5.401.93 4.619-4.79 2.73-7.64 2.545 1.34 1.133 2 2.488 2.36 3.94-2.28.785-3.62-.405-3.88-3.429-1.29 1.545-5.35 6.286-10.73-1.151 2.95 1.637 1-1.21 3.05-1.005l-.02-.009zm39.01 31.368c1.43 4.294 1.85 6.79-1.51 5.236 2.68-.746-1.42-5.01 1.51-5.236zm-28.95-23.383c1.47.88 1.93-.31 3.87 1.54.34 3.27-3.26 2.447-3.87-1.54zm124.69 100.611c1.03.434 1.66.11 1.61-1.551 1.36 1.077 2.74 2.167 4.1 3.238.71-4.864 3.19-1.726 4.8-5.611.04 1.9 2.27 2.976 1.72 5.099-3.25-2.483-3.95-.134-4.86 1.823 2.04 2.425 3.61 5.052 3.38 8.331-1.82-.71-3.2-.539-5.76-2.646-.18-3.137 2.15-1.464 1.56-5.376-2.38-2.976-4.55-.07-6.55-3.307zm3.3 3.569c-.08 2.958-1.81 2.71-4.88-.11.37-2.392 3.08-.243 4.88.11zm-114.84-101.015c2.52 1.049.65 3.556 3.16 4.603-.05 2.316-1.09 2.654-3.08 1.033-1.08-2.136-1.13-5.379-.08-5.642v.006zm245.43 193.125c-.06 2.392-.09 4.849-2.51 2.981-.47-3.339 1.01-3.18 2.51-2.981zm-250.92-198.853c1.47 1.078 1.74 2.558 3.13 3.678.28 2.68-1.03 2.136-3.08.083l-.05-3.761zm64.86 48.762c1.39 1.067 2.5 2.274 3.22 3.583-1.25 1.511-1.88 4.233-5.49 1.086-.58-4.193 2.98-.217 2.27-4.669zm-54.74-43.648c3.58 2.424 3.45-2.688 6.97-.425-2.42-.036-1.52 6.624-5.36 3.685-.04-1.249-1.41-2.063-1.61-3.26zm18.12 14.723l-.06-3.76c1.42 1.735 3.3 3.292 3.99 5.28-2.45-2.797-1.49 1.262-3.93-1.52zm-24.43-22.984c-.57-2.338-4.65-3.498-3.97-6.242 1.87-.703 1.7 3.44 4.71 5.051.03 1.564.06 3.112.08 4.686-1.4-1.771-3.2-.084-3.9-3.412.46-1.174 2.33.515 3.08-.077v-.006zm130.3 104.737c-2.71-1.146.23 3.903-3.23 2.172-.76-3.664 1.26-6.72 3.23-2.172zm-94.17-82.906c-1.15 1.031-1.82 3.021-3.85 2.301-.53-4.367 2.06-2.537 3.85-2.301zm231.23 176.133c-.32 1.614-.2 3.976-2.49 2.096-1.75-3.013-.64-5.056 2.49-2.096zm-211.45-164.267c-1.97-.561-2.59 1.553-5.5-.841-.39-3.547 4.22-1.864 5.5.841zm83.22 67.553c1.54-1.357 4.18-.664 6.45-.658.15 4.073-4.07 7.052-6.45.658zm-134.34-126.433c-.03 3.468.65.889 2.39 2.976.77 3.6-2.55-.959-2.25 1.695 3.51 4.039 3.87 1.822 6.25 3.588 1.05 1.332 5.21 6.281 2.46 5.789-.75-3.325-1.97-.517-3.94-3.403.9 5.354-3.45.229-3.78 3.129-3.1-3.539-4.34-4.23-6.23-3.59.05 1.557 2.18 2.423 2.39 3.91-5.59-3.292-5.34-7.325-7.24-14.554 1.53 1.067 1.58 2.611 2.4 3.921-.03-1.538 2.15 1.355 2.29.174-1.36-1.112-2.44-2.325-3.15-3.667.09-3.045 2.51-.554-.12-4.662.92-.248 1.34-1.436 3.86 1.516.36 1.909-1.09 1.384.08 2.819 1.22-.518 2.85-.191 4.6.362l-.01-.003zm25.25 23.408c-1.53-2.916.26-2.473.64-4.053 3.13 4.539 3.55.381 6.21 1.555.73 5.432 1.65-.585 4.76 3.98-.74 2.38-4.23-.6-5.37 1.006-.54 5.806 5.01 14.763.41 13.255.74-3.704-1.63-14.335-6.65-15.749v.006zm248.88 188.685c1.41 1.665-.04 4.624 2.75 5.682.91-3.373-1.57-5.229-1.99-7.996 1.65 1.346 1.89.223 3.46 1.422 2.18 6.495 1.29 8.581 3.06 14.427-6.54-4.696-6.77-3.926-11.26-4.86.15-3.618.65-8.047 3.98-8.669v-.006zm-130.19-89.527c1.14 3.521.26 4.942-2.32 3.846.36-2.079 1.47-2.737 2.32-3.846zm-157.08-128.564c.12 1.834 2.59 2.906 2.41 4.851-1.29 1.611-4.86-5.578-2.41-4.851zm50.99 37.22l.24 7.579c-1.02-.812-1.06.286-2.36-1.052-2.19-3.442-.81-8.076 2.11-6.524l.01-.003zm110.16 91.618c2.08 1.472 2.55.161 3.37 3.504-1.65-1.248-.96 1.817-3.27-.617-.03-.964-.07-1.917-.1-2.891v.004zm-61.88-53.896c4.12 2.967 1.72 6.738-.65 5.028-.68-3.379 1.32-1.654.65-5.028zm-79.82-63.491c.72-.326 4.01 2.589 3.98 5.25-1.93-1.514-3.81-3.119-3.98-5.25zm141.51 111.649c.06.619.17 1.229.87 1.603-.11-1.7.56-1.968 1.56-1.616.05 3.066-.89 4.355-3.13 3.203.09-1.33-.42-3.749.7-3.19zm-9.41-14.62c-2.83-2.232-1.1 3.931-3.98 1.592-.38-3.148 1.98-5.77 3.98-1.592zm-169.21-142.244c1.07 3.734 2.29 1.041.71-1.174 1.92 1.559 2.47 3.584 3.2 5.548-2.1-.297-.62 1.844-3.72 1.226-.76-2.726-1.1-4.965-.19-5.604v.004zm336.06 243.523c.57 3.338-2.07 1.296-3.31 1.593-.56-3.331.53-3.869 3.31-1.593zm-194.15-142.679c.37 2.704-.99 2.236-3.14.3-.36-2.713 1-2.235 3.14-.3zm73.29 54.596c3.2 1.622 3.46 6.99.18 3.864-.05-2.588-1.49-2.975-.18-3.864zm-64.5-53.274c-.12-4.008 4.23-4.364 7.15.043-4.15-3.806-2.99 2.038-4.63 2.817-.56-2.501-1.24.156-2.52-2.866v.006zm208.88 135.114c-1.2 1.863-2.33 3.828-5.88 1.814.51-2.838 2.87-5.874 5.88-1.814zm-319.73-235.076c-1.42-.973-4.23-.388-5.45-3.761.07-1.63 4.43.767 5.45 3.761zm55.04 33.121c3.42 3.526 3.7 1.229 6.34 3.301.21 3.465-3.62-.523-1.97 5.632-1.97-1.95-1.66.325-3.97-2.3.22-3.421.28-2.491-.39-6.627l-.01-.006zm116.87 87.162c2.86 1.706 4.83 3.795 4.46 6.93-1.57-.074-4.33-4.009-5.8-2.4-1.1-4.24 1.94-1.202 1.34-4.53zm-141.9-123.679c.14 3.301.05 6.182-1.91 5.581-.11-3.268-1.05-8.068 1.91-5.581zm72.18 60.345c.4 2.681-.96 2.214-3.12.269-.39-2.685.96-2.204 3.12-.269zm-28.04-25.601c-.02 3.016-.61 5.017-3.7 2.445.1-2.905 2.18-2.163 3.7-2.445zm17.72 10.384c3.77 2.34 3.35-2.848 6.07-2.416 1.96 6.218-1.72 4.854-4.27 6.506.26 1.325 1.41 2.93-.69 1.246-.76-1.635-1.25-3.375-1.11-5.336zm64.92 42.904c-.02 4.168-2.18 4.606-4.43 4.869-.13-4.424 2.21-4.539 4.43-4.869zm-122.24-98.535c.08 2.336-1.22 2.106-2.06 2.748-.74-2.929-3.06-5.226-3.57-8.238 2.7 1.508 3.15 3.902 5.64 5.487l-.01.003zm-4.12 5.507c-2.76-3.766-2.68-1.63-5.5-3.637 2.07-1.791-.73-11.298 4.12-5.482-1.41 2.099.57 5.369 1.38 9.11v.009zm8.38 1.52c-2.53-2.957-2.75 2.484-4.66-2.032 1.3-.612 2.03-2.269 5.33.804.01 1.597.94 2.831 2.54 3.841-.11 2.534-1.08 3.51-2.81 3.046-.35-1.841 1.92-2.873-.4-5.659zm51.42 35.699c-1.92-1.225-1.31 2.089-3.91-.382-.64-2.877 3.05-2.143 3.91.382zm-4.53 1.812c.07-2.285-3.21-3.228-2.7-5.691 2.43.756 4.82 6.316 2.7 5.691zm17.11 11.554c-.62-3.301.89-2.817 1.21-4.44 2.9 2.936 3.38 1.592 4.79 1.876-.71 2.285.08 2.081.42 5.701-2.39-2.753-3.59-3.774-3.09.341-1.42-1.03-2.56-2.165-3.33-3.468v-.01zm128.1 87.162c.98 3.953-1.59 3.322.51 6.754l-1.73-1.183c0 .553-.04 1.051-.79.368-1.51-3.959-.98-7.221 2-5.935l.01-.004zm119.73 84.234c1.78.598 1.53-1.836 3.51 1.257.93 3.758-3.14 1.693-3.51-1.257zm-310.69-225.731c-.92.766-2.45.407-4.6-1.087-1.43-4.596 4.18-.39 4.6 1.087zm166.57 119.06c-.41 2.658-1.96 3.389-4.65 2.201.4-2.674 1.96-3.389 4.65-2.201zM1126.9 376.395c-1.34-.701.27 1.359.21 2.811-1.96-.088-4.64-4.72-4.56-.12 1.35 2.79 3.27 1.084 4.17 5.114-1.42.648-3.09-.424-5.58-3.603-.5-5.281 2.29-8.796 5.76-4.196v-.006zm120.96 96.35c2.33.359 1.33-4.917 5.49-1.434.43 3.753-1.77 3.047-1.96 5.784-1.91-1.124-3.2-2.533-3.53-4.35zm-70.45-56.846c.89-.063 2.1.433 4.03 2.191 1.08 4.093-3.74.701-4.03-2.191zm-44.55-40.885c.07 1.27.55 2.369 1.04 3.464-.88.04-2.09-.507-3.98-2.302-.08-2.289.91-2.678 2.95-1.165l-.01.003zm52.91 39.249c-.96.754.8 6.26-2.01 3.809-.27-2.916.36-4.252 2.01-3.809zm18.6 8.663c.75 4.44-2.39.106-.36 5.066-1.45-1.015-2.61-2.14-3.42-3.438-.46-3.517.79-4.049 3.77-1.624l.01-.004zm-9.19 2.001c3.4 2.651 1.2-4.427 5.41-.376 1.35 5.074-3.09 4.349-5.41.376zm-51.83-42.462c1.32 4.498-1.7 1.265-3.85-.41-.52-3.072 2.51.17 3.85.41zm49.48 32.702c.84 3.609-1.45 1.812-2.11 2.836-2.09-3.622-.61-5.166 2.11-2.836zm.84-8.216c0 4.161-.7 4.736 1.56 9.124-1.32.654-2.45-2.229-4.22-4.073-.65-3.267.87-2.793 1.18-4.406-.99-.612-1.73.269-2.49-1.871 1.21-2.763 4.02-.19 7.14 1.824.36 1.467 1.34 2.689 1.15 4.393-2.58-1.173-2.7-3.405-4.31-4.995l-.01.004zm10.64 6.193c-.7 4.165-3.45 4.829-6.6 4.802-3.96-7.55 2.57-6.189 6.6-4.802zm-75.82-54.732c-1.05 2.139-3.94.954-5.94 1.363.87-2.425 2.21-4.017 5.94-1.363zm24.28 19.051c1.06 2.147 3.2 6.188.41 4.717-.51-.925-2.29-5.942-.41-4.717zm-12.85-17.041c3.05.995.65 4.296 2.77 5.678 1.88 1.199.08-4.089 2.9-1.241.15 4.488-2.69 3.741-4.91 4.061-1.47-3.643 1.35-3.003-.76-8.498zm72.9 60.819c-.4-5.903 6.49.147 8.3 5.238-3-2.593-3.68-4.245-8.3-5.238zm-5.59-10.321c.14 1.568.28 3.147.41 4.714-1-.886-2.36-1.592-2.59-2.801 2.24 1.943-1.24-5.871 2.17-1.909l.01-.004zm-36.77-31.235c2.14 1.374 2.31 3.587 2.81 5.657-1.04-.745-1.02.35-2.39-.934a581.88 581.88 0 00-.43-4.719l.01-.004zm-16.61-15.395c2.47 2.535 4.09 5.418 4.58 8.79-3.34-2.084-5.72-7.829-4.58-8.79zm46.45 38.832c-1.02-4.089 3.44-.549 4.83 1.833.3 4.419-1.77-.148-4.83-1.833zm-40.73-42.266c1.44 1.175 2.53 1.757 3.19 1.575-.67 2.666-2.9-.382-1.01 5.33-3.43-4.683-2.33-.147-5.54-2.517-.13-3.626 3.63-.507 3.36-4.382v-.006zm14.78 3.483c-5.48-4.416-5.53 4.601-9.96-.65 2.35-.56 5.27-7.936 9.96.65zm-2.2.936c.2 1.881 2.36 2.901 2.02 5.009-1.09-.545-1.45.147-3.21-1.565.95-1.826-1.26-4.193 1.19-3.438v-.006zm11.41-7.847c2.61 2.594 1.3-1.412 3.9 1.166-.04 2.013-.39 3.464-1.96 2.9-.34-1.504-1.52-2.614-1.94-4.066zm63.85 36.032c-1.05.984-2.67 6.274-5.49-.414 3.15 2.781 3.56-2.932 5.49.414zm88.41 61.098c3.1 1.173 4 6.976 1.41 5.353.1-2.058-1.83-3.12-1.41-5.353zm-91.9-64.443c.54 2.684-1.49 1.185-3.06.432.13-1.854-3.17-6.985-1.47-6.268.95 2.205 3.14 3.836 4.53 5.836zm-3.16-7.462c3.22 1.287 4.98 7.572 2.22 5.918-1.08-1.809-2.6-3.427-2.22-5.918zm-37.21-29.468c3.79 3.94 1.36-2.352 4.67.819-.23 3.447-2.23 3.964-4.02 4.834l-.65-5.649v-.004zm33.4 23.294l.43 3.757-2.54-1.811c-1.07-3.553.97-2.008 2.11-1.946zm16.19 12.34c-.53-4.797 3.26 1.818 5.6 1.315-.41 1.924-3.64 1.623-5.6-1.315zm7.19 1.547l3.39 2.35c.96 3.144-1.01 5.486-2.93 1.469 2.07 1.298-.14-3.057-.46-3.823v.004zm86.74 56.504c-.58.94-2.67-.466-4.15-.942 4.72-3.66 9.38-7.335 16.86-6.815 2.16 6.391-4.77-1.054-3.52 3.94 2.18 1.273 2.51-.096 3.62 3.191-1.63.955-3.08-2.699-6.11-3.896.87 4.703-4.53-.201-3.42 4.887 1.46.17 1.9-1.235 5.01 1.446.65 2.563-1.33 1.087-.28 4.258-2.13-.425-3.57-6.104-4.52-3.805.04 2.336 3.51 2.954 3.09 5.529-.44.9-1.68.558-3.3-.364-1.4-2.336-1.32-5.403-3.29-7.432l.01.003zm-100.62-68.849c4.39 3.503 3.83-.976 7.03.604 1 3.593 3.89 5.531 2.5 7.841-3.02-1.188-2.97-3.903-4.56-5.799-.5 1.485-2.26.968-1.89 3.874-2.6-1.451-2.94-3.943-3.08-6.52zm-33.16-26.364c.34 3.086 1.13 6.914-1.72 4.776.45-1.8-.99-6.681 1.72-4.776zm66.23 49.296l.45 3.816c-.85-.581-1.71-1.17-2.55-1.749-.54-2.645-.18-3.883 2.1-2.067zm-.64-23.884c.2-.965.84-1.191 2.31-.158-.08 5.312-7.65-3.613-9.88-4.159.2 1.57.41 3.155.62 4.737-5.72-3.182-7.97-.961-9.85 1.887 2.06 3.926 2.87 7.419 2.63 8.78-3.94-5.865-.06 2.761-3.88-.075-.26-5.273.07-8.59-1.78-14.269 6.65 5.617 6.04-4.002 8.49-6.239.64 1.705-.36 4.211 1.46 5.324-.06-2.861 1.82-2.679 1.58-5.821-.99-.541-1.71.366-2.56-1.749 3 1.91 3.01-4.742 6.2-.064-3.11-1.163-2.08 6.061 1.97 9.108-3.37-5.641 3.39-4.951 5.11-2.555-1.45.519-6.84.233-2.42 5.262v-.009zm-3.43-8.383c-1.12-1.686-.89-4.565.1-5.088.9 2.757 2.05-.193 4.15 1.962.17 3.502-2.32 2.877-4.25 3.126zm-61.21-15.476c1.18-1.868 3.31-2.18 5.92-1.73-.75 2.335-2.7 5.835-5.92 1.73zm31.65 20.096c-1.27-.527-.37 2.449-3.16-.515-1.94-4.257 2.58-1.8 3.16.515zm8.33-1.122c.47 2.582-1.53 5.075-3.74.866 1.88.716 1.86-1.582 3.74-.866zm-31.28-22.99c1.43 2.294.66 4.91-1.95 2.887-.76-3.245.57-3.096 1.95-2.887zm142.47 89.953c1.97 3.563-1.88 1.78 1.62 6.319-3.29-1.105-4.26-7.949-1.62-6.319zm3.63-2.997c2.23 3.337-.35 3.372 1 7.683-.88-.551-1.77-1.117-2.64-1.671-.24-3.222-1.27-7.565 1.64-6.012zm-104.52-68.062c-.5 1.046-1.43 5.234-3.77.854 1.63.312 1.27-2.525 3.77-.854zm-21.91-20.401c.58 2.665.24 3.867-2.02 2.033-.56-2.653-.22-3.855 2.02-2.033zm42.24 21.365c1.18-.172 1.73-1.295 2.92-1.455.52 3.228 2.38 6.15.01 6.018-.32-1.839-2.92-2.562-2.93-4.563zm12.13 3.017c1.51 1.075 2.66 1.59 3.33 1.363.09.636.17 1.276.26 1.903.52.394 1.05.82.98 1.513-4.3-2.445 1.63 3.536 1.5 5.3-1.59-.685-1.21 1.655-4.06-.982.08-3.419-1.55-5.954-2-9.091l-.01-.006zm-13.27-11.508c1.28 1.025 3.11 1.799 3.56 3.258-2.62-.567-1.45 4.734-6.1 1.018.32-3.329 3.54-.499 2.54-4.276zm266.4 160.305c2.83 1.091 3.26 3.673 3.48 6.378-1.28-.723-1.96-.625-2.63-.487-1.45-1.929-1.93-5.302-.86-5.887l.01-.004zm-165.64-96.111c.18-2.266 1.9-2.252 4.78-.529.71 3.366 4.5 9.1.17 7.083-.96-3.656-1.89-6.582-4.95-6.554zm-77.64-54.77c-1.33.811-3.37-1.624-4.44-3.789-.13 5.004-5.67 5.72-10.83.523 5.37 1.923 7.54-2.063 7.7-6.027.88 2.285 2.67 4.051 4.72 5.707-2.03-3.347-2.07-3.675-.68-4.761 1.63.816 1.88 2.399 2.84 3.596-1.96-4.491-.08-1.745 1.17-2.681-3.11-2.567-1.34-4.455 1.17-2.662 1.75 2.588-.29 2.688.97 6.659-3.07.492-4.7-1.633-2.62 3.435zm-69.78-51.747c3.89 2.237.52-5.761 1.31-6.686 4.03 3.167 1.5 3.741 3.48 8.339-2.68-2.72-1.2 1.05-1.15 2.587-1.89-1.087-3.2-2.444-3.63-4.238l-.01-.002zm60.08 38.468c2.45.536 4.04-.258 6.17-.221-.02 2.18-.55 3.584-1.74 4.008-.12-1.536-3.25 1.053-4.43-3.787zm-39.43-32.581c1.35 2.006 2.31 6.643-.03 5.046.26-1.311-1.82-6.227.03-5.046zm-11.99-14.179c1.04 3.288-1.05 1.721-.03 5.032 2.11 1.354 2.39.044 3.53 3.28-1.72-.434-3.61 2.595-6.37-1.883.06-2.977-1.05-7.864 2.86-6.426l.01-.003zm65.06 49.728c3.02 3.245 1.7-3.704 4.03.92-.45 1.384-2.05 4.268-4.03-.92zm-26.04-24.025c-.68 1.877-2.42 2.15-3.27 3.786-1.27-2.173.69-7.483 3.27-3.786zm-31.53-21.376c.16 1.267.71 2.343 1.27 3.408-1.84-1.084-3.95 1.073-5.66-2.229 2.72 1.57.96-3.806 4.38-1.175l.01-.004zm71.72 35.81c-.71 3.432-4.3 5.344-6.64 7.635 1.71 1.475 3.78 2.768 3.89 5.096-4.72-6.145-2.57-.732-6.64-2.6-.66-3.689.38-4.298-3.74-9.291 7.97 7.052 7.53-2.174 13.13-.84zm250.04 154.173c-2.14-.332-.17 4.92-3.9 2.445.2-1.835 1.55-6.055 3.9-2.445zm-164.6-95.17c2.4 1.942 3.15 1.529 2.22-1.293 4.65 3.691 4.6 11.33.75 10.024-.01-4.414-.29-4.566-2.97-8.734v.003zm-149.07-96.833c-.92 2.908-4.35 1.983-6.38 3.204-.15-.947-.29-1.882-.43-2.817 3.09 1.133 3.76-1.449 6.82-.381l-.01-.006zm86.61 59.333c-1.65.54-4.06 3.791-7.16-.273 2.74 1.081 3.32-4.855 7.16.273zm-13.83-13.079c4.15 2.238 4.14-1.668 7.85-.106.29 4.582-4.99 4.829-7.41 2.948 1.31.623.28-1.684-.44-2.842zm-70.97-49.243c.24 1.551 2.43 2.106 2.83 3.594-1.95-1.058-1.05 2.229-3.79-.036-.49-2.429-.88-4.683.95-3.564l.01.006zm8.14-1.264c.84 3.663-.53 3.974-2.5 3.374.63-1.429.15-4.538 2.5-3.374zm56.57 40.526c-.3-4.575 2.62-1.066 6.54 1.649.18 1.596.65 3.061 1.44 4.316-.57-.366-1.14-.732-1.73-1.109-1.82-4.021-3.71-4.752-6.25-4.85v-.006zm-67.08-49.277c2.46-.084 2.08-4.438 6.58-1.431-1.34 1.688 2.53 6.315 1.22 7.531-2.95-.582-4.59-6.995-5.41-5.326.66 2.044 2.7 3.345 2.46 5.859-2.49-1.737-3.5-4.275-4.85-6.63v-.003zm15.41 6.151c.9 1.576 1.54 3.284 1.62 5.287-3.36-3.137-2.07.702-4.82-1.547-.1-.638-.21-1.258-.3-1.875 3.02 2.392 1.27-1.667 3.5-1.865zm64.95 37.996c-1.71.881-1.55 10.514-5.75 3.162 4.13 2.182 1.44-5.609 5.75-3.162zm18.96 5.856c.09 2.046-.21 3.535-1.82 3.133-1.56-2.222-.92-4.969 1.82-3.133zm-5.35-8.41c-3.33-.394-4.78 8.424-10.05.536 4.9 2.542 5.91-4.344 10.05-.536zm25.57 11.43c.93 3.238-.43 3.215-1.83 3.14-1.67-2.361-.33-4.103 1.83-3.14zm-10.36-9.694c6.46 5.129 4.85-1.225 8.72.213 2.07 5.278-4.61 3.809-7.02 5.062-.03-2.063-1.96-3.036-1.69-5.269l-.01-.006zm-1.37-3.383c4.93 2.788-1.67-6.929 3.07-4.892-.13 3.661.31 2.402 1.88 6.224-.9.823-3.09 3.432-4.95-1.338v.006zm13.23-5.47c1.07 3.624.11 4.415-1.65 4.067-1.89-2.742-2.17-7.207 1.65-4.067zm-62.9-42.238c1.62 4.648-1.15 2.988-2.43 3.471.6-1.459.04-4.572 2.43-3.471zm-2.77-2.59c.88 2.701-2.08 3.402-3.81.076 2.22 1.34.18-3.451 3.81-.076zm10.92 5.242c.46 1.825 3.05 2.425 3.83 4.068.7 2.62.42 3.859-1.93 2.12.2-1.946-4.53-6.281-1.89-6.198l-.01.01zm-11.29-15.435c.68 1.284 1.09 4.521 3.66 7.302-.26-1.989 1.8-.642 3.98.844-.32 3.002 1.09 8.491-2.6 6.677.1-5.104-10.72-16.429-5.04-14.823zm88.21 59.732c1.71 3.613-1.51 3.928-3.02.769 1.63.613 0-3.285 3.02-.769zm-75.18-51.516c.71 2.613.44 3.842-1.9 2.125-.71-2.607-.43-3.836 1.9-2.125zm59.24 37.897c1.14-1.701 3.44-4.672 6.88-.994-.52-3.222 4.83-.694 1.18-6.036 1.19.697 2.38 1.388 3.55 2.077 1.12 3.331-1.09 1.959.93 4.753-3.38-.62-4.45-.025-1.39 5.077-2.58-.541-2.44-2.76-3.91-3.996l.9 4.757c-4.81-3.157-4.67-6.425-8.13-5.645l-.01.007zm15.87-3.303c5.16 3.152 3.17 8.941-.32 6.546-.48-1.483-1.77-2.45-2.33-3.887 1.92-1.91 5.51 4.297 2.65-2.655v-.004zm.11-7.496c3.71 1.623 3.92 5.39 4.86 8.707-1.39-.73-.24 2.002-2.31.348-2.32-5.661.57-3.147-2.56-9.051l.01-.004zm21.25 11.429c-.05 2.017.19 4.43-2.65 2.678-.83-3.212.16-3.948 2.65-2.678zm237.6 98.831c-.31-2.1 1.25-5.608 3.88-1.783-2.39-.978-1.45 2.637.11 4.456-1.63-.665-2.98-1.536-3.99-2.677v.004zm-227.34-122.337c5.28 2.955 4.08 11.856-.39 5.642 2.93.891-1.03-3.941.39-5.642zm232.06 116.539c.83-2.86 2.58-8.339 7.78-3.579-4.39-.07 1.84 4.377 2.45 7.238-3.52-1.498-5.15-4.462-7.51-6.855 1.68 4.254.61 7.11-2.72 3.19v.006zm10.82-9.24c-1.49.136-.77 2.886-2.95 2.203-3.88-4.163 1.4-6.63 2.95-2.203zm-288.42-165.256c.22 2.483-.9 3.205-3.37 2.145-1.37-4.011 1.03-3.021 3.37-2.145zm2.71-8.231c-3.45-6.18 1.47-1.193 2.68-1.726-3.79-3.238-4.23-6.992-5.32-9.511 4.05 2.072 2.84 7.522 6.87 9.579-.56-1.411-1.68-2.506-1.76-4.251.45-.367 4.47.747 5.35 3.026-3.81-1.232-.57 16.716-7.39 4.738-1.38.829-1.98 6.096-5.77 1.582-1.37-3.32 1.77-6.599 5.35-3.45l-.01.013zm-3.52-8.494c.32 3.655-1.64 4.367-3.35 5.378.05-3.195-.15-6.696 3.35-5.378zm303.93 152.633c3.09.517 1.18-8.373 5.97-3.575-2.01.946-.91 8.372-5.97 3.575zm-300.15-159.374c1.36.909 3.2 1.538 3.79 2.951-3.38-1.15-3.52.037-1.34 4.083-4.2-3.404-2.62-4.925-2.45-7.038v.004zm12.49 3.824c2.91 2.233.31-2.611 4.01.629.29 2.19-2.74 2.931-4.01-.629zm-14.96-14.066c1.96.883 3.4 2.115 4.01 3.876-1.01-.441-2.57-1.602-2.44-.581-.03.612.43 1.833-.45 1.355-.37-1.553-.74-3.091-1.12-4.644v-.006zm319.34 154.021c.63 1.43 1.83 2.422 1.93 4.258-3.26-2.088-2.58.307-4.31-.049-.6-2.988-.77-5.493 2.39-4.212l-.01.003zm-293.48-149.195c.9 1.56 2.7.578 3.33 1.023-.55-1.46-1.87-2.394-2.5-3.788 1.23-1.793 4.92 1.702 6.07 5.721-2.27.565-3.32 2.648-6.39 2.169.04-2.429-1.09-4.709-.52-5.131l.01.006zm304.75 149.507c-1.27-.518-2.56-1.044-3.84-1.574-1.69-4.03 3.67-1.837 3.84 1.574zm-293.95-152.508c.04-1.846.6-3.051 3.52-1.314.94 3.081-.47 3.236-2.38 2.741-.2-.598-.43-1.191-1.14-1.427zm300.01 129.002c1.72.3 1.87-1.15 4.3-.067.21 1.248 4.7 4.46 1.99 4.27-.88-2.38-3.2-3.286-2.91-1.144a12.43 12.43 0 013.67 4.055c-1.91-.73-.54 2.17-3.35.437-.06-3.51-3.66-4.063-3.7-7.557v.006zm-295.85-142.808c2.56.405 3.48-4.485 6.64-1.25-1.81-.34-1.4 2.047-2.39 2.716 1.76 1.12 1.72.03 3.37 1.002.12 1.895-.55 3.796 1.71 6.519-3.42-2.79-6.49-5.813-9.32-8.985l-.01-.002zm302.93 136.863c.9 2.005 2.72 3.229 3.21 5.588-2.55-1.181-6.73-6.148-3.21-5.588zm-293.17-138.062c4.1 1.951 6.46 5.084 8.45 8.472-1.25-.694-1.87-.609-2.47-.5-1.38-3.081-5.52-4.258-5.99-7.969l.01-.003zm299.41 138.733c.96 2.633.77 4.035-1.87 2.758-.94-2.634-.76-4.033 1.87-2.758zm-296.85-143.756c-1.12 1.973-1.94 4.318-5.28 3.579 1.24-2.044.55-3.606 1.9-4.573.38.818 1.05 1.48 2.06 1.88-.2-1.074-.33-2.048 1.32-.892v.006zm4.93 1.006c.59 1.433 2.27 2.103 3.21 3.282.6 4.278-1.76 4.972-5.03 4.543-.49-2.595-2.8-3.936-3.28-6.531 2.28.286 2.63-1.803 5.11-1.288l-.01-.006zm296.47 130.632c.57 3.079 1.47 5.874 3.77 7.48-2.67-.85-1.8 2.15-3.8 2.025-2.02-6.037-3.4-1.727-4.91-5.339 3.98 1.145 2.24-3.937 4.95-4.16l-.01-.006zm-300.52-139.917c1.66.698 2.29 2.096 3.88 2.835-.25-.928-1.03-1.481-1.41-2.329 2.76.629 3.33 2.843 3.73 5.128-1.04-.411-2.62-1.51-2.47-.5 1.09.703 1.38 1.973 1.66 3.252-.91-.476-1.81-.95-2.73-1.425-.78-4.289-.32-3.163-2.64-6.953l-.02-.008zm12.64 6.562c-.38-2.531 2.26-1.425 3.23-2.341 1.82 4.265.3 6.433-3.23 2.341zm2.44-10.726c.51-1.25.07-3.625 2.31-2.807 1.94 3.949-1.06 2.03-1.4 3.267.76.567 1.79.937 2.07 1.864-1.24-.608-2.11-1.465-2.98-2.324zm11.51-.513c-2.31-.681-1.16 2.735-4.4.953-.68-2.497 1.74-4.459 4.4-.953zm.53 1.858c.65.158.84-.241.38-1.398 1.99.779 3.49 1.953 4.17 3.698-1.24-.441-1.11.749-2.22.463-.35-1.22-1.82-1.64-2.33-2.763zm8.02-4.721c1.17 4.656-.89 5.538-4 5.156-.89-4.345 3.43-2.521 4-5.156zm-5.51-8.312c3.49 5.279.92 6.132-1.25 6.51-1.22-4.11-1.72-7.342 1.25-6.51zm15.77 3.1c1.33.911 2.14 2.187 3.93 2.73.81 3.601.58 5.997-3.62 3.772 1.42-1.54 1.25-4.63-.31-6.502zm9.78-24.558c.96 2.499 1.19-.507 3.67 1.755 1.36 2.612-2.71 2.053-4.01-.331 1.65.587-.99-1.786.34-1.424zm113.53-114.567c1.77.219 1.75-1.203 4.9.29 1.94 3.9 1.24 5.383.65 6.956l-2.83-1.031c.08-2.923.41-2.143-2.71-6.218l-.01.003zm12.51-5.912c-4.39-1.718-.33 5.007-5.81-.575 2.29.803 2.45-2.942 5.81.575zm310.42 29.526c2.82 7.486 4.03-3.11 8.85 6.165-4.1-.783-4.09-1.372-5.58.337-1.85-1.778-6.71-6.092-3.26-6.496l-.01-.006zm6.15 10.313c-1.13.02-2.94-.443-2.58.606 1.14 1.656 6.98 4.482 4.74 5.756-1.93-.887-2.96-3.097-5.43-3.235.81-2.643-5.53-6.693-4.56-9.22 3.02 1.405 6.27 2.413 7.83 6.093zM1644.99-7.359c-1.2-2.533.54-2.548 1.6-3.152 2.4 1.993.63 2.65 3.05 6.1-2.26-.173-2.76-2.331-4.65-2.948zm294.41 56.188c3.23.508 5.22 2.92 7.93 4.26-2.21.07 1.64 4.32-2.14 3.327-3.06-3.771-2.39-3.687-5.79-7.587zm-286.99-60.432c-2.58.29 2.37 3.796-.66 3.45-1.82-1.053-3.65-7.692.66-3.45zm288.54 59.71c-1.21-2.02-.69-2.846 1.59-2.484 1.55 1.682 2.6 2.954 1.9 3.685-.72-1.09-2.12-1.144-3.49-1.2zm-242.04-162.834c-3.13-.469.88 3.844-1.58 3.824-3.33-3.602-2.22-6.461 1.58-3.824zm1.85-5.85c-1.31 1.346-.48 4.1-3.9 4.045-1.96-3.509-1.09-5.106 3.9-4.045zm-2.28-4.571l2.17 3.177c-.97-.193-1.91-.372-2.87-.562-2.57-2.714-.23-2.194.7-2.615zm181.19-47.398c3.2-.125 5.53 2.012 7.73 4.463 1.36 2.907.18 5.795 2.45 10.407-1.26-.077-2.7.216-3.59-.69-3.05-3.822-5.19-9.798-6.59-14.19v.01zm3.54-11.383c1.89.004 3.67.298 5.18 1.28-.2 3.122 1.61 7.146 0 9.662-2.26-3.911-2.9-7.083-5.17-10.945l-.01.003zm-167.59-7.093c2.98 1.877 4.97 5.96 2.62 6.259-3.49-3.513-2.37-4.505-2.62-6.259zm164.28-8.548c3.06 5.292 3.58 9.066 9.79 13.629l-3.88.259c-.85-3.243-10.63-10.518-5.9-13.882l-.01-.006zm-178.52-25.789c-1.19-1.202-1.78-2.113-1.63-2.659 4.51.238 6.95 4.579 11.78 4.169.13 1.453 3.31 4.4-.87 3.758 1.08-1.967-4.11-5.112-9.28-5.268zm190.65-4.249c2.59-.467 4.35 1.721 6.6 2.38-1.55.541.22 2.293-3.43 2.061-1.65-1.702-.39-2.34-3.17-4.441zm-72.01-8.579c1.32-.693-4.28-3.6-5.82-4.746 2.16-.971 3.39.924 5.17 1.122-.32-.552-.01-.838 1.21-.809.29 2.206-.95 3.567 4.85 4.81-.24.958-3.29.531-5.42-.38l.01.003zm-83.05-16.503c-2.7-.225 1.87 2.521-1.77 1.904-3.34-2.042-1.16-3.653 1.77-1.904zm3.54-9.014c2.03 2.636 4 5.259.7 5.828.37-1.743-4.04-5.281-.7-5.828zm3.95-5.877c1.32 1.477 2.7 2.992-.94 2.603-1.68-1.623-1.37-2.484.94-2.603zm-16.69-5.503c2.94.147 3.05-.19.45-1.26 3.2-.452 5.68 3.658 2.63 3.127-.96-.87-2.01-1.369-3.08-1.867zm46.94-50.194c3.09.765 4.78 3.077 4.44 4.082-2.27-.585-7.09-3.672-4.44-4.082z" fill="' + color + '"/></g></g><defs><clipPath id="prefix__clip0_58_843"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath><clipPath id="prefix__clip1_58_843"><path fill="#fff" transform="rotate(-30 788.145 -1314.71)" d="M0 0h1234.03v706.511H0z"/></clipPath></defs></svg>'
},
'mask-10': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 615.353V340.175l-137.59 137.589L1920 615.353zM1919.24 954l-167.18-167.177-139.35-139.353L1443 477.764l169.71-169.706 139.35-139.352L1920 .764V0h-137.19L1345 437.812 907.188 0H0v954h907l84.447-84.447 268.703-268.7L1345 516l84.85 84.853 268.7 268.7L1783 954h136.24zM1345 685.706L1613.29 954H1526l-138.57-138.574L1345 773l-42.43 42.426L1164 954h-87.29L1345 685.706zM1248.85 954l96.15-96.147L1441.15 954h-192.3z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_894)"><path stroke="' + color + '" stroke-width="120" d="M1345 600.853l353.553 353.553L1345 1307.96 991.447 954.406z"/><path stroke="' + color + '" stroke-width="60" d="M1345 815.426L1633.574 1104 1345 1392.574 1056.426 1104z"/><path fill="' + color + '" d="M1345-439L1783.406-.594 1345 437.812 906.594-.594z"/><path stroke="' + color + '" stroke-width="240" d="M1921.76 168.706l309.059 309.059-309.059 309.058-309.059-309.058z"/></g><defs><clipPath id="prefix__clip0_58_894"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-11': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 142.846l198.069 114.355L346.565 0H1920v277.018L1802.38 73.291l-734.85 424.264L1331.06 954H0V142.846zm649.936 713.71l18.301-68.301 68.301 18.301-18.301 68.301-68.301-18.301z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_766)" fill="' + color + '"><path d="M1802.38 73.292l-734.85 424.264L1491.8 1232.4l734.84-424.262-424.26-734.846zM42.778-322.354L-169.354 45.069l367.423 212.132 212.132-367.423L42.778-322.354zM649.936 856.556l18.301-68.301 68.302 18.301-18.302 68.301-68.301-18.301z"/></g><defs><clipPath id="prefix__clip0_58_766"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-12': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 708.798V954h1326.42l-3.72-13.882a95.994 95.994 0 0124.84-92.729l147.89-147.89c24.26-24.252 59.6-33.724 92.73-24.847l202.02 54.132a96.012 96.012 0 0167.89 67.882L1900.22 954H1920V0H767.891a199.9 199.9 0 012.183 111.078L669.378 486.881c-18.493 69.019-72.403 122.928-141.421 141.422L152.154 728.999C100.099 742.947 45.414 735.151 0 708.798zM1595.66 258.87a23.996 23.996 0 01-23.18-6.211l-36.98-36.973a24.004 24.004 0 01-6.21-23.182l13.53-50.506a24 24 0 0116.98-16.97l50.5-13.533c8.28-2.22 17.12.148 23.18 6.211l36.98 36.973a24.004 24.004 0 016.21 23.182l-13.54 50.506a23.97 23.97 0 01-16.97 16.97l-50.5 13.533z" fill="' + color + '"/></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_58_745)" fill="' + color + '"><path d="M250.018-408.977c69.019-18.494 142.66 1.238 193.185 51.763L718.31-82.107c50.525 50.525 70.258 124.167 51.764 193.185L669.378 486.881c-18.493 69.019-72.403 122.928-141.421 141.422L152.154 728.999c-69.019 18.493-142.66-1.239-193.186-51.764l-275.106-275.107c-50.525-50.525-70.258-124.167-51.764-193.185l100.696-375.803c18.493-69.018 72.403-122.928 141.421-141.421l375.803-100.696zM1646.73 1264.15c33.13 8.88 68.48-.59 92.73-24.84l147.89-147.89a96.031 96.031 0 0024.85-92.732l-54.13-202.022a96.012 96.012 0 00-67.89-67.882l-202.02-54.132c-33.13-8.877-68.47.595-92.73 24.847l-147.89 147.89a95.994 95.994 0 00-24.84 92.729l54.13 202.022a95.967 95.967 0 0067.88 67.88l202.02 54.13zM1572.48 252.659a23.996 23.996 0 0023.18 6.211l50.5-13.533a23.97 23.97 0 0016.97-16.97l13.54-50.506a24.004 24.004 0 00-6.21-23.182l-36.98-36.973a23.993 23.993 0 00-23.18-6.211l-50.5 13.533a24 24 0 00-16.98 16.97l-13.53 50.506a24.004 24.004 0 006.21 23.182l36.98 36.973z"/></g><defs><clipPath id="prefix__clip0_58_745"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-13': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_75_23203)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 0H0v859.506l-190.573 51.064 35.756 133.44L32.783 954H51.31l-375.326 172.87 90.136 394.4L565.33 954h19.141c-170.193 122.31-368.853 265.1-580.537 417.25l-.165.12-135.29 97.24 957.378-451.83L893.286 954h47.639L-114.454 2058.62l62.826 234.47L1103.34 954h27.42L103.93 2180l65.439 244.22 705.555-863.57 240.546-94.82L1470.23 954h53.31L191.011 2939.16l104.974 391.76 375.717-100.67 377.978-571.43c13.98-21.33 164.03-221.74 151.7-199.8L787.965 3199.1l348.975-93.51L2169.62 804.001l-131.46-490.62L1935 341.024l-15 22.347v-58.283l61.63-88.923L1920 232.68V0zm0 232.68l-238.67 63.951L1130.76 954h339.47L1920 305.088V232.68zm0 130.691L1523.54 954H1920V363.371zM1103.34 954l127.91-148.297 60.47-169.07-5.85-43.671L940.925 954h162.415zm248.69-427.1L893.286 954H584.471c248.761-178.774 436.699-313.798 515.599-370.351l251.96-56.749zm0 0l.03-.029.01.021-.04.008zM565.33 954l434.321-308.275-553.752 126.532L51.311 954H565.33zm-532.548 0l487.485-233.9L0 859.506V954h32.782zM1528.04 468.975l-174.96 202.889-25.3-117.832 40.22-42.175 160.04-42.882zm931.55 1244.855L2213 793.524l-218.25 490.736-.14.24 156.33 1465.08 131.12-35.13 177.53-1000.62zm-520.18-346.59l21.42 218.34-146.61 63.17 125.19-281.51zm84.33 588.28l-29.58-300.33-157.39 86.36-225.64 506.93 412.61-292.96zm-112.76 125.5l87.14 889.52-885.51 237.27 364.48-819.53 433.89-307.26zm668.86 220.36l104.4 389.61-384.91 103.14 27.46-149.15-.05-.19 253.1-343.41zM807.326 1730.06l172.895-51.15-812.664 1172.72-67.065-250.29 706.834-871.28zM-89.52 1852.55c-.896-.13-1.789-.26-2.679-.4l.006.03c-28.186-4.25-56.008-10.99-83.04-20.39l53.373 129.55 75.04-98.45c-13.099-6.01-28.262-8.23-42.698-10.34h-.002zm829.267-783.16l-722.21 797.48c-31.83-8.57-62.09-22.77-92.32-36.95h-.002c-17.155-8.04-34.3-16.09-51.718-23.09l-56.788-179.13c255.882-154.84 738.844-446.96 923.038-558.31zm558.503-416.072l14.14 76.974-82.22 95.978 68.08-172.952zM2478.63 1923.68l-163.84 701.82 248.83-311.25-84.99-390.57zm-2799.147-309l-5.334 4.37-.056-.21.41-1.57 4.582-2.48.398-.11z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_75_23203"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_75_22965)" fill="' + color + '"><path d="M2579.84 2301.38l104.4 389.61-384.91 103.14 27.46-149.15-.05-.19 253.1-343.41zM1910.98 2081.02l87.14 889.52-885.51 237.27 364.48-819.53 433.89-307.26zM1994.16 1655.19l29.58 300.33-412.61 292.96 225.64-506.93 157.39-86.36zM1939.41 1367.24l21.42 218.34-146.61 63.17 125.19-281.51zM2213 793.524l246.59 920.306-177.53 1000.62-131.12 35.13-156.33-1465.08.14-.24L2213 793.524zM807.326 1730.06l172.895-51.15-812.664 1172.72-67.065-250.29 706.834-871.28zM520.267 720.1l-675.084 323.91-35.756-133.44 710.84-190.47zM999.651 645.725l-1233.53 875.545-90.136-394.4 769.914-354.613 553.752-126.532zM-92.199 1852.15c15.225 2.25 31.467 4.36 45.379 10.74l-75.04 98.45-53.373-129.55c27.032 9.4 54.854 16.14 83.04 20.39l-.006-.03zM739.747 1069.39l-722.21 797.48c-49.891-13.44-95.926-40.69-144.04-60.04l-56.788-179.13c255.882-154.84 738.844-446.96 923.038-558.31zM1352.06 526.871L825.857 1016.78l-957.378 451.83C447.028 1052.77 955.82 687.05 1100.07 583.649l252-56.757-.01-.021zM1298.25 653.318l14.14 76.974-82.22 95.978 68.08-172.952zM1285.87 592.962l5.85 43.671-60.47 169.07L-51.628 2293.09l-62.826-234.47L1285.87 592.962zM1528.04 468.975l-174.96 202.889-25.3-117.832 40.22-42.175 160.04-42.882z"/><path d="M1981.63 216.165L1115.47 1465.83l-240.546 94.82-705.555 863.57L103.93 2180l1577.4-1883.369 300.3-80.466zM2038.16 313.381l131.46 490.62L1136.94 3105.59l-348.975 93.51 413.415-740.08c12.33-21.94-137.72 178.47-151.7 199.8l-377.978 571.43-375.717 100.67-104.974-391.76L1935 341.024l103.16-27.643zM2314.79 2625.5l163.84-701.82 84.99 390.57-248.83 311.25zM-320.517 1614.68l-5.334 4.37-.056-.21.41-1.57 4.582-2.48.398-.11z"/><path d="M-320.517 1614.68l-5.334 4.37-.056-.21.41-1.57 4.582-2.48.398-.11z"/><path d="M-320.517 1614.68l-5.334 4.37-.056-.21 4.992-4.05.398-.11z"/><path d="M-320.517 1614.68l-5.334 4.37-.056-.21.41-1.57 4.582-2.48.398-.11z"/></g><defs><clipPath id="prefix__clip0_75_22965"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-14': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_75_23245)"><path fill-rule="evenodd" clip-rule="evenodd" d="M2351.91 237.689l-852.66-492.288L1352.25 0H0v954h801.461l-.689 1.194 852.668 492.286 10.79-18.7L841.885 954h136.628l719.877 415.62 16.46-28.51L1044.35 954h109.29l588.53 339.79 20.98-36.33L1237.53 954h81.97l464.14 267.97 30.74-53.25L1442.47 954h54.66l330.91 191.06 46.45-80.46L1682.93 954h27.3l171.09 98.78 54.86-95.016-16.18-9.339v-7.881l19.59 11.31 412.32-714.165zM1920 948.425l-836.49-482.948-54.86 95.015L1710.23 954H1920v-5.575zM1682.93 954l-661.1-381.686-46.453 80.454L1497.13 954h185.8zm-240.46 0L961.712 676.436l-30.743 53.248L1319.5 954h122.97zm-204.94 0L910.479 765.174 889.506 801.5 1153.64 954h83.89zm-193.18 0L862.184 848.824l-16.46 28.51L978.513 954h65.837zm-202.465 0l-30.318-17.504L801.461 954h40.424zM1920 940.544l-833.08-480.978L1352.25 0H1920v940.544zm-307.55 577.926l-852.666-492.28-6.215 10.76 852.671 492.29 6.21-10.77zm-906.694-398.7l852.664 492.28-2.6 4.51-852.663-492.29 2.599-4.5z" fill="' + color + '"/></g><defs><clipPath id="prefix__clip0_75_23245"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_75_23004)" fill="' + color + '"><path d="M2351.91 237.689l-852.66-492.288-412.33 714.165 852.67 492.288 412.32-714.165zM1936.18 957.764l-852.67-492.287-54.86 95.015 852.67 492.288 54.86-95.016zM1874.49 1064.6l-852.66-492.286-46.452 80.454 852.672 492.292 46.44-80.46zM1814.38 1168.72L961.712 676.436l-30.743 53.248 852.671 492.286 30.74-53.25zM1763.15 1257.46L910.479 765.174 889.507 801.5l852.663 492.29 20.98-36.33zM1714.85 1341.11L862.185 848.824l-16.461 28.51 852.666 492.286 16.46-28.51zM1664.23 1428.78L811.568 936.496l-10.796 18.698 852.668 492.286 10.79-18.7zM1612.45 1518.47l-852.666-492.28-6.215 10.76 852.671 492.29 6.21-10.77zM1558.42 1612.05l-852.663-492.28-2.599 4.5 852.662 492.29 2.6-4.51z"/></g><defs><clipPath id="prefix__clip0_75_23004"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-15': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__prefix__clip0_77_23452)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1353 308.5c0 255.507-131.58 485.45-341.45 645.5-187.291 142.83-436.933 230-711.05 230C-280.78 1184-752 792.025-752 308.5S-280.78-567 300.5-567c450.743 0 835.31 235.692 985.3 567 43.44 95.948 67.2 199.916 67.2 308.5z" fill="' + color + '"/><path d="M1321.57 538C1357.08 287.516 1273.7 89.91 1127-.418L1374.18-6c65.77 100.68-15.89 431.512-52.61 544zM312 955c432.242 0 746.77-180.667 850-271-90.34 157.09-176.766 246.121-208.688 271H312z" fill="' + accent_color + '" fill-opacity=".25"/><path d="M1344.5 427c0-252.4-212.67-390.833-319-428.5H1373c70 82.4 10.17 320-28.5 428.5z" fill="' + accent_color + '" fill-opacity=".1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1337 184.5c0 324.402-198.63 609.049-497.356 769.5H0V0h1285.8c-149.99-331.308-534.557-567-985.3-567C-280.78-567-752-175.025-752 308.5c0 40.898 3.371 81.142 9.895 120.549C-617.527 811.461-207.995 1092 278 1092c206.311 0 398.842-50.56 561.644-138h171.906C1221.42 793.95 1353 564.007 1353 308.5c0-53.218-5.71-105.326-16.64-155.925.42 10.596.64 21.239.64 31.925z" fill="' + accent_color + '" fill-opacity=".5"/></g><defs><clipPath id="prefix__prefix__clip0_77_23452"><path fill="' + accent_color + '" d="M0 0h1920v954H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_75_23031)" fill="' + color + '"><path d="M1321.57 538C1357.08 287.516 1273.7 89.91 1127-.418L1374.18-6c65.77 100.68-15.89 431.512-52.61 544zM312 955c432.242 0 746.77-180.667 850-271-90.34 157.09-176.766 246.121-208.688 271H312z" fill="' + accent_color + '" fill-opacity=".25"/><path d="M1344.5 427c0-252.4-212.67-390.833-319-428.5H1373c70 82.4 10.17 320-28.5 428.5z" fill="' + accent_color + '" fill-opacity=".1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M839.644 954C1138.37 793.549 1337 508.902 1337 184.5c0-63.218-7.54-124.926-21.9-184.5H1920v954H839.644zm0 0C676.842 1041.44 484.311 1092 278 1092c-584.87 0-1059-406.302-1059-907.5S-306.87-723 278-723c511.098 0 937.63 310.269 1037.1 723H0v954h839.644z" fill="' + accent_color + '" fill-opacity=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1011.55 954C1221.42 793.95 1353 564.007 1353 308.5c0-108.584-23.76-212.552-67.2-308.5H1920v954h-908.45zm0 0c-187.291 142.83-436.933 230-711.05 230C-280.78 1184-752 792.025-752 308.5S-280.78-567 300.5-567c450.743 0 835.31 235.692 985.3 567H0v954h1011.55z"/></g><defs><clipPath id="prefix__clip0_75_23031"><path fill="#fff" d="M0 0h1920v954H0z"/></clipPath></defs></svg>'
},
'mask-16': {
'default': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_77_23308)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1173 0H0v954h1313l-140-238.5h70l70-119h70L1313 477l70-119.5h-70l-70-119h-70l70-119.5-70-119zm747 0v954h113V0h-113z" fill="' + color + '"/><path d="M1102.98 835l69.98 119H1033l69.98-119z" fill="' + accent_color + '" fill-opacity=".1"/><path d="M1382.91 834.998l69.98 119h-139.96l69.98-119z" fill="' + accent_color + '" fill-opacity=".24"/><path d="M1172.96 954l-69.98-119h139.97l-69.99 119z" fill="' + accent_color + '" fill-opacity=".4"/><path d="M1032.98 715.941l-69.98 119h139.96l-69.98-119z" fill="' + accent_color + '" fill-opacity=".12"/><path d="M1172.96 715.5l69.99 119.5h-139.97l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".55"/><path d="M1102.98 834.998l69.98-119.5H1033l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".25"/><path d="M1382.91 834.998l-69.98-119.5h139.96l-69.98 119.5z" fill="' + accent_color + '" fill-opacity=".85"/><path d="M1172.96 596.5l69.99 119h-139.97l69.98-119z" fill="' + accent_color + '" fill-opacity=".75"/><path d="M1242.95 715.5l69.98-119h-139.97l69.99 119z" fill="' + accent_color + '" fill-opacity=".85"/><path d="M1242.98 596.5l69.98-119.5H1173l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".7"/><path d="M1032.98 477l69.98 119.5H963l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".05"/><path d="M1312.93 477l69.98 119.5h-139.96l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".9"/><path d="M1102.98 119.002l69.98-119H1033l69.98 119z" fill="' + accent_color + '" fill-opacity=".1"/><path d="M1312.93 0l69.98 119h-139.96l69.98-119z" fill="' + accent_color + '" fill-opacity=".7"/><path d="M1172.96 0l-69.98 119h139.97L1172.96 0z" fill="' + accent_color + '" fill-opacity=".25"/><path d="M1172.98 238.5l69.98-119.5H1103l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".42"/><path d="M1032.98 238.5l69.98-119.5H963l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".24"/><path d="M1172.96 357.5l69.99-119h-139.97l69.98 119z" fill="' + accent_color + '" fill-opacity=".15"/><path d="M1242.95 238.5l69.98 119h-139.97l69.99-119z" fill="' + accent_color + '" fill-opacity=".65"/><path d="M1102.98 357.5l69.98 119.5H1033l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".3"/><path d="M1312.98 477l69.98-119.5H1243l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".85"/><path d="M1172.96 477l69.99-119.5h-139.97l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".75"/></g><defs><clipPath id="prefix__clip0_77_23308"><path fill="' + accent_color + '" d="M0 0h1920v954H0z"/></clipPath></defs></svg>',
'inverted': '<svg width="1920" height="954" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1102.98 835l69.98 119H1033l69.98-119z" fill="' + accent_color + '" fill-opacity=".1"/><path d="M1382.91 834.998l69.99 119h-139.97l69.98-119z" fill="' + accent_color + '" fill-opacity=".24"/><path d="M1452.9 954l69.98-119h-139.97l69.99 119z" fill="' + color + '"/><path d="M1172.96 954l-69.98-119h139.97l-69.99 119z" fill="' + accent_color + '" fill-opacity=".4"/><path d="M1032.98 715.941l-69.98 119h139.96l-69.98-119z" fill="' + accent_color + '" fill-opacity=".12"/><path d="M1522.88 834.998l-69.99 119h139.97l-69.98-119z" fill="' + color + '"/><path d="M1172.96 715.5l69.99 119.5h-139.97l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".55"/><path d="M1242.95 835l69.98-119.5h-139.97l69.99 119.5z" fill="' + color + '"/><path d="M1312.98 953.5l69.98-119.5H1243l69.98 119.5z" fill="' + color + '"/><path d="M1102.98 834.998l69.98-119.5H1033l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".25"/><path d="M1312.93 715.5L1242.95 835h139.96l-69.98-119.5zm139.96 0L1382.91 835h139.97l-69.99-119.5z" fill="' + color + '"/><path d="M1382.91 834.998l-69.98-119.5h139.97l-69.99 119.5z" fill="' + accent_color + '" fill-opacity=".85"/><path d="M1172.96 596.5l69.99 119h-139.97l69.98-119z" fill="' + accent_color + '" fill-opacity=".75"/><path d="M1522.88 834.998l69.98-119.5H1452.9l69.98 119.5z" fill="' + color + '"/><path d="M1242.95 715.5l69.98-119h-139.97l69.99 119z" fill="' + accent_color + '" fill-opacity=".85"/><path d="M1452.9 596.5l69.98 119h-139.97l69.99-119z" fill="' + color + '"/><path d="M1522.88 715.5l69.98-119H1452.9l69.98 119zm-209.95-119l69.98 119h-139.96l69.98-119z" fill="' + color + '"/><path d="M1382.91 715.5l69.99-119h-139.97l69.98 119z" fill="' + color + '"/><path d="M1242.98 596.5l69.98-119.5H1173l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".7"/><path d="M1032.98 477l69.98 119.5H963l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".05"/><path d="M1452.9 477l69.98 119.5h-139.97L1452.9 477z" fill="' + color + '"/><path d="M1522.88 596.5l69.98-119.5H1452.9l69.98 119.5z" fill="' + color + '"/><path d="M1312.93 477l69.98 119.5h-139.96l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".9"/><path d="M1382.91 596.5L1452.9 477h-139.97l69.98 119.5z" fill="' + color + '"/><path d="M1102.98 119.002l69.98-119H1033l69.98 119z" fill="' + accent_color + '" fill-opacity=".1"/><path d="M1452.89 0l69.99 119h-139.97l69.98-119zm-209.94 119l69.98-119h-139.97l69.99 119z" fill="' + color + '"/><path d="M1382.98 119l69.98-119H1313l69.98 119z" fill="' + color + '"/><path d="M1312.93 0l69.98 119h-139.96l69.98-119z" fill="' + accent_color + '" fill-opacity=".7"/><path d="M1172.96 0l-69.98 119h139.97L1172.96 0z" fill="' + accent_color + '" fill-opacity=".25"/><path d="M1522.88 119.002l-69.99-119h139.97l-69.98 119zM1242.96 119l69.99 119.5h-139.97l69.98-119.5z" fill="' + color + '"/><path d="M1172.98 238.5l69.98-119.5H1103l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".42"/><path d="M1032.98 238.5l69.98-119.5H963l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".24"/><path d="M1312.93 238.5L1242.95 119h139.96l-69.98 119.5zm139.96 0L1382.91 119h139.97l-69.99 119.5zm-69.98-119.498l-69.98 119.5h139.96l-69.98-119.5z" fill="' + color + '"/><path d="M1172.96 357.5l69.99-119h-139.97l69.98 119z" fill="' + accent_color + '" fill-opacity=".15"/><path d="M1522.88 119.002l69.98 119.5h-139.97l69.99-119.5z" fill="' + color + '"/><path d="M1242.95 238.5l69.98 119h-139.97l69.99-119z" fill="' + accent_color + '" fill-opacity=".65"/><path d="M1452.89 357.5l69.99-119h-139.97l69.98 119zm69.99-119l69.98 119h-139.97l69.99-119zm-209.95 119l69.98-119h-139.96l69.98 119z" fill="' + color + '"/><path d="M1382.91 238.5l69.98 119h-139.96l69.98-119z" fill="' + color + '"/><path d="M1102.98 357.5l69.98 119.5H1033l69.98-119.5z" fill="' + accent_color + '" fill-opacity=".3"/><path d="M1312.98 477l69.98-119.5H1243l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".85"/><path d="M1172.96 477l69.99-119.5h-139.97l69.98 119.5z" fill="' + accent_color + '" fill-opacity=".75"/><path d="M1452.89 477l69.99-119.5h-139.97l69.98 119.5zm69.99-119.5l69.98 119.5h-139.97l69.99-119.5z" fill="' + color + '"/><path d="M1382.91 357.5l69.98 119.5h-139.96l69.98-119.5zM1490 0h430v954h-430V0z" fill="' + color + '"/></svg>'
}
};
return masks[ name ] ? masks[ name ][ style ] : '';
},
/**
* Get mask background element.
*
* @since 3.8
* @param {Object} values - The values.
* @return {String}
*/
fusionGetMaskElement: function( values ) {
// Early exit if no pattern selected.
if ( '' === values.mask_bg ) {
return;
}
let style = '';
if ( 'custom' === values.mask_bg ) {
style += 'background-image: url(' + values.mask_custom_bg + ');';
} else {
style += 'background-image: url(data:image/svg+xml;base64,' + window.btoa( this.fusionGetMask( values.mask_bg, values.mask_bg_color, values.mask_bg_style, values.mask_bg_accent_color ) ) + ');';
}
if ( '' !== values.mask_bg_opacity ) {
style += 'opacity: ' + ( parseInt( values.mask_bg_opacity ) / 100 ) + ' ;';
}
if ( '' !== values.mask_bg_transform ) {
const transform = values.mask_bg_transform;
let scaleX = 1;
let scaleY = 1;
if ( transform.includes( 'flip-Horizontal' ) ) {
scaleX = -1;
}
if ( transform.includes( 'flip-vertical' ) ) {
scaleY = -1;
}
style += 'transform: scale(' + scaleX + ', ' + scaleY + ');';
}
if ( '' !== values.mask_bg_blend_mode ) {
style += 'mix-blend-mode:' + values.mask_bg_blend_mode + ';';
}
const element = '<div class="awb-background-mask" style="' + style + '"></div>';
return element;
},
/**
* Generates gradient string for provided options.
*
* @since 2.1
* @param {Object} values - Element params.
* @param {string} type - Required gradient string type.
* @return {string} - Generated string.
*/
getGradientString: function( values, type ) {
var gradientString = '',
alphaGradientStartColor = jQuery.AWB_Color( values.gradient_start_color ).alpha(),
alphaGradientEndColor = jQuery.AWB_Color( values.gradient_end_color ).alpha(),
isGradientColor = ( ! _.isEmpty( values.gradient_start_color ) && 0 !== alphaGradientStartColor ) || ( ! _.isEmpty( values.gradient_end_color ) && 0 !== alphaGradientEndColor ) ? true : false;
if ( isGradientColor ) {
if ( 'linear' === values.gradient_type ) {
gradientString += 'linear-gradient(' + values.linear_angle + 'deg,';
} else if ( 'radial' === values.gradient_type ) {
gradientString += 'radial-gradient(circle at ' + values.radial_direction + ', ';
}
gradientString += values.gradient_start_color + ' ' + values.gradient_start_position + '%,';
gradientString += values.gradient_end_color + ' ' + values.gradient_end_position + '%)';
switch ( type ) {
case 'main_bg':
case 'parallax':
if ( '' !== values.background_image && 'yes' !== values.fade ) {
gradientString += ',url(\'' + values.background_image + '\')';
}
break;
case 'fade':
case 'column':
if ( '' !== values.background_image ) {
gradientString += ',url(\'' + values.background_image + '\')';
}
break;
}
}
return gradientString;
},
/**
* Generates gradient string for provided options.
*
* @since 2.1
* @param {Object} values - Element params.
* @return {string} - Generated string.
*/
getGradientFontString: function( values ) {
var gradientString = '',
gradientStart = 'string' === typeof values.gradient_start_color && '' !== values.gradient_start_color ? values.gradient_start_color : 'rgba(255,255,255,0)',
gradientEnd = 'string' === typeof values.gradient_end_color && '' !== values.gradient_end_color ? values.gradient_end_color : 'rgba(255,255,255,0)',
alphaGradientStartColor = jQuery.AWB_Color( gradientStart ).alpha(),
alphaGradientEndColor = jQuery.AWB_Color( gradientEnd ).alpha(),
isGradientColor = 0 !== alphaGradientStartColor || 0 !== alphaGradientEndColor;
if ( isGradientColor ) {
gradientString += 'background-color:' + gradientStart + ';';
// Check for type and set accordingly.
gradientString += 'background-image:';
if ( 'linear' === values.gradient_type ) {
gradientString += 'linear-gradient(' + values.linear_angle + 'deg, ';
} else if ( 'radial' === values.gradient_type ) {
gradientString += 'radial-gradient(circle at ' + values.radial_direction + ', ';
}
gradientString += gradientStart + ' ' + values.gradient_start_position + '%,';
gradientString += gradientEnd + ' ' + values.gradient_end_position + '%);';
}
return gradientString;
},
/**
* Generates box-shadow style for provided options.
*
* @since 2.1
* @param {Object} values - The values.
* @return {string} - The generated CSS.
*/
fusionGetBoxShadowStyle: function( values ) {
var style = '';
style += _.fusionGetValueWithUnit( values.box_shadow_horizontal );
style += ' ' + _.fusionGetValueWithUnit( values.box_shadow_vertical );
style += ' ' + _.fusionGetValueWithUnit( values.box_shadow_blur );
style += ' ' + _.fusionGetValueWithUnit( values.box_shadow_spread );
style += ' ' + values.box_shadow_color;
if ( 'undefined' !== typeof values.box_shadow_style && '' !== values.box_shadow_style ) {
style += ' ' + values.box_shadow_style;
}
style += ';';
return style;
},
/**
* Generates text-shadow style for provided options.
*
* @since 2.1
* @param {Object} values - The values.
* @return {string} - The generated CSS.
*/
fusionGetTextShadowStyle: function( values ) {
var style = '';
style += _.fusionGetValueWithUnit( values.text_shadow_horizontal );
style += ' ' + _.fusionGetValueWithUnit( values.text_shadow_vertical );
style += ' ' + _.fusionGetValueWithUnit( values.text_shadow_blur );
style += ' ' + values.text_shadow_color;
return style;
},
/**
* Get font family styling.
*
* @since 2.1
* @param {string} param_id - Param ID.
* @param {Object} values - The values.
* @param {string} format - Format of returned value, string or object.
* @return {mixed} - The generated styling.
*/
fusionGetFontStyle: function( param_id, values, format = 'string', important = false ) {
var style = {},
style_str = '',
weight = '';
if ( 'string' === typeof values[ 'fusion_font_family_' + param_id ] && '' !== values[ 'fusion_font_family_' + param_id ] ) {
if ( values[ 'fusion_font_family_' + param_id ].includes( 'var(' ) ) {
style[ 'font-family' ] = values[ 'fusion_font_family_' + param_id ];
if ( 'object' === typeof window.awbTypographySelect ) {
style[ 'font-weight' ] = window.awbTypographySelect.getVarString( values[ 'fusion_font_family_' + param_id ], 'font-weight' );
style[ 'font-style' ] = window.awbTypographySelect.getVarString( values[ 'fusion_font_family_' + param_id ], 'font-style' );
}
} else if ( values[ 'fusion_font_family_' + param_id ].includes( '\'' ) || 'inherit' === values[ 'fusion_font_family_' + param_id ] ) {
style[ 'font-family' ] = values[ 'fusion_font_family_' + param_id ];
} else {
style[ 'font-family' ] = '\'' + values[ 'fusion_font_family_' + param_id ] + '\'';
}
if ( 'string' === typeof values[ 'fusion_font_variant_' + param_id ] && '' !== values[ 'fusion_font_variant_' + param_id ] && 'undefined' === typeof style[ 'font-weight' ] ) {
weight = values[ 'fusion_font_variant_' + param_id ].replace( 'italic', '' );
if ( weight !== values[ 'fusion_font_variant_' + param_id ] ) {
style[ 'font-style' ] = 'italic';
}
if ( '' !== weight ) {
style[ 'font-weight' ] = weight;
}
}
}
if ( 'string' === format ) {
important = important ? ' !important' : '';
jQuery.each( style, function( key, value ) {
style_str += key + ':' + value + important + ';';
} );
return style_str;
}
return style;
},
/**
* Checks if valid JSON or not.
*
* @since 3.0
* @param {String} value - The value to check.
* @return {Bolean}
*/
FusionIsValidJSON: function( value ) {
try {
JSON.parse( value );
} catch ( e ) {
return false;
}
return true;
},
/**
* Returns sticky class string.
*
* @since 3.0
* @param {String} value - The value to check.
* @return {String}
*/
fusionGetStickyClass: function( value ) {
return '' !== value && ! value.includes( ',' ) ? ' fusion-display-' + value + '-only' : '';
},
/**
* Link attributes.
*
* @since 3.3
* @param {Object} attr - Element attributes.
* @param {Object} values - Element values.
* @return {Object}
*/
fusionLinkAttributes: function( attr, values ) {
var linkAttributes;
if ( 'undefined' !== typeof values.link_attributes && '' !== values.link_attributes ) {
linkAttributes = values.link_attributes.split( ' ' );
_.each( linkAttributes, function( linkAttribute ) {
var attributeKeyValue = linkAttribute.split( '=' );
if ( ! _.isUndefined( attributeKeyValue[ 0 ] ) ) {
if ( ! _.isUndefined( attributeKeyValue[ 1 ] ) ) {
attributeKeyValue[ 1 ] = attributeKeyValue[ 1 ].trim().replace( /{/g, '[' ).replace( /}/g, ']' ).replace( /'/g, '' ).trim();
if ( 'rel' === attributeKeyValue[ 0 ] ) {
attr.rel += ' ' + attributeKeyValue[ 1 ];
} else if ( 'string' === typeof attr[ attributeKeyValue[ 0 ] ] ) {
attr[ attributeKeyValue[ 0 ] ] += ' ' + attributeKeyValue[ 1 ];
} else {
attr[ attributeKeyValue[ 0 ] ] = attributeKeyValue[ 1 ];
}
} else {
attr[ attributeKeyValue[ 0 ] ] = 'valueless_attribute';
}
}
} );
}
return attr;
},
fusionSanitize: function( str ) {
var map = {
'À': 'A',
'Á': 'A',
'Â': 'A',
'Ã': 'A',
'Ä': 'A',
'Å': 'A',
'Æ': 'AE',
'Ç': 'C',
'È': 'E',
'É': 'E',
'Ê': 'E',
'Ë': 'E',
'Ì': 'I',
'Í': 'I',
'Î': 'I',
'Ï': 'I',
'Ð': 'D',
'Ñ': 'N',
'Ò': 'O',
'Ó': 'O',
'Ô': 'O',
'Õ': 'O',
'Ö': 'O',
'Ø': 'O',
'Ù': 'U',
'Ú': 'U',
'Û': 'U',
'Ü': 'U',
'Ý': 'Y',
'ß': 's',
'à': 'a',
'á': 'a',
'â': 'a',
'ã': 'a',
'ä': 'a',
'å': 'a',
'æ': 'ae',
'ç': 'c',
'è': 'e',
'é': 'e',
'ê': 'e',
'ë': 'e',
'ì': 'i',
'í': 'i',
'î': 'i',
'ï': 'i',
'ñ': 'n',
'ò': 'o',
'ó': 'o',
'ô': 'o',
'õ': 'o',
'ö': 'o',
'ø': 'o',
'ù': 'u',
'ú': 'u',
'û': 'u',
'ü': 'u',
'ý': 'y',
'ÿ': 'y',
'Ā': 'A',
'ā': 'a',
'Ă': 'A',
'ă': 'a',
'Ą': 'A',
'ą': 'a',
'Ć': 'C',
'ć': 'c',
'Ĉ': 'C',
'ĉ': 'c',
'Ċ': 'C',
'ċ': 'c',
'Č': 'C',
'č': 'c',
'Ď': 'D',
'ď': 'd',
'Đ': 'D',
'đ': 'd',
'Ē': 'E',
'ē': 'e',
'Ĕ': 'E',
'ĕ': 'e',
'Ė': 'E',
'ė': 'e',
'Ę': 'E',
'ę': 'e',
'Ě': 'E',
'ě': 'e',
'Ĝ': 'G',
'ĝ': 'g',
'Ğ': 'G',
'ğ': 'g',
'Ġ': 'G',
'ġ': 'g',
'Ģ': 'G',
'ģ': 'g',
'Ĥ': 'H',
'ĥ': 'h',
'Ħ': 'H',
'ħ': 'h',
'Ĩ': 'I',
'ĩ': 'i',
'Ī': 'I',
'ī': 'i',
'Ĭ': 'I',
'ĭ': 'i',
'Į': 'I',
'į': 'i',
'İ': 'I',
'ı': 'i',
'IJ': 'IJ',
'ij': 'ij',
'Ĵ': 'J',
'ĵ': 'j',
'Ķ': 'K',
'ķ': 'k',
'Ĺ': 'L',
'ĺ': 'l',
'Ļ': 'L',
'ļ': 'l',
'Ľ': 'L',
'ľ': 'l',
'Ŀ': 'L',
'ŀ': 'l',
'Ł': 'l',
'ł': 'l',
'Ń': 'N',
'ń': 'n',
'Ņ': 'N',
'ņ': 'n',
'Ň': 'N',
'ň': 'n',
'ʼn': 'n',
'Ō': 'O',
'ō': 'o',
'Ŏ': 'O',
'ŏ': 'o',
'Ő': 'O',
'ő': 'o',
'Œ': 'OE',
'œ': 'oe',
'Ŕ': 'R',
'ŕ': 'r',
'Ŗ': 'R',
'ŗ': 'r',
'Ř': 'R',
'ř': 'r',
'Ś': 'S',
'ś': 's',
'Ŝ': 'S',
'ŝ': 's',
'Ş': 'S',
'ş': 's',
'Š': 'S',
'š': 's',
'Ţ': 'T',
'ţ': 't',
'Ť': 'T',
'ť': 't',
'Ŧ': 'T',
'ŧ': 't',
'Ũ': 'U',
'ũ': 'u',
'Ū': 'U',
'ū': 'u',
'Ŭ': 'U',
'ŭ': 'u',
'Ů': 'U',
'ů': 'u',
'Ű': 'U',
'ű': 'u',
'Ų': 'U',
'ų': 'u',
'Ŵ': 'W',
'ŵ': 'w',
'Ŷ': 'Y',
'ŷ': 'y',
'Ÿ': 'Y',
'Ź': 'Z',
'ź': 'z',
'Ż': 'Z',
'ż': 'z',
'Ž': 'Z',
'ž': 'z',
'ſ': 's',
'ƒ': 'f',
'Ơ': 'O',
'ơ': 'o',
'Ư': 'U',
'ư': 'u',
'Ǎ': 'A',
'ǎ': 'a',
'Ǐ': 'I',
'ǐ': 'i',
'Ǒ': 'O',
'ǒ': 'o',
'Ǔ': 'U',
'ǔ': 'u',
'Ǖ': 'U',
'ǖ': 'u',
'Ǘ': 'U',
'ǘ': 'u',
'Ǚ': 'U',
'ǚ': 'u',
'Ǜ': 'U',
'ǜ': 'u',
'Ǻ': 'A',
'ǻ': 'a',
'Ǽ': 'AE',
'ǽ': 'ae',
'Ǿ': 'O',
'ǿ': 'o',
'α': 'a',
'Α': 'A',
'β': 'v',
'Β': 'V',
'γ': 'g',
'Γ': 'G',
'δ': 'd',
'Δ': 'D',
'ε': 'e',
'Ε': 'E',
'ζ': 'z',
'Ζ': 'Z',
'η': 'i',
'Η': 'I',
'θ': 'th',
'Θ': 'TH',
'ι': 'i',
'Ι': 'I',
'κ': 'k',
'Κ': 'K',
'λ': 'l',
'Λ': 'L',
'μ': 'm',
'Μ': 'M',
'ν': 'n',
'Ν': 'N',
'ξ': 'ks',
'Ξ': 'KS',
'ο': 'o',
'Ο': 'O',
'π': 'p',
'Π': 'P',
'ρ': 'r',
'Ρ': 'R',
'σ': 's',
'Σ': 'S',
'ς': 's',
'τ': 't',
'Τ': 'T',
'υ': 'y',
'Υ': 'Y',
'φ': 'f',
'Φ': 'F',
'χ': 'x',
'Χ': 'X',
'ψ': 'ps',
'Ψ': 'PS',
'ω': 'o',
'Ω': 'O',
' ': '_',
'\'': '',
'?': '',
'/': '',
'\\': '',
'.': '',
',': '',
'`': '',
'>': '',
'<': '',
'"': '',
'[': '',
']': '',
'|': '',
'{': '',
'}': '',
'(': '',
')': ''
},
nonWord = /\W/g,
mapping = function ( c ) {
return ( map[ c ] !== undefined ) ? map[ c ] : c;
};
return str.replace( nonWord, mapping ).toLowerCase();
}
} );
;/* global MediumEditor, FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.InlineEditorHelpers = Backbone.Model.extend( {
initialize: function() {
this._reRenderElement = _.debounce( _.bind( this.reRenderElement, this ), 300 );
this._logChangeEvent = _.debounce( _.bind( this.logChangeEvent, this ), 500 );
this.initialValue = null;
},
logChangeEvent: function( param, value, tempModel, paramName ) {
var label = paramName,
state = {
type: 'param',
param: param,
newValue: value,
cid: tempModel.parentView.model.get( 'cid' )
},
elementMap = window.fusionAllElements[ tempModel.get( 'element_type' ) ],
paramTitle = 'object' === typeof elementMap.params[ label ] ? elementMap.params[ label ].heading : param;
state.oldValue = this.initialValue;
this.initialValue = null;
window.FusionEvents.trigger( 'fusion-history-save-step', window.fusionBuilderText.edited + ' ' + elementMap.name + ' - ' + paramTitle, state );
},
updateInlineShortcode: function( oldShortcode, newShortcode, tempModel, paramName ) {
var oldContent = tempModel.parentView.model.attributes.params.element_content,
newContent = oldContent.replace( oldShortcode, newShortcode );
tempModel.parentView.model.attributes.params.element_content = newContent;
tempModel.set( 'inlineElement', newShortcode );
if ( null === this.initialValue ) {
this.initialValue = oldContent;
}
this._logChangeEvent( 'element_content', newContent, tempModel, paramName );
},
processInlineElement: function( model, paramName ) {
var newViewOutput,
tooltipElements = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( model.parentView.$el ).find( '[data-id="' + model.get( 'cid' ) + '"]' ).find( '[data-toggle="tooltip"]' );
if ( tooltipElements.length ) {
tooltipElements.tooltip( 'destroy' );
}
// Update shortcode
this.updateInlineShortcode( model.get( 'inlineElement' ), FusionPageBuilderApp.generateElementShortcode( model, false, true ), model, paramName );
// Get markup
newViewOutput = this.getInlineElementMarkup( model );
// Append html
model.parentView.$el.find( '[data-id="' + model.get( 'cid' ) + '"]:not(.fusion-inline-ajax)' ).html( '' ).append( newViewOutput );
// Trigger js
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_text', model.parentView.model.attributes.cid );
},
getInlineElementMarkup: function( model ) {
var viewSettings = {
model: model
},
newView,
newViewOutput;
if ( 'undefined' !== typeof FusionPageBuilder[ model.get( 'element_type' ) ] ) {
newView = new FusionPageBuilder[ model.get( 'element_type' ) ]( viewSettings );
} else {
newView = new FusionPageBuilder.ElementView( viewSettings );
}
newViewOutput = newView.getTemplate();
return newViewOutput;
},
getInlineElementSettings: function( model ) {
var viewSettings = {
model: model
},
modalView = new FusionPageBuilder.ElementSettingsView( viewSettings );
// No need to render if it already is.
if ( ! FusionPageBuilderApp.SettingsHelpers.shouldRenderSettings( modalView ) ) {
return;
}
// If we want dialog.
if ( 'dialog' === window.FusionApp.preferencesData.editing_mode ) {
jQuery( modalView.render().el ).dialog( {
title: window.fusionAllElements[ model.get( 'element_type' ) ].name,
width: window.FusionApp.dialog.dialogData.width,
height: window.FusionApp.dialog.dialogData.height,
position: window.FusionApp.dialog.dialogData.position,
dialogClass: 'fusion-builder-dialog fusion-builder-settings-dialog',
dragStop: function( event, ui ) {
window.FusionApp.dialog.saveDialogPosition( ui.offset );
},
resizeStop: function( event, ui ) {
window.FusionApp.dialog.saveDialogSize( ui.size );
},
open: function( event ) {
var $dialogContent = jQuery( event.target ),
$tabMenu = $dialogContent.find( '.fusion-builder-modal-top-container' );
$dialogContent.closest( '.ui-dialog' ).find( '.ui-dialog-titlebar' ).append( $tabMenu );
FusionPageBuilderApp.$el.addClass( 'fusion-builder-no-ui' );
},
dragStart: function( event ) {
// Used to close any open drop-downs in TinyMce.
jQuery( event.target ).trigger( 'click' );
},
beforeClose: function() {
modalView.saveSettings();
window.FusionEvents.trigger( 'fusion-content-changed' );
FusionPageBuilderApp.$el.removeClass( 'fusion-builder-no-ui' );
}
} );
} else {
// Adding into sidebar view instead.
modalView.model.set( 'title', window.fusionAllElements[ model.get( 'element_type' ) ].name );
modalView.model.set( 'display', 'sidebar' );
window.FusionApp.sidebarView.renderElementSettings( modalView );
}
},
removeStyle: function( model ) {
var $editor,
content,
param,
params = model.parentView.model.get( 'params' ),
editorInstance;
$editor = model.$target.closest( '.fusion-live-editable' );
model.$target.replaceWith( model.attributes.params.element_content );
editorInstance = FusionPageBuilderApp.inlineEditors.getEditor( $editor.data( 'medium-editor-editor-index' ) );
if ( 'undefined' !== typeof editorInstance ) {
content = editorInstance.getContent();
} else {
content = $editor.html();
}
param = $editor.data( 'param' ),
// Fix for inline font family style.
content = content.replace( /"/g, '\'' );
// Adds in any inline shortcodes.
content = FusionPageBuilderApp.htmlToShortcode( content, model.parentView.model.get( 'cid' ) );
params[ param ] = content;
model.parentView.model.set( 'params', params );
},
/**
* Init the Medium Editor for elements that can be live-edited.
*
* @since 2.0.0
* @return {void}
*/
liveEditor: function( view ) {
var liveElements = view.$el.find( '.fusion-live-editable:not([data-medium-editor-element="true"])' );
if ( liveElements.length ) {
liveElements.each( function() {
FusionPageBuilderApp.inlineEditors.addEditorInstance( jQuery( this ), view );
} );
}
},
/**
* Destroys each instance of live editor.
*
* @since 2.0.0
* @return {void}
*/
removeLiveEditors: function( view ) {
var liveElements = view.$el.find( '[data-medium-editor-element="true"]' ),
viewEditors = view.model.get( 'inlineEditors' );
// First remove IDs stored on view.
if ( 'undefined' !== typeof viewEditors && viewEditors.length ) {
_.each( viewEditors, function( inlineEditor ) {
FusionPageBuilderApp.inlineEditors.destroyEditor( inlineEditor );
} );
}
// Check if there are still more IDs in DOM.
if ( liveElements.length ) {
liveElements.each( function() {
FusionPageBuilderApp.inlineEditors.destroyEditor( jQuery( this ).data( 'medium-editor-editor-index' ) );
} );
}
view.model.set( 'inlineEditors', [] );
},
liveEditorEvent: function( view ) {
var self = this,
$editors = view.$el.find( '.fusion-live-editable' );
// Remove any we already have, to prevent duplicates.
self.removeLiveEditors( view );
if ( true === view.model.get( 'inline_editor' ) && view.$el ) {
if ( 1 === $editors.length && view.autoSelectEditor ) {
FusionPageBuilderApp.inlineEditors.addEditorInstance( $editors, view, true );
} else {
$editors.on( 'mouseenter.inline-editor', function() {
self.liveEditor( view );
} );
}
view.autoSelectEditor = false;
}
},
getInlineHTML: function( content, id ) {
var $newContent;
if ( '' === content || 'undefined' === typeof content ) {
return '';
}
try {
$newContent = jQuery( content );
} catch ( error ) {
console.log( error ); // jshint ignore:line
return content;
}
// If no length, meaning no wrapping tag in this case then we wrap.
if ( 0 === $newContent.length ) {
$newContent = jQuery( '<span />' ).html( content );
} else if ( 1 < $newContent.length ) {
$newContent = jQuery( '<div />' ).html( content );
}
$newContent.addClass( 'fusion-disable-editing fusion-inline-ajax' ).attr( 'contenteditable', 'false' ).attr( 'data-id', id );
// Span is added for content which is just a string and used as a selector #2609.
return $newContent[ 0 ].outerHTML;
},
/**
* Checks whether the inline editor is enabled.
*
* @since 2.0.0
* @param {string} shortcodeTag - Shortcode tag.
* @return {boolean}
*/
inlineEditorAllowed: function( shortcodeTag ) {
var inlineEditor = 'undefined' !== typeof window.fusionAllElements[ shortcodeTag ] && 'undefined' !== typeof window.fusionAllElements[ shortcodeTag ].inline_editor ? window.fusionAllElements[ shortcodeTag ].inline_editor : false;
return inlineEditor;
},
/**
* Used to update model param if exists as override.
*
* @since 2.0.0
* @param {string} cid - The element cid.
* @param {string} param - The parameter name.
* @param {string} value - The new parameter value.
* @param {boolean} debounced - To debounce update or not.
* @return {void}
*/
updateParentElementParam: function( cid, param, value, debounced ) {
var view = window.FusionPageBuilderViewManager.getView( cid ),
params = 'undefined' !== typeof view ? view.model.get( 'params' ) : false;
debounced = 'undefined' !== typeof debounced ? debounced : false;
if ( 'undefined' === typeof cid || 'undefined' === typeof param || 'undefined' === typeof value || ! params ) {
return false;
}
if ( ! param ) {
return false;
}
if ( value === params[ param ] ) {
return true;
}
view.activeInlineEditing = true;
if ( debounced ) {
this._reRenderElement( view, param, value );
} else {
this.reRenderElement( view, param, value );
}
return true;
},
reRenderElement: function( view, param, value ) {
var reRender = true;
if ( view ) {
reRender = view.updateParam( param, value );
if ( reRender ) {
view.reRender();
}
}
},
setOverrideParams: function( control, option ) {
var selectionHtml = MediumEditor.selection.getSelectionHtml( control.document ),
el = MediumEditor.selection.getSelectionElement( control.document ),
innerHTML = el ? el.innerHTML.trim() : '',
overrideObject = {};
// Default for not full content or overwritable.
control.parentCid = false;
control.override = false;
// Element has not override for option.
if ( ! el || ! el.classList.contains( 'fusion-live-editable' ) ) {
return;
}
if ( 'string' === typeof option ) {
// Selection is not full.
if ( ! el.getAttribute( 'data-inline-override-' + option ) || ( selectionHtml.trim() !== innerHTML && jQuery( '<div>' + selectionHtml + '</div>' ).text().trim() !== jQuery( '<div>' + innerHTML + '</div>' ).text().trim() ) ) {
return;
}
control.override = el.getAttribute( 'data-inline-override-' + option );
control.parentCid = el.getAttribute( 'data-inline-parent-cid' );
} else if ( 'object' == typeof option ) {
_.each( option, function( scopedOption ) {
if ( ! el.getAttribute( 'data-inline-override-' + scopedOption ) || ( selectionHtml.trim() !== innerHTML && jQuery( '<div>' + selectionHtml + '</div>' ).text().trim() !== jQuery( '<div>' + innerHTML + '</div>' ).text().trim() ) ) {
overrideObject[ scopedOption ] = false;
} else {
overrideObject[ scopedOption ] = el.getAttribute( 'data-inline-override-' + scopedOption );
control.parentCid = el.getAttribute( 'data-inline-parent-cid' );
}
control.override = overrideObject;
} );
}
}
} );
}( jQuery ) );
;/* global fusionOptionName, FusionApp, FusionPageBuilderElements, fusionAppConfig, FusionPageBuilderApp, FusionPageBuilderViewManager */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
_.extend( FusionPageBuilder.Callback.prototype, {
fusion_preview: function( name, value, args, view ) {
var property = args.property,
element = window.fusionAllElements[ view.model.get( 'element_type' ) ],
selectors;
if ( ! args.skip ) {
view.changeParam( name, value );
}
if ( ! value && '' !== value ) {
return;
}
if ( '' === value && 'undefined' !== typeof element && 'undefined' !== typeof element.defaults && 'undefined' !== typeof element.defaults[ name ] ) {
value = element.defaults[ name ];
}
if ( 'undefined' !== typeof args.dimension ) {
property = ( 'undefined' !== typeof args.property[ name ] ) ? args.property[ name ] : name.replace( /_/g, '-' );
}
if ( 'undefined' !== typeof args.unit ) {
value = _.fusionGetValueWithUnit( value, args.unit );
}
selectors = 'undefined' === typeof args.selector ? 'none' : args.selector.split( ',' );
_.each( selectors, function( selector ) {
const $theElement = 'none' === selector.trim() ? view.$el : view.$el.find( selector.trim() ).first();
if ( 'string' === typeof property ) {
$theElement.css( property, value );
}
if ( 'object' === typeof property ) {
_.each( args.property, function( singleProperty ) {
$theElement.css( singleProperty, value );
} );
}
} );
return {
render: false
};
},
fusion_update_flex_elements: function( name, value, args, view ) {
var params = view.model.get( 'params' ),
oldValue = 'undefined' !== typeof params.content_layout ? params.content_layout : 'column';
if ( ! args.skip ) {
view.changeParam( name, value );
}
// If we are switching between flex and block then we need to re-render inline elements.
if ( ( 'block' === oldValue && 'block' !== value ) || ( 'block' === value && 'block' !== oldValue ) ) {
view.model.children.each( function( child ) {
var cid = child.attributes.cid,
elementView = FusionPageBuilderViewManager.getView( cid ),
elementType;
if ( elementView ) {
elementType = elementView.model.get( 'element_type' );
if ( 'fusion_title' === elementType || 'fusion_button' === elementType || 'fusion_text' === elementType || 'fusion_imageframe' === elementType ) {
elementView.reRender();
}
}
} );
}
// Add attribute to the option.
jQuery( '[data-option-id="content_layout"]' ).attr( 'data-direction', value );
return {
render: true
};
},
fusion_container_padding: function( name, value, args, view ) {
if ( 'function' !== typeof view.isFlex || ! view.isFlex() ) {
return this.fusion_preview( name, value, args, view );
}
if ( ! args.skip ) {
view.changeParam( name, value );
}
view.setValues();
view.setResponsiveContainerStyles();
view.$el.find( '.fusion-container-responsive-styles' ).first().html( view.responsiveStyles );
return {
render: false
};
},
fusion_container_margin: function( name, value, args, view ) {
return this.fusion_container_padding( name, value, args, view );
},
fusion_column_margin: function( name, value, args, view ) {
if ( ! args.skip ) {
view.changeParam( name, value );
}
if ( view.values.flex ) {
view.values = {};
view.setArgs();
view.validateArgs();
view.setExtraArgs();
view.setColumnMapData();
view.setResponsiveColumnStyles();
view.$el.find( '.fusion-column-responsive-styles' ).last().html( view.responsiveStyles );
} else {
view.$el.css( name.replace( '_', '-' ), value );
view.values[ name ] = value;
}
return {
render: false
};
},
fusion_column_padding: function( name, value, args, view ) {
return this.fusion_column_margin( name, value, args, view );
},
fusion_add_id: function( name, value, args, view ) {
var $theEl;
if ( ! args.skip ) {
view.changeParam( name, value );
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
$theEl.attr( 'id', value );
return {
render: false
};
},
fusion_add_class: function( name, value, args, view ) {
var $theEl,
existingValue = view.model.attributes.params[ name ];
if ( ! args.skip ) {
view.changeParam( name, value );
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
$theEl.removeClass( existingValue );
$theEl.addClass( value );
return {
render: false
};
},
fusion_toggle_class: function( name, value, args, view ) {
var $theEl;
if ( ! args.skip ) {
view.changeParam( name, value );
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
if ( 'object' === typeof args.classes ) {
_.each( args.classes, function( optionClass, optionValue ) {
$theEl.removeClass( optionClass );
if ( value === optionValue ) {
$theEl.addClass( optionClass );
}
} );
}
return {
render: false
};
},
fusion_cart_hide: function( name, value, args, view ) {
if ( 'string' !== typeof args.selector ) {
return {
render: true
};
}
if ( ! args.skip ) {
view.changeParam( name, value );
}
if ( 'no' === value ) {
view.$el.find( '.fusion-woo-cart' ).addClass( args.selector );
} else {
view.$el.find( '.fusion-woo-cart' ).removeClass( args.selector );
}
return {
render: false
};
},
fusion_ajax: function( name, value, modelData, args, cid, action, model, elementView ) {
var params = jQuery.extend( true, {}, modelData.params ),
ajaxData = {};
if ( 'undefined' !== typeof name && ! args.skip ) {
params[ name ] = value;
}
ajaxData.params = jQuery.extend( true, {}, window.fusionAllElements[ modelData.element_type ].defaults, _.fusionCleanParameters( params ) );
jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: action,
model: ajaxData,
option_name: 'string' === typeof fusionOptionName ? fusionOptionName : false,
fusion_options: 'undefined' !== typeof FusionApp && 'object' === typeof FusionApp.settings ? jQuery.param( FusionApp.settings ) : false,
fusion_meta: 'undefined' !== typeof FusionApp && 'object' === typeof FusionApp.data.postMeta ? jQuery.param( FusionApp.data.postMeta ) : false,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' ),
cid: cid
}
} )
.done( function( response ) {
if ( 'undefined' === typeof model ) {
model = FusionPageBuilderElements.find( function( scopedModel ) {
return scopedModel.get( 'cid' ) == cid; // jshint ignore: line
} );
}
// This changes actual model.
if ( 'undefined' !== typeof name && ! args.skip ) {
elementView.changeParam( name, value );
}
if ( 'image_id' === name && 'undefined' !== typeof response.image_data && 'undefined' !== typeof response.image_data.url && ! args.skip ) {
elementView.changeParam( 'image', response.image_data.url );
}
model.set( 'query_data', response );
if ( 'generated_element' !== model.get( 'type' ) ) {
if ( 'undefined' == typeof elementView ) {
elementView = FusionPageBuilderViewManager.getView( cid );
}
if ( 'undefined' !== typeof elementView && ! args.skip ) {
elementView.reRender();
}
}
} );
},
fusion_do_shortcode: function( cid, content, parent, ajaxShortcodes ) {
jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_shortcode_render',
content: content,
shortcodes: 'undefined' !== typeof ajaxShortcodes ? ajaxShortcodes : '',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
cid: cid,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
var markup = {},
modelcid = cid,
model,
view;
if ( 'undefined' !== typeof parent && parent ) {
modelcid = parent;
}
model = FusionPageBuilderElements.find( function( scopedModel ) {
return scopedModel.get( 'cid' ) == modelcid; // jshint ignore: line
} );
view = FusionPageBuilderViewManager.getView( modelcid );
markup.output = FusionPageBuilderApp.addPlaceholder( content, response.content );
if ( view && 'function' === typeof view.filterOutput ) {
markup.output = view.filterOutput( markup.output );
}
markup.shortcode = content;
if ( model ) {
model.set( 'markup', markup );
}
// If multi shortcodes, add each.
if ( 'object' === typeof response.shortcodes ) {
_.each( response.shortcodes, function( output, shortcode ) {
FusionPageBuilderApp.extraShortcodes.addShortcode( shortcode, FusionPageBuilderApp.addPlaceholder( shortcode, output ) );
} );
}
if ( 'undefined' !== typeof view ) {
view.reRender( 'ajax' );
}
if ( FusionPageBuilderApp.viewsToRerender ) {
_.each( FusionPageBuilderApp.viewsToRerender, function( scopedCID ) {
FusionPageBuilderViewManager.getView( scopedCID ).reRender( 'ajax' );
} );
FusionPageBuilderApp.viewsToRerender = [];
}
} );
},
fusion_code_mirror: function( name, value, args, view ) {
// Save encoded value.
if ( ! args.skip ) {
view.changeParam( name, value );
}
if ( FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( value ) ) === value ) {
value = FusionPageBuilderApp.base64Decode( value );
}
// Update with decoded value.
view.syntaxHighlighter.getDoc().setValue( value );
return {
render: false
};
},
dynamic_shortcode: function( args ) {
if ( 'undefined' === typeof args.shortcode || '' === args.shortcode ) {
return '';
}
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_shortcode_render',
content: args.shortcode,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
cid: false,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
post_featured_image: function( args ) {
var ID = '',
postMeta = FusionApp.getDynamicPost( 'post_meta' ),
postName = FusionApp.getPost( 'post_type_name' ).toLowerCase();
postMeta._fusion = postMeta._fusion || {};
if ( 'undefined' !== typeof args.type && 'main' !== args.type ) {
ID = postMeta._fusion[ 'kd_' + args.type + '_' + postName + '_id' ];
} else {
ID = postMeta._thumbnail_id;
}
if ( 'undefined' === typeof ID || '' === ID ) {
return ID;
}
return wp.media.attachment( ID ).fetch().then( function() {
FusionPageBuilderApp.dynamicValues.setValue( args, wp.media.attachment( ID ).get( 'url' ) );
} );
},
fusion_get_object_title: function( args ) {
if ( 'undefined' === typeof FusionApp.data ) {
return '';
}
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' ),
is_term: FusionApp.getDynamicPost( 'is_term' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
fusion_get_post_id: function() {
return 'undefined' !== typeof FusionApp.data ? String( FusionApp.getDynamicPost( 'post_id' ) ) : '';
},
fusion_get_object_excerpt: function() {
return 'undefined' !== typeof FusionApp.data ? FusionApp.getDynamicPost( 'post_excerpt' ) : '';
},
fusion_get_post_date: function( args ) {
if ( 'undefined' === typeof FusionApp.data ) {
return '';
}
if ( 'undefined' === args.format || '' === args.format ) {
return 'undefined' !== typeof args.type && 'modified' === args.type ? FusionApp.getDynamicPost( 'post_modified' ) : FusionApp.getDynamicPost( 'post_date' );
}
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
fusion_get_post_time: function( args ) {
if ( 'undefined' === typeof FusionApp.data ) {
return '';
}
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
fusion_get_post_terms: function( args ) {
if ( 'undefined' === typeof FusionApp.data ) {
return '';
}
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
fusion_get_post_custom_field: function( args ) {
var postMeta = FusionApp.getDynamicPost( 'post_meta' );
postMeta._fusion = postMeta._fusion || {};
return 'undefined' !== typeof postMeta[ args.key ] ? postMeta[ args.key ] : '';
},
fusion_get_page_option: function( args ) {
var postMeta = FusionApp.getDynamicPost( 'post_meta' );
postMeta._fusion = postMeta._fusion || {};
return 'undefined' !== typeof postMeta._fusion[ args.data ] ? postMeta._fusion[ args.data ] : '';
},
fusion_get_site_title: function() {
return 'undefined' !== typeof FusionApp.data ? FusionApp.data.site_title : '';
},
fusion_get_site_tagline: function() {
return 'undefined' !== typeof FusionApp.data ? FusionApp.data.site_tagline : '';
},
fusion_get_logged_in_username: function() {
return 'undefined' !== typeof FusionApp.data ? FusionApp.data.loggined_in_username : '';
},
fusion_get_site_url: function() {
return 'undefined' !== typeof FusionApp.data ? FusionApp.data.site_url : '';
},
fusion_get_site_logo: function( args ) {
var type = 'undefined' !== typeof args.type ? args.type : false,
data = {};
if ( ! type ) {
return '';
}
switch ( type ) {
case 'default_normal':
return FusionApp.settings.logo.url;
case 'default_retina':
return FusionApp.settings.logo_retina.url;
case 'sticky_normal':
return FusionApp.settings.sticky_header_logo.url;
case 'sticky_retina':
return FusionApp.settings.sticky_header_logo_retina.url;
case 'mobile_normal':
return FusionApp.settings.mobile_logo.url;
case 'mobile_retina':
return FusionApp.settings.mobile_logo_retina.url;
case 'all':
data[ 'default' ] = {
'normal': FusionApp.settings.logo,
'retina': FusionApp.settings.logo_retina
};
data.mobile = {
'normal': FusionApp.settings.mobile_logo,
'retina': FusionApp.settings.mobile_logo_retina
};
data.sticky = {
'normal': FusionApp.settings.sticky_header_logo,
'retina': FusionApp.settings.sticky_header_logo_retina
};
return JSON.stringify( data );
}
return '';
},
fusion_menu: function( name, value, args, view ) {
if ( ! args.skip ) {
view.changeParam( name, value );
}
const attrs = view.getTemplateAtts();
view.$el.find( 'style' ).first().replaceWith( attrs.inlineStyles );
// If the ajax markup is still there from initial load then data-count is wrong.
view.$el.find( 'nav' ).attr( 'data-cid', view.model.get( 'cid' ) );
return {
render: false
};
},
fusion_style_block: function( name, value, args, view ) {
var styleEl;
if ( ! args.skip ) {
view.changeParam( name, value );
}
const attrs = view.getTemplateAtts();
// Can't find base selector, markup likely wrong and needs updated.
if ( ! view.$el.find( view.baseSelector ).length ) {
return {
render: true
};
}
styleEl = view.$el.find( 'style' ).first();
// When element is added there will be no <style> tag, so we have to create it.
if ( 0 === jQuery( styleEl ).length ) {
styleEl = view.$el.find( '.fusion-builder-element-content' ).prepend( attrs.styles );
} else {
jQuery( styleEl ).replaceWith( attrs.styles );
}
return {
render: false
};
},
woo_get_price: function( args ) {
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
woo_get_sku: function( args ) {
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
woo_get_cart_count: function( args ) {
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
woo_get_cart_total: function( args ) {
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
defaultDynamicCallback: function( args ) {
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' ),
is_term: FusionApp.getDynamicPost( 'is_term' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
woo_get_stock: function( args ) {
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
woo_get_rating: function( args ) {
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'get',
dataType: 'json',
data: {
action: 'ajax_dynamic_data_default_callback',
callback: FusionApp.data.dynamicOptions[ args.data ].callback[ 'function' ],
args: args,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' )
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
/**
* Updates selector element with CSS filter style.
*
* @param {*} name Param name.
* @param {*} value Param value.
* @param {*} args Args defined.
* @param {*} view Element view.
*/
fusion_update_filter_style: function( name, value, args, view ) {
var newStyle = '',
cid = view.model.get( 'cid' ),
$styleEl = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#fusion-filter-' + cid + '-style' );
if ( ! args.skip ) {
view.changeParam( name, value );
}
newStyle = _.fusionGetFilterStyleElem( view.getValues(), '.' + args.selector_base + cid, cid );
// Update filter style block.
if ( 0 < $styleEl.length ) {
$styleEl.replaceWith( newStyle );
}
return {
render: false
};
},
/**
* Updates gradient styles for selector element.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_gradient_style: function( name, value, args, view ) {
var $theEl,
mainBGStyles = '',
parallaxStyles = '',
overlayStyles = '',
fadedStyles = '',
alphaBackgroundColor = '',
videoBg = false,
elementType = view.model.get( 'element_type' ),
values = {};
if ( ! args.skip ) {
view.changeParam( name, value );
}
values = view.getValues();
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector ).first();
switch ( elementType ) {
case 'fusion_builder_container':
mainBGStyles = _.getGradientString( values, 'main_bg' );
parallaxStyles = _.getGradientString( values, 'parallax' );
fadedStyles = _.getGradientString( values, 'fade' );
overlayStyles = _.getGradientString( values );
alphaBackgroundColor = jQuery.AWB_Color( values.background_color ).alpha();
if ( '' === mainBGStyles && '' !== values.background_image && 'yes' !== values.fade ) {
mainBGStyles = 'url(\'' + values.background_image + '\')';
}
$theEl.css( 'background-image', mainBGStyles );
$theEl.find( '.parallax-inner' ).css( 'background-image', parallaxStyles );
$theEl.find( '.fullwidth-overlay' ).css( 'background-image', overlayStyles );
$theEl.find( '.fullwidth-faded' ).css( 'background-image', fadedStyles );
if ( ( 'undefined' !== typeof values.video_mp4 && '' !== values.video_mp4 ) ||
( 'undefined' !== typeof values.video_webm && '' !== values.video_webm ) ||
( 'undefined' !== typeof values.video_ogv && '' !== values.video_ogv ) ||
( 'undefined' !== typeof values.video_url && '' !== values.video_url ) ) {
videoBg = true;
}
if ( 1 > alphaBackgroundColor && 0 !== alphaBackgroundColor && 'none' === values.background_blend_mode && '' === overlayStyles && ( ! _.isEmpty( values.background_image ) || ! videoBg ) ) {
$theEl.addClass( 'fusion-blend-mode' );
} else {
$theEl.removeClass( 'fusion-blend-mode' );
}
break;
case 'fusion_builder_column':
case 'fusion_builder_column_inner':
mainBGStyles = _.getGradientString( values, 'column' );
alphaBackgroundColor = jQuery.AWB_Color( values.background_color ).alpha();
if ( '' === mainBGStyles && '' !== values.background_image ) {
mainBGStyles = 'url(\'' + values.background_image + '\')';
}
$theEl.css( 'background-image', mainBGStyles );
if ( 1 > alphaBackgroundColor && 0 !== alphaBackgroundColor && 'none' === values.background_blend_mode && '' === _.getGradientString( values ) && _.isEmpty( values.background_image ) && ! _.isEmpty( values.background_color ) ) {
$theEl.closest( '.fusion-layout-column' ).addClass( 'fusion-blend-mode' );
} else {
$theEl.closest( '.fusion-layout-column' ).removeClass( 'fusion-blend-mode' );
}
break;
}
return {
render: false
};
},
/**
* Updates separator for selector element.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_breadcrumbs_separator: function( name, value, args, view ) {
var $theEl,
markup = {},
query_data = {};
if ( ! args.skip ) {
view.changeParam( name, value );
}
if ( FusionApp.data.is_home || FusionApp.data.is_front_page ) {
return;
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
if ( '' !== value ) {
$theEl.find( '.fusion-breadcrumb-sep' ).html( value );
} else if ( 'undefined' !== typeof FusionApp && 'object' === typeof FusionApp.settings ) {
$theEl.find( '.fusion-breadcrumb-sep' ).html( FusionApp.settings.breadcrumb_separator );
}
markup.output = $theEl.html();
query_data.breadcrumbs = $theEl.html();
view.model.set( 'markup', markup );
view.model.set( 'query_data', query_data );
return {
render: false
};
},
/**
* Updates separator for selector element.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_tb_meta_separator: function( name, value, args, view ) {
var $theEl,
markup = {},
query_data = {};
if ( ! args.skip ) {
view.changeParam( name, value );
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
$theEl.find( '.fusion-meta-tb-sep' ).html( value );
markup.output = $theEl.html();
query_data.meta = $theEl.html();
view.model.set( 'markup', markup );
view.model.set( 'query_data', query_data );
return {
render: false
};
},
/**
* Updates gallery load more button text.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_gallery_load_more_text: function( name, value, args, view ) {
var $theEl;
if ( ! args.skip ) {
view.changeParam( name, value );
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
value = '' === value && 'object' === typeof FusionApp ? FusionApp.settings.gallery_load_more_button_text : value;
value = '' === value && 'undefined' !== typeof view.values ? view.values[ name ] : value;
$theEl.find( '.awb-gallery-load-more-btn' ).html( value );
return {
render: false
};
},
/**
* Updates prefix for selector element.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_breadcrumbs_prefix: function( name, value, args, view ) {
var $theEl,
markup = {},
query_data = {};
if ( ! args.skip ) {
view.changeParam( name, value );
}
if ( FusionApp.data.is_home || FusionApp.data.is_front_page ) {
return;
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
$theEl.find( '.fusion-breadcrumb-prefix' ).remove();
if ( '' !== value ) {
$theEl.prepend( '<span class="fusion-breadcrumb-prefix"><span class="fusion-breadcrumb-item"><span>' + value + '</span></span>:</span>' );
} else if ( 'undefined' !== typeof FusionApp && 'object' === typeof FusionApp.settings && '' !== FusionApp.settings.breacrumb_prefix ) {
$theEl.prepend( '<span class="fusion-breadcrumb-prefix"><span class="fusion-breadcrumb-item"><span>' + FusionApp.settings.breacrumb_prefix + '</span></span>:</span>' );
}
markup.output = $theEl.html();
query_data.breadcrumbs = $theEl.html();
view.model.set( 'markup', markup );
view.model.set( 'query_data', query_data );
return {
render: false
};
},
/**
* Updates container flex attributes.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_flex_container: function( name, value, args, view ) {
var $theEl;
if ( ! args.skip ) {
view.changeParam( name, value );
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
switch ( name ) {
case 'flex_align_items':
$theEl.find( '.fusion-builder-row' ).removeClass( function ( index, className ) {
return ( className.match( /(^|\s)fusion-flex-align-items-\S+/g ) || [] ).join( ' ' );
} );
$theEl.find( '.fusion-builder-row' ).addClass( 'fusion-flex-align-items-' + value );
return {
render: false
};
case 'flex_justify_content':
$theEl.find( '.fusion-builder-row' ).removeClass( function ( index, className ) {
return ( className.match( /(^|\s)fusion-flex-justify-content-\S+/g ) || [] ).join( ' ' );
} );
$theEl.find( '.fusion-builder-row' ).addClass( 'fusion-flex-justify-content-' + value );
return {
render: false
};
case 'align_content':
$theEl.removeClass( function ( index, className ) {
return ( className.match( /(^|\s)fusion-flex-align-content-\S+/g ) || [] ).join( ' ' );
} );
$theEl.find( '.fusion-builder-row' ).removeClass( function ( index, className ) {
return ( className.match( /(^|\s)fusion-flex-align-content-\S+/g ) || [] ).join( ' ' );
} );
if ( 'stretch' !== value ) {
$theEl.find( '.fusion-builder-row' ).addClass( 'fusion-flex-align-content-' + value );
$theEl.addClass( 'fusion-flex-align-content-' + value );
}
return {
render: false
};
}
},
/**
* Updates column flex attributes.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_flex_column: function( name, value, args, view ) {
var $theEl = view.$el;
if ( ! args.skip ) {
view.changeParam( name, value );
}
switch ( name ) {
case 'align_self':
$theEl.removeClass( function ( index, className ) {
return ( className.match( /(^|\s)fusion-flex-align-self-\S+/g ) || [] ).join( ' ' );
} );
if ( 'auto' !== value ) {
$theEl.addClass( 'fusion-flex-align-self-' + value );
}
return {
render: false
};
case 'content_wrap':
$theEl.find( '.fusion-column-wrapper' ).removeClass( 'fusion-content-nowrap' );
if ( 'wrap' !== value ) {
$theEl.find( '.fusion-column-wrapper' ).addClass( 'fusion-content-nowrap' );
}
return {
render: false
};
case 'align_content':
$theEl.find( '.fusion-column-wrapper' ).eq( 0 ).removeClass( function ( index, className ) {
return ( className.match( /(^|\s)fusion-flex-justify-content-\S+/g ) || [] ).join( ' ' );
} );
$theEl.find( '.fusion-column-wrapper' ).eq( 0 ).addClass( 'fusion-flex-justify-content-' + value );
return {
render: false
};
}
},
/**
* Updates menu transition class.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_menu_transition: function( name, value, args, view ) {
var oldValue = view.model.get( 'params' )[ name ],
queryData = view.model.get( 'query_data' ),
searchRegex;
if ( ! args.skip ) {
view.changeParam( name, value );
}
// Replace class in actual HTML.
view.$el.find( '.transition-' + oldValue ).removeClass( 'transition-' + oldValue ).addClass( 'transition-' + value );
// Replace class in the stored markup in case they change another option.
if ( 'undefined' !== typeof queryData && 'undefined' !== typeof queryData.menu_markup ) {
searchRegex = new RegExp( 'transition-' + oldValue, 'g' );
queryData.menu_markup = queryData.menu_markup.replace( searchRegex, 'transition-' + value );
view.model.set( 'query_data', queryData );
}
return {
render: false
};
},
/**
* Updates column flex attributes.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_post_card_separator: function( name, value, args, view ) {
var params = view.model.get( 'params' ),
markup,
separatorArgs;
if ( ! args.skip ) {
view.changeParam( name, value );
}
// Find existing separator if exists and remove
if ( view.$el.find( '.fusion-absolute-separator' ).length ) {
view.$el.find( '.fusion-absolute-separator' ).remove();
}
// Separator args.
separatorArgs = {
'style_type': params.separator_style_type,
'sep_color': params.separator_sep_color,
'width': params.separator_width,
'alignment': params.separator_alignment,
'border_size': params.separator_border_size,
'position': 'absolute'
};
// Update whatever changed.
separatorArgs[ name.replace( 'separator_', '' ) ] = value;
// Generate markup for element.
markup = FusionPageBuilderApp.renderElement( 'fusion_separator', separatorArgs, '', view.model.get( 'cid' ) );
// Append the new separator.
view.$el.find( '.fusion-grid > li' ).append( markup );
// Hide if should not be shown.
if ( 'grid' !== params.layout || 1 < parseInt( params.columns ) ) {
view.$el.find( '.fusion-absolute-separator' ).css( { display: 'none' } );
}
// Ensure to update markup for other changes.
if ( 'undefined' !== typeof view.model.attributes.markup && 'undefined' !== typeof view.model.attributes.markup.output && 'undefined' === typeof view.model.attributes.query_data ) {
view.model.attributes.markup.output = view.$el.find( '.fusion-builder-element-content' ).html();
} else if ( 'undefined' !== typeof view.model.attributes.query_data && 'undefined' !== typeof view.model.attributes.query_data.loop_product ) {
view.model.attributes.query_data.loop_product = view.$el.find( '.fusion-grid' ).html();
}
return {
render: false
};
},
/**
* Updates box shadow.
*
* @param {String} name Param name.
* @param {String} value Param value.
* @param {Object} args Args defined.
* @param {Object} view Element view.
* @return {Object}
*/
fusion_update_box_shadow: function( name, value, args, view ) {
var $theEl = view.$el;
if ( ! args.skip ) {
view.changeParam( name, value );
}
$theEl = ( 'undefined' === typeof args.selector ) ? view.$el : view.$el.find( args.selector );
$theEl[ 0 ].style.removeProperty( 'box-shadow' );
if ( 'yes' === view.model.attributes.params.box_shadow ) {
$theEl[ 0 ].style.setProperty( 'box-shadow', _.fusionGetBoxShadowStyle( view.model.attributes.params ).replace( ';', '' ), 'important' );
}
return {
render: false
};
},
acf_get_field: function( args, image ) {
if ( 'undefined' === typeof args.field || '' === args.field ) {
return '';
}
return jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'ajax_acf_get_field',
field: args.field,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
post_id: FusionApp.getDynamicPost( 'post_id' ),
image: 'undefined' !== typeof image ? image : false,
cid: false
}
} )
.done( function( response ) {
FusionPageBuilderApp.dynamicValues.setValue( args, response.content );
} );
},
acf_get_image_field: function( args ) {
return this.acf_get_field( args, true );
},
fusion_gallery_image_ar_position: function( name, value, args, view ) {
view.$el[ 0 ].querySelector( 'img' ).style.objectPosition = value;
if ( ! args.skip ) {
view.changeParam( name, value );
}
return {
render: false
};
},
fusion_gallery_image_masonry_position: function( name, value, args, view ) {
view.$el[ 0 ].querySelector( '.fusion-masonry-element-container' ).style.backgroundPosition = value;
if ( ! args.skip ) {
view.changeParam( name, value );
}
return {
render: false
};
}
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, FusionPageBuilderViewManager, fusionAppConfig, FusionEvents, FusionPageBuilderElements, fusionGlobalManager */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.Globals = Backbone.Model.extend( {
/**
* Init.
*
* @since 2.0.0
* @param {Object} data - The data.
* @return {void}
*/
initialize: function( ) { // eslint-disable-line no-empty-function
},
/**
* Handles multiple global elements.
*
* @since 2.0.0
* @param {Object} args - The Arguments.
* @param {Object} args.currentModel - The current model on which method is called.
* @param {Object} data.attributes - The changed attributes of a model.
* @param {string} data.handleType - The action type.
* @param {string} data.Name - The changed attribute param name.
* @param {string} data.Value - The changed attribute param value.
* @return {void}
*/
handleMultiGlobal: function( args ) {
var globalID,
globalCount,
currentCID,
currentView;
// Handle multiple global elements.
if ( 'undefined' !== typeof args.currentModel.attributes.params && 'undefined' !== typeof args.currentModel.attributes.params.fusion_global ) {
globalID = args.currentModel.attributes.params.fusion_global;
globalCount = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '[fusion-global-layout="' + globalID + '"]' ).length;
currentCID = args.currentModel.get( 'cid' );
currentView = FusionPageBuilderViewManager.getView( currentCID );
if ( 1 < globalCount ) {
jQuery.each( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '[fusion-global-layout="' + globalID + '"]' ), function() {
var modelCID,
view,
model,
originalParams,
originalMarkup,
oldContent;
if ( currentCID !== jQuery( this ).data( 'cid' ) ) {
modelCID = jQuery( this ).data( 'cid' );
view = FusionPageBuilderViewManager.getView( modelCID );
model = FusionPageBuilderElements.find( function( scopedModel ) {
return scopedModel.get( 'cid' ) == modelCID; // jshint ignore: line
} );
if ( 'close' === args.handleType ) {
originalParams = jQuery.extend( true, {}, args.currentModel.get( 'params' ) );
originalMarkup = jQuery.extend( true, {}, args.currentModel.get( 'markup' ) );
// Restore original params / cancel changes
model.set( 'params', originalParams );
// Restore original markup.
model.set( 'markup', originalMarkup );
// Reload element view
if ( 'undefined' !== typeof view && 'undefined' !== typeof view.reRender ) {
view.reRender();
}
} else if ( 'save' === args.handleType ) {
model.set( args.attributes );
model.set( 'cid', modelCID );
fusionGlobalManager.updateGlobalLayout( globalID, currentView.getContent() );
if ( 'undefined' !== typeof view && 'undefined' !== typeof view.reRender ) {
view.reRender();
}
} else if ( 'changeView' === args.handleType ) {
view.beforePatch();
oldContent = view.getElementContent();
FusionPageBuilderApp._diffdom.apply( oldContent[ 0 ], args.difference );
view.afterPatch();
} else if ( 'changeOption' === args.handleType ) {
model.attributes.params[ args.Name ] = args.Value;
if ( 'undefined' !== typeof view && 'undefined' !== typeof view.reRender ) {
view.reRender();
}
}
}
} );
}
} else if ( 'undefined' !== typeof args.currentModel.attributes.parent && 'changeView' !== args.handleType ) {
// Check for parent globals.
setTimeout( fusionGlobalManager.handleGlobalParents, 500, args );
}
},
/**
* Handles multiple parent global elements.
*
* @since 2.0.0
* @param {Object} args - The Arguments.
* @param {Object} args.currentModel - The current model on which method is called.
* @param {Object} data.attributes - The changed attributes of a model.
* @param {string} data.handleType - The action type.
* @param {string} data.Name - The changed attribute param name.
* @param {string} data.Value - The changed attribute param value.
* @return {void}
*/
handleGlobalParents: function( args ) {
var mainContainer = jQuery( '#fb-preview' )[ 0 ].contentWindow,
parentCID = args.currentModel.attributes.parent,
parentView = FusionPageBuilderViewManager.getView( parentCID ),
currentView = {},
parentModel = {},
module;
module = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCID; // jshint ignore: line
} );
if ( 'undefined' === typeof module ) {
return;
}
if ( 'undefined' !== typeof module.attributes.params && 'undefined' !== typeof module.attributes.params.fusion_global && 1 < mainContainer.jQuery( '[fusion-global-layout="' + module.attributes.params.fusion_global + '"]' ).length ) {
jQuery.each( mainContainer.jQuery( '[fusion-global-layout="' + module.attributes.params.fusion_global + '"]' ), function() {
var currentCID;
if ( parentCID !== jQuery( this ).data( 'cid' ) ) {
currentCID = jQuery( this ).data( 'cid' );
currentView = FusionPageBuilderViewManager.getView( currentCID );
if ( 'undefined' !== typeof module.get( 'multi' ) && 'multi_element_parent' === module.get( 'multi' ) ) {
fusionGlobalManager.updateMultiElementParent();
}
if ( 'undefined' !== typeof module.get( 'element_type' ) && ( 'fusion_builder_column' === module.get( 'element_type' ) || 'fusion_builder_row_inner' === module.get( 'element_type' ) || 'fusion_builder_container' === module.get( 'element_type' ) ) ) {
fusionGlobalManager.removeChildElements( mainContainer, currentCID, module.get( 'element_type' ) );
}
if ( 'undefined' !== typeof module.get( 'element_type' ) && 'fusion_builder_column' === module.get( 'element_type' ) ) {
fusionGlobalManager.updateColumnElements( parentView.$el, currentCID );
}
if ( 'undefined' !== typeof module.get( 'element_type' ) && 'fusion_builder_row_inner' === module.get( 'element_type' ) ) {
fusionGlobalManager.updateNestedColumnElements( parentView.$el, currentView );
}
if ( 'undefined' !== typeof module.get( 'element_type' ) && 'fusion_builder_container' === module.get( 'element_type' ) ) {
fusionGlobalManager.updateContainerElements( parentView.$el, currentView );
}
}
} );
if ( 'save' === args.handleType ) {
fusionGlobalManager.updateGlobalLayout( module.attributes.params.fusion_global, currentView.getContent() );
}
}
if ( 'undefined' !== typeof module.attributes.params && 'undefined' !== typeof module.attributes.parent ) {
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCID; // jshint ignore: line
} );
args.currentModel = parentModel;
fusionGlobalManager.handleGlobalParents( args );
}
},
/**
* Updates element_content of model and then generates child elements.
*
* @since 2.0.0
* @param {Object} currentModel - The current model on which method is called.
* @param {Object} module - The changed model.
* @param {Object} currentView - View obj of current element.
* @return {void}
*/
updateMultiElementParent: function( currentModel, module, currentView ) {
currentModel.attributes.params.element_content = module.attributes.params.element_content;
currentView.generateChildElements();
},
/**
* Removes child elements from nested column, column and container.
*
* @since 2.0.0
* @param {Object} mainContainer - The reference to main frame container.
* @param {string} currentCID - The unique CID of current model.
* @return {void}
*/
removeChildElements: function( mainContainer, currentCID, elementType ) {
var findString = ( 'fusion_builder_container' === elementType ) ? '.fusion-builder-remove, .fusion-builder-column-remove' : '.fusion-builder-remove';
// Remove child elements.
jQuery.each( mainContainer.jQuery( '[data-cid="' + currentCID + '"] .fusion-builder-module-controls' ), function() {
jQuery( this ).find( findString ).trigger( 'click', [ 'automated' ] );
} );
},
/**
* Updates column elements.
*
* @since 2.0.0
* @param {Object} thisColumn - The reference to current column.
* @param {string} currentCID - The unique CID of current model.
* @return {void}
*/
updateColumnElements: function( thisColumn, currentCID ) {
var container = {},
currentModel = {};
thisColumn.find( '.fusion-builder-live-element:not(.fusion-builder-column-inner .fusion-builder-live-element), .fusion-builder-nested-element' ).each( function() {
var $thisModule,
moduleCID,
elementModule,
elementAttributes,
$thisInnerRow,
innerRowCID,
innerRowView;
// Standard element
if ( jQuery( this ).hasClass( 'fusion-builder-live-element' ) ) {
$thisModule = jQuery( this );
moduleCID = 'undefined' === typeof $thisModule.data( 'cid' ) ? $thisModule.find( '.fusion-builder-data-cid' ).data( 'cid' ) : $thisModule.data( 'cid' );
// Get model from collection by cid
elementModule = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == moduleCID; // jshint ignore: line
} );
// Clone model attritubes
elementAttributes = jQuery.extend( true, {}, elementModule.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.parent = currentCID;
elementAttributes.from = 'fusion_builder_column';
// Don't need target element, position is defined from order.
delete elementAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( elementAttributes );
// Inner row/nested element
} else if ( jQuery( this ).hasClass( 'fusion_builder_row_inner' ) ) {
$thisInnerRow = jQuery( this );
innerRowCID = 'undefined' === typeof $thisInnerRow.data( 'cid' ) ? $thisInnerRow.find( '.fusion-builder-data-cid' ).data( 'cid' ) : $thisInnerRow.data( 'cid' );
innerRowView = FusionPageBuilderViewManager.getView( innerRowCID );
// Clone inner row
if ( 'undefined' !== typeof innerRowView ) {
innerRowView.cloneNestedRow( '', currentCID );
}
}
} );
currentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == currentCID; // jshint ignore: line
} );
container = FusionPageBuilderViewManager.getView( currentModel.get( 'parent' ) );
container.createVirtualRows();
container.updateColumnsPreview();
FusionEvents.trigger( 'fusion-content-changed' );
},
/**
* Updates nested column elements.
*
* @since 2.0.0
* @param {Object} thisColumnInner - The reference to current nested column.
* @param {string} currentCID - The unique CID of current model.
* @return {void}
*/
updateNestedColumnElements: function( thisColumnInner, currentView ) {
thisColumnInner.find( '.fusion-builder-live-element' ).each( function() {
var innerElementAttributes = {};
var thisModule = jQuery( this ),
moduleCID = 'undefined' === typeof thisModule.data( 'cid' ) ? thisModule.find( '.fusion-builder-data-cid' ).data( 'cid' ) : thisModule.data( 'cid' ),
// Get model from collection by cid
innerModule = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == moduleCID; // jshint ignore: line
} );
// Clone model attritubes
innerElementAttributes = jQuery.extend( true, {}, innerModule.attributes );
innerElementAttributes.created = 'manually';
innerElementAttributes.cid = FusionPageBuilderViewManager.generateCid();
innerElementAttributes.parent = currentView.$el.find( '.fusion-builder-column-inner' ).data( 'cid' );
innerElementAttributes.from = 'fusion_builder_row_inner';
// Don't need target element, position is defined from order.
delete innerElementAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( innerElementAttributes );
} );
},
/**
* Updates container elements.
*
* @since 2.0.0
* @param {Object} thisContainer - The reference to current container.
* @param {Object} currentView - View obj of current element.
* @return {void}
*/
updateContainerElements: function( thisContainer, currentView ) {
thisContainer.find( '.fusion-builder-column-outer' ).each( function() {
// Parse column elements
var thisColumn = jQuery( this ),
$columnCID = thisColumn.data( 'cid' ),
// Get model from collection by cid
column = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == $columnCID; // jshint ignore: line
} ),
// Clone column
columnAttributes = jQuery.extend( true, {}, column.attributes );
columnAttributes.created = 'manually';
columnAttributes.cid = FusionPageBuilderViewManager.generateCid();
columnAttributes.parent = currentView.$el.find( '.fusion-builder-row-container' ).data( 'cid' );
columnAttributes.from = 'fusion_builder_container';
columnAttributes.cloned = true;
FusionPageBuilderApp.collection.add( columnAttributes );
// Find column elements
thisColumn.find( '.fusion-builder-column-content:not( .fusion-nested-column-content )' ).children( '.fusion-builder-live-element, .fusion_builder_row_inner' ).each( function() {
var thisElement,
elementCID,
element,
elementAttributes,
thisInnerRow,
InnerRowCID,
innerRowView;
// Regular element
if ( jQuery( this ).hasClass( 'fusion-builder-live-element' ) ) {
thisElement = jQuery( this );
elementCID = thisElement.data( 'cid' );
// Get model from collection by cid
element = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == elementCID; // jshint ignore: line
} );
// Clone model attritubes
elementAttributes = jQuery.extend( true, {}, element.attributes );
elementAttributes.created = 'manually';
elementAttributes.cid = FusionPageBuilderViewManager.generateCid();
elementAttributes.parent = columnAttributes.cid;
elementAttributes.from = 'fusion_builder_container';
// Don't need target element, position is defined from order.
delete elementAttributes.targetElementPosition;
FusionPageBuilderApp.collection.add( elementAttributes );
// Inner row element
} else if ( jQuery( this ).hasClass( 'fusion_builder_row_inner' ) ) {
thisInnerRow = jQuery( this );
InnerRowCID = thisInnerRow.data( 'cid' );
innerRowView = FusionPageBuilderViewManager.getView( InnerRowCID );
// Clone inner row
if ( 'undefined' !== typeof innerRowView ) {
innerRowView.cloneNestedRow( '', columnAttributes.cid );
}
}
} );
} );
},
/**
* Update global layout in the DB.
*
* @since 2.0.0
* @param {string} layoutID - The ID of current layout.
* @param {string} shortcode - The short-code of current layout.
* @return {void}
*/
updateGlobalLayout: function( layoutID, shortcode ) {
// Update layout in DB.
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'json',
data: {
action: 'fusion_builder_update_layout',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
fusion_layout_id: layoutID,
fusion_layout_content: shortcode
},
complete: function() {
// Do Stuff.
}
} );
},
/**
* Handle globals which are added from library.
*
* @since 2.0.0
* @param {string} layoutID - The ID of global element.
* @return {void}
*/
handleGlobalsFromLibrary: function( layoutID, parentID ) {
var currentCID = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '[data-cid="' + parentID + '"] [fusion-global-layout="' + layoutID + '"]' ).last().data( 'cid' ),
module = {},
MultiGlobalArgs = {};
if ( 'undefined' === typeof currentCID ) {
currentCID = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '[fusion-global-layout="' + layoutID + '"]' ).last().data( 'cid' );
}
module = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == currentCID; // jshint ignore: line
} );
if ( 'undefined' !== typeof module ) {
MultiGlobalArgs = {
currentModel: module,
handleType: 'save',
attributes: module.attributes
};
fusionGlobalManager.handleMultiGlobal( MultiGlobalArgs );
}
}
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, FusionPageBuilderElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.DraggableHelpers = Backbone.Model.extend( {
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {}, // eslint-disable-line no-empty-function
/**
* Get dragable classes.
*
* @since 2.0.0
* @param {string} cid - ID of model.
* @return {string}
*/
draggableClasses: function( cid ) {
var $element, $classes, $values, $parentCID, $parentElement;
$element = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == cid; // jshint ignore: line
} );
$values = _.fusionCleanParameters( jQuery.extend( true, {}, $element.get( 'params' ) ) );
$parentCID = $element.get( 'parent' );
switch ( $element.get( 'type' ) ) {
case 'fusion_builder_container':
if ( 'undefined' !== typeof $values.fusion_global ) {
$classes = ' container-global-helper';
}
if ( 'yes' === $values.hundred_percent_height_scroll && 'yes' === $values.hundred_percent_height ) {
$classes = ' container-scrolling-helper';
}
break;
case 'fusion_builder_column':
if ( FusionPageBuilderApp.DraggableHelpers.isHeightScroll( $parentCID ) ) {
$classes = ' column-scrolling-helper';
}
if ( 'undefined' !== typeof $values.fusion_global || FusionPageBuilderApp.DraggableHelpers.isGlobalParent( $parentCID ) ) {
$classes = ' column-global-helper';
}
break;
case 'fusion_builder_row_inner':
$classes = ' row-inner-nested-helper';
if ( FusionPageBuilderApp.DraggableHelpers.isHeightScroll( $parentCID ) ) {
$classes = ' row-inner-scrolling-helper';
}
if ( 'undefined' !== typeof $values.fusion_global || FusionPageBuilderApp.DraggableHelpers.isGlobalParent( $parentCID ) ) {
$classes = ' row-inner-global-helper';
}
break;
case 'fusion_builder_column_inner':
$classes = ' column-inner-nested-helper';
if ( FusionPageBuilderApp.DraggableHelpers.isHeightScroll( $parentCID ) ) {
$classes = ' column-inner-scrolling-helper';
}
if ( 'undefined' !== typeof $values.fusion_global || FusionPageBuilderApp.DraggableHelpers.isGlobalParent( $parentCID ) ) {
$classes = ' column-inner-global-helper';
}
break;
case 'element':
$parentElement = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == $parentCID; // jshint ignore: line
} );
if ( 'fusion_builder_column_inner' === $parentElement.get( 'type' ) ) {
$classes = ' element-nested-helper';
}
if ( FusionPageBuilderApp.DraggableHelpers.isHeightScroll( $parentCID ) ) {
$classes = ' element-scrolling-helper';
}
if ( 'undefined' !== typeof $values.fusion_global || FusionPageBuilderApp.DraggableHelpers.isGlobalParent( $parentCID ) ) {
$classes = ' element-global-helper';
}
break;
}
return $classes;
},
/**
* Check if element has got global parent.
*
* @since 2.0.0
* @param {string} cid - The ID of parent model.
* @return {boolean}
*/
isGlobalParent: function( parentCID ) {
var $element, $values;
$element = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCID; // jshint ignore: line
} );
if ( 'undefined' === typeof $element ) {
return false;
}
$values = _.fusionCleanParameters( jQuery.extend( true, {}, $element.get( 'params' ) ) );
if ( 'undefined' !== typeof $values.fusion_global ) {
return true;
}
if ( 'undefined' !== typeof $element.get( 'parent' ) ) {
return FusionPageBuilderApp.DraggableHelpers.isGlobalParent( $element.get( 'parent' ) );
}
return false;
},
/**
* Check if element is inside 100% scrolling height.
*
* @since 2.0.0
* @param {string} cid - The ID of parent model.
* @return {boolean}
*/
isHeightScroll: function( parentCID ) {
var $element, $values;
$element = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCID; // jshint ignore: line
} );
if ( 'undefined' === typeof $element ) {
return false;
}
$values = _.fusionCleanParameters( jQuery.extend( true, {}, $element.get( 'params' ) ) );
if ( 'fusion_builder_container' === $element.get( 'type' ) && 'yes' === $values.hundred_percent_height_scroll && 'yes' === $values.hundred_percent_height ) {
return true;
}
if ( 'undefined' !== typeof $element.get( 'parent' ) ) {
return FusionPageBuilderApp.DraggableHelpers.isHeightScroll( $element.get( 'parent' ) );
}
return false;
}
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.IsotopeManager = Backbone.Model.extend( {
defaults: {
selector: '',
container: '',
itemSelector: '',
layoutMode: 'packery',
isOriginLeft: jQuery( 'body.rtl' ).length ? false : true,
resizable: true,
initLayout: true,
view: false,
sortBy: 'number',
sortAscending: true
},
initialize: function() {
this.listenTo( window.FusionEvents, 'fusion-frame-size-changed', this.updateLayout );
this.listenTo( window.FusionEvents, 'fusion-column-resized', this.updateLayout );
},
init: function() {
var self = this,
container = self.get( 'view' ).$el.find( self.get( 'selector' ) ),
sortBy = 'rand' === container.attr( 'data-order' ) ? 'random' : 'number',
sortAscending = 'number' === sortBy && 'desc' === container.attr( 'data-order' ) ? true : false;
self.set( 'container', container );
if ( ! container.data( 'isotope' ) ) {
container.isotope( {
layoutMode: self.get( 'layoutMode' ),
itemSelector: self.get( 'itemSelector' ),
isOriginLeft: jQuery( 'body.rtl' ).length ? false : true,
resizable: true,
initLayout: true,
sortBy: sortBy,
sortAscending: sortAscending
} );
}
},
reInit: function( delay ) {
var self = this;
if ( 'undefined' === typeof delay ) {
delay = 300;
}
self.destroyIsotope();
setTimeout( function() {
self.init();
}, delay );
},
destroyIsotope: function() {
if ( '' !== this.get( 'container' ) && this.get( 'container' ).data( 'isotope' ) ) {
this.get( 'container' ).isotope( 'destroy' );
this.get( 'container' ).removeData( 'isotope' );
}
},
append: function( content ) {
if ( '' !== this.get( 'container' ) && this.get( 'container' ).data( 'isotope' ) ) {
this.get( 'container' ).isotope( 'appended', content ).isotope( 'layout' );
}
},
remove: function( content ) {
if ( '' !== this.get( 'container' ) && this.get( 'container' ).data( 'isotope' ) ) {
this.get( 'container' ).isotope( 'remove', content ).isotope( 'layout' );
}
},
reloadItems: function() {
if ( '' !== this.get( 'container' ) && this.get( 'container' ).data( 'isotope' ) ) {
this.get( 'container' ).isotope( 'reloadItems' ).isotope( 'layout' );
}
},
updateLayout: function() {
if ( '' !== this.get( 'container' ) && this.get( 'container' ).data( 'isotope' ) ) {
this.get( 'container' ).isotope( 'layout' );
}
}
} );
}( jQuery ) );
;/* global fusionAppConfig, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.Studio = Backbone.Model.extend( {
/**
* {Object} - Stores current import step data.
*/
importData: {},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.studioData = false;
this.studioRequest = false;
},
/**
* Gets the webfonts via AJAX.
*
* @since 2.0.0
* @return {void}
*/
getStudioData: function() {
var self = this;
if ( self.studioData && self.studioData ) {
return;
}
if ( false !== self.studioRequest ) {
return self.studioRequest;
}
return jQuery.post( fusionAppConfig.ajaxurl, { action: 'fusion_builder_load_studio_elements', fusion_load_nonce: fusionAppConfig.fusion_load_nonce }, function( data ) {
self.studioData = data;
}, 'json' );
},
/**
* Filter out invalid layouts, containers etc for current situation.
*
* @since 3.5
* @param {Object} layouts - The layouts or elements.
* @return {Object}
*/
filterLayouts: function( layouts ) {
var plugins = 'object' === typeof FusionApp.data.plugins_active ? FusionApp.data.plugins_active : false;
return _.filter( layouts, function( layout ) {
var passes = true;
// Check for plugins first.
if ( false !== plugins && 'object' === typeof layout.plugins ) {
_.each( layout.plugins, function( layoutPlugin ) {
if ( ! plugins[ layoutPlugin ] ) {
passes = false;
}
} );
if ( ! passes ) {
return false;
}
}
if ( 'object' === typeof layout.locations && ! layout.locations.includes( FusionApp.data.template_category ) ) {
return false;
}
return true;
} );
},
initFilter: function( $sidebar ) {
var timeouts = [],
self = this;
$sidebar.find( 'li' ).off();
$sidebar.find( 'li' ).on( 'click', function() {
var $container = jQuery( this ).closest( '.studio-wrapper' ).find( '.studio-imports' ),
$templates = $container.find( 'li.fusion-page-layout' ),
slug = jQuery( this ).attr( 'data-slug' ),
counter = 1,
order = [],
$showTemplates = [],
i;
// Don't do filtering for active filter.
if ( jQuery( this ).hasClass( 'current' ) ) {
return false;
}
// Clear all timeouts to prevent animations still running.
jQuery.each( timeouts, function( index, value ) {
clearTimeout( value );
} );
// Remove current from active.
$sidebar.find( 'li.current' ).removeClass( 'current' );
// Hide all templates.
$templates.css( { display: 'none' } ).addClass( 'hidden' );
// Fade correct templates in.
$templates.each( function() {
var $template = jQuery( this );
if ( 'undefined' === typeof $template.data( 'slug' ) ) {
return true;
}
if ( 'all' === slug || -1 !== $template.data( 'slug' ).indexOf( slug ) ) {
$template.css( { display: 'inline-block' } );
$showTemplates.push( $template );
}
} );
setTimeout( function() {
jQuery.each( $showTemplates, function() {
var $template = jQuery( this ),
position = $template.position();
// Loop afer all have been added to get position.
position.$el = $template;
order.push( position );
} );
// Sort top to bottom.
order.sort( self.SortByTop );
// Reveal top to bottom.
for ( i = 0; i < order.length; i++ ) {
timeouts.push(
self.doSetTimeout( i, order, counter )
);
counter++;
}
}, 50 );
// Add current to show it is active.
jQuery( this ).addClass( 'current' );
} );
},
/**
* Delay between showing items.
*
* @since 7.5
*
* @return {void}
*/
doSetTimeout: function( i, order, counter ) {
setTimeout( function() {
order[ i ].$el.removeClass( 'hidden' );
}, counter * 50 );
},
/**
* Sort elements by vertical position.
*
* @since 7.5
*
*/
SortByTop: function( a, b ) {
return ( ( a.top < b.top ) ? -1 : ( ( a.top > b.top ) ? 1 : 0 ) ); // eslint-disable-line no-nested-ternary
},
/**
* Lazy load images.
*
* @since 3.1
* @return {void}
*/
initLazyLoad: function( $container ) {
var demoImages = $container.find( '.lazy-load' ),
options = {
root: $container.closest( '.ui-dialog' )[ 0 ],
rootMargin: '0px',
threshold: 0
},
imageObserver;
if ( 'IntersectionObserver' in window ) {
imageObserver = new IntersectionObserver( function( entries, observer ) { // eslint-disable-line
jQuery.each( entries, function( key, entry ) {
var $demo = jQuery( entry.target ),
$image = $demo.find( 'img' );
if ( 'undefined' === typeof $image.data( 'src' ) || '' === $image.data( 'src' ) || 'undefined' === $image.data( 'src' ) ) {
imageObserver.unobserve( entry.target );
return;
}
if ( entry.isIntersecting ) {
$image.attr( 'src', $image.data( 'src' ) );
$image.imagesLoaded().done( function() {
$demo.removeClass( 'lazy-load' ).addClass( 'lazy-loaded' );
$image.attr( 'alt', $image.data( 'alt' ) );
} );
imageObserver.unobserve( entry.target );
}
} );
}, options );
demoImages.each( function() {
imageObserver.observe( this );
} );
} else {
// IE11 fallback.
demoImages.each( function() {
var $demo = jQuery( this ),
$image = $demo.find( 'img' );
if ( 'undefined' === typeof $image.data( 'src' ) || '' === $image.data( 'src' ) || 'undefined' === $image.data( 'src' ) ) {
return;
}
$image.attr( 'src', $image.data( 'src' ) );
$image.imagesLoaded().done( function() {
$demo.removeClass( 'lazy-load' ).addClass( 'lazy-loaded' );
$image.attr( 'alt', $image.data( 'alt' ) );
} );
} );
}
},
/**
* Sets import data to new value.
*
* @since 3.5
* @param {Object} data
* @return {void}
*/
setImportData: function( data ) {
this.importData = data;
},
/**
* Sets options.
*
* @since 3.7
* @param {Object} $layoutsContainer
* @return {void}
*/
setOptions: function( $layoutsContainer ) {
var $wrapper = $layoutsContainer.closest( '.studio-wrapper' ).find( '.awb-import-options-group' ),
self = this,
options = { // Object of default values and current values.
'load-type-replace': FusionApp.preferencesData.contentPlacement,
'replace-pos': FusionApp.preferencesData.overWriteType,
'dont-invert': FusionApp.preferencesData.shouldInvert,
'do-import-images': FusionApp.preferencesData.imagesImport
};
jQuery.each( options, function( defaultVal, value ) {
if ( self.ValueExists( value ) ) {
$wrapper.find( '#' + value ).prop( 'checked', true );
} else {
$wrapper.find( '#' + defaultVal ).prop( 'checked', true );
}
} );
},
/**
* Checks if value exists.
*
* @since 3.7
* @param {string} item
* @return {void}
*/
ValueExists: function( item ) {
return 'undefined' !== typeof item && '' !== item ? true : false;
},
/**
* Gets import data to new value.
*
* @since 3.5
* @return {Object}
*/
getImportData: function() {
return this.importData;
},
/**
* Resets import data variable.
*
* @since 3.5
* @return {void}
*/
resetImportData: function() {
this.importData = {};
}
} );
}( jQuery ) );
;/* global fusionAppConfig */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.Website = FusionPageBuilder.Studio.extend( {
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.websiteData = false;
this.websiteRequest = false;
this.state = {
current: '',
title: '',
nextCat: ''
};
},
/**
* Gets the webfonts via AJAX.
*
* @since 2.0.0
* @return {void}
*/
getWebsiteData: function() {
var self = this;
if ( self.websiteData && self.websiteData ) {
return;
}
if ( false !== self.websiteRequest ) {
return self.websiteRequest;
}
return jQuery.post( fusionAppConfig.ajaxurl, { action: 'awb_load_websites', load_website_data: true, fusion_load_nonce: fusionAppConfig.fusion_load_nonce }, function( data ) {
if ( ! _.isNull( data ) ) {
self.websiteData = data;
}
}, 'json' );
},
/**
* Init filter sidebar.
*
* @since 3.5
* @param {Object} sidebar - The sidebar elements.
* @return {void}
*/
initFilter: function( $sidebar ) {
var timeouts = [],
self = this,
$container = jQuery( '#fusion-builder-layouts-demos' );
$sidebar.find( 'li' ).off();
$sidebar.find( 'li' ).on( 'click', function() {
var $studioImports = jQuery( this ).closest( '.studio-wrapper' ).find( '.studio-imports' ),
$templates = $studioImports.find( 'li' ),
slug = jQuery( this ).attr( 'data-slug' ),
counter = 1,
order = [],
$showTemplates = [],
i;
// Don't do filtering for active filter.
if ( jQuery( this ).hasClass( 'current' ) ) {
return false;
}
// Clear all timeouts to prevent animations still running.
jQuery.each( timeouts, function( index, value ) {
clearTimeout( value );
} );
// Hide detail demo.
if ( ! $studioImports.next().hasClass( 'hidden' ) ) {
$studioImports.removeClass( 'hidden' ).next().addClass( 'hidden' ).find( '.demo-' + self.state.current ).addClass( 'hidden' );
}
// Remove current from active.
$sidebar.find( 'li.current' ).removeClass( 'current' );
// Hide all templates.
$templates.css( { display: 'none' } ).addClass( 'hidden' );
// Fade correct templates in.
$templates.each( function() {
var $template = jQuery( this );
if ( 'undefined' === typeof $template.data( 'slug' ) ) {
return true;
}
if ( 'all' === slug || -1 !== $template.data( 'slug' ).indexOf( slug ) ) {
$template.css( { display: 'inline-block' } );
$showTemplates.push( $template );
}
} );
setTimeout( function() {
jQuery.each( $showTemplates, function() {
var $template = jQuery( this ),
position = $template.position();
// Loop afer all have been added to get position.
position.$el = $template;
order.push( position );
} );
// Sort top to bottom.
order.sort( self.SortByTop );
// Reveal top to bottom.
for ( i = 0; i < order.length; i++ ) {
timeouts.push(
self.doSetTimeout( i, order, counter )
);
counter++;
}
}, 50 );
// Add current to show it is active.
jQuery( this ).addClass( 'current' );
} );
$container.find( '#awb_sites_search_demos' ).on( 'change paste keyup', _.debounce( function( ) {
var demoPageLink = jQuery( this ).val(),
demoPage,
parentDemo;
demoPageLink = demoPageLink.replace( 'https://', '' ).replace( 'http://', '' );
if ( '/' !== demoPageLink[ demoPageLink.length - 1 ] && ! _.isEmpty( demoPageLink ) ) {
demoPageLink += '/';
}
demoPage = $container.find( 'li[data-page-link="' + demoPageLink + '"]' );
parentDemo = demoPage.closest( '.awb-page-item' );
if ( demoPage.length ) {
if ( $container.find( '.site-details' ).hasClass( 'hidden' ) ) {
$container.find( '.site-details' ).removeClass( 'hidden' ).prev().addClass( 'hidden' );
}
demoPage.removeClass( 'hidden' ).siblings().addClass( 'hidden' );
self.state.current = parentDemo.data( 'website_id' );
self.state.title = parentDemo.data( 'website_title' );
parentDemo.removeClass( 'hidden' ).siblings().addClass( 'hidden' );
self.updateDetailHeader( $container );
}
}, 100 ) );
},
/**
* Init Import Demo.
*
* @since 3.5
* @param {Object} sidebar - The sidebar elements.
* @return {void}
*/
initImport: function( $container ) {
var self = this;
// Demo on Click.
$container.find( '.studio-imports > li.awb-demo-pages-layout' ).on( 'click', function( event ) {
event.preventDefault();
self.state.current = jQuery( this ).data( 'website_id' );
self.state.title = jQuery( this ).data( 'website_title' );
jQuery( this ).closest( '.studio-imports' ).addClass( 'hidden' )
.next().removeClass( 'hidden' ).find( '.demo-' + self.state.current ).removeClass( 'hidden' )
.find( 'li.hidden' ).removeClass( 'hidden' );
self.updateDetailHeader( $container );
} ).end().find( '.awb-sites-back-js' ).on( 'click', function( event ) {
event.preventDefault();
jQuery( this ).closest( '.site-details' ).find( '.demo-' + self.state.current ).addClass( 'hidden' )
.end().closest( '.site-details' ).addClass( 'hidden' ).prev().removeClass( 'hidden' );
} ).end().find( '.awb-sites-next-js' ).on( 'click', function( event ) {
event.preventDefault();
$container.find( 'aside li[data-slug="' + self.state.nextCat + '"]' ).trigger( 'click' );
} );
},
/**
* Update Detail Header.
*
* @since 3.5
* @param {Object} container - The container elements.
* @return {void}
*/
updateDetailHeader: function( $container ) {
this.state.nextCat = $container.find( 'aside ul > li.current' ).next().data( 'slug' );
$container.find( '.awb-sites-title' ).html( this.state.title );
if ( this.state.nextCat && this.websiteData.tags[ this.state.nextCat ] ) {
$container.find( '.awb-sites-next-js' ).removeClass( 'vs-hidden' ).html( this.websiteData.tags[ this.state.nextCat ].name );
} else {
$container.find( '.awb-sites-next-js' ).addClass( 'vs-hidden' );
}
}
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager, fusionAllElements, FusionEvents, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.Navigator = Backbone.Model.extend( {
defaults: {
// see _getNavItemObject() function for this object format.
navigatorItems: null,
// An object with the views that are collapsed.
collapsedItems: {},
// If is either a page/column/element... etc. library navigator. This will not display some buttons.
navigatorType: ''
},
verifiedNestedRowsForCollapse: {},
initialize: function() {
this.update = _.debounce( this.update.bind( this ), 20 );
// Used for nested columns added.
this.listenTo( FusionEvents, 'fusion-columns-added', this.update );
this.listenTo( FusionEvents, 'fusion-content-changed', this.update );
this.listenTo( FusionEvents, 'fusion-element-removed', this.update );
this.listenTo( FusionEvents, 'fusion-column-resized', this.update );
this.listenTo( FusionEvents, 'fusion-cancel-nested-row-changes', this.restoreNestedRowCollapsible );
},
/**
* Update all the attributes. This will also trigger render if necessary.
*/
update: function() {
var navigatorItems = this.getNavigatorItems();
this.setNavigatorType();
this.setNewNestedRowsToCollapsible( navigatorItems );
// this will render if it's changed.
this.set( 'navigatorItems', navigatorItems );
},
getNavigatorItems: function() {
var elementViews = FusionPageBuilderViewManager.getViews(),
index,
navItems = [],
isContainerView;
this._updateModelsToViewsMap( elementViews );
for ( index in elementViews ) {
if ( 'object' !== typeof elementViews[ index ] ) {
continue; // eslint-disable-line no-continue
}
isContainerView = 'fusion_builder_container' === elementViews[ index ].model.get( 'element_type' );
// Construct all the containers, with their children in order.
// Only the children are in order, and not the containers themselves.
if ( isContainerView ) {
navItems.push( this._getNavItemObject( elementViews[ index ] ) );
}
}
navItems = this._orderByDisplayedContainers( navItems );
return navItems;
},
setNavigatorType: function() {
this.set( 'navigatorType', FusionApp.data.fusion_element_type );
},
setNewNestedRowsToCollapsible( navigatorItems ) {
var i, j, k, l,
item,
collapsedItems = this.get( 'collapsedItems' );
if ( ! Array.isArray( navigatorItems ) ) {
return;
}
for ( i = 0; i < navigatorItems.length; i++ ) { // containers
for ( j = 0; j < navigatorItems[ i ].children.length; j++ ) { // rows
for ( k = 0; k < navigatorItems[ i ].children[ j ].children.length; k++ ) { // columns
for ( l = 0; l < navigatorItems[ i ].children[ j ].children[ k ].children.length; l++ ) { // elements or nested rows.
item = navigatorItems[ i ].children[ j ].children[ k ].children[ l ];
// eslint-disable-next-line max-depth
if (
'fusion_builder_row_inner' === item.type &&
'undefined' === typeof this.verifiedNestedRowsForCollapse[ item.view.cid ]
) {
this.verifiedNestedRowsForCollapse[ item.view.cid ] = true;
collapsedItems[ item.view.cid ] = true;
}
}
}
}
}
this.set( 'collapsedItems', collapsedItems );
},
/**
* When a nested row is canceled from editing, the view cid changes,
* so that the collapsible refreshes to default state of collapsed.
* */
restoreNestedRowCollapsible( data ) {
var oldStatus,
collapsedItems = this.get( 'collapsedItems' );
if ( 'object' !== typeof data.oldView || ! data.oldView.cid || 'object' !== typeof data.newView || ! data.newView.cid ) {
return;
}
oldStatus = collapsedItems[ data.oldView.cid ] ? collapsedItems[ data.oldView.cid ] : false;
if ( ! oldStatus ) {
this.verifiedNestedRowsForCollapse[ data.newView.cid ] = true;
} else {
this.verifiedNestedRowsForCollapse[ data.newView.cid ] = true;
collapsedItems[ data.newView.cid ] = true;
}
this.set( 'collapsedItems', collapsedItems );
},
_updateModelsToViewsMap: function( elementViews ) {
var index;
this.modelsToViewsMap = [];
this.viewsCidToViewsMap = [];
for ( index in elementViews ) {
if ( 'object' !== typeof elementViews[ index ] ) {
continue; // eslint-disable-line no-continue
}
this.modelsToViewsMap[ elementViews[ index ].model.cid ] = elementViews[ index ];
this.viewsCidToViewsMap[ elementViews[ index ].cid ] = elementViews[ index ];
}
},
_getNavItemObject: function( view ) {
return {
view: view,
model: view.model,
name: this._getElementDisplayName( view ),
type: view.model.get( 'element_type' ),
// An array with items of the same type as this.
children: this._getNavigationChildrenItems( view )
};
},
_getNavigationChildrenItems: function( view ) {
var model,
children = [],
childView,
i;
if ( ! view.model || ! view.model.children || ! view.model.children.length ) {
return children;
}
for ( i = 0; i < view.model.children.length; i++ ) {
model = view.model.children.models[ i ];
if ( 'object' === typeof this.modelsToViewsMap[ model.cid ] && 'multi_element_child' !== model.get( 'multi' ) ) {
childView = this.modelsToViewsMap[ model.cid ];
children.push( this._getNavItemObject( childView ) );
}
}
return children;
},
_orderByDisplayedContainers: function( navItems ) {
var previewIframe = jQuery( '#fb-preview' ),
containers,
orderedItems = [],
j,
index;
if ( ! previewIframe.length ) {
return navItems;
}
containers = previewIframe[ 0 ].contentWindow.jQuery( '#fusion_builder_container > .fusion-builder-container' );
for ( index = 0; index < containers.length; index++ ) {
for ( j = 0; j < navItems.length; j++ ) {
if ( navItems[ j ].view.$el.is( containers.eq( index ) ) ) {
orderedItems.push( navItems[ j ] );
}
}
}
return orderedItems;
},
_getElementDisplayName: function( view ) {
var elType = view.model.get( 'element_type' ),
params;
// If element is container, the use the admin label.
if ( 'fusion_builder_container' === elType ) {
params = view.model.get( 'params' );
if ( params.admin_label ) {
return params.admin_label;
}
}
// Return the element name.
if ( fusionAllElements[ elType ] && fusionAllElements[ elType ].name ) {
return fusionAllElements[ elType ].name;
}
return elType;
}
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, diffDOM */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
FusionPageBuilder.NavigatorView = Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#front-end-navigator-template' ).html() ),
events: {
'click .awb-builder-nav__collapse-btn': 'handleItemCollapse',
'click .awb-builder-nav__item-header': 'handleItemNameClick',
'click .awb-builder-nav__btn-edit': 'handleEditBtnClick',
'click .awb-builder-nav__btn-remove': 'handleRemoveBtnClick',
'click .awb-builder-nav__btn-clone': 'handleCloneBtnClick',
'click .awb-builder-nav__btn-add': 'handleAddBtnClick',
'click .awb-builder-nav__add-inside': 'handleAddInsideBtnClick'
},
originalItemPosition: null,
originalPlaceholderThatStaysInPlace: jQuery(),
initialize: function() {
this.render = _.debounce( this.render.bind( this ), 20 );
this.model.bind( 'change:navigatorItems', this.render, this );
this.toggleCollapseAllContainers = _.debounce( this.toggleCollapseAllContainers.bind( this ), 500, true );
jQuery( document ).on( 'click', '.awb-navigator-toggle-containers', this.toggleCollapseAllContainers );
},
render: function() {
var dd = new diffDOM(),
currentHTML,
diff,
template,
newHTML;
template = this.template( this.model.attributes );
// First render, just set el and return.
if ( ! jQuery( this.el ).is( '.awb-builder-nav-wrapper' ) ) {
this.setElement( jQuery( '.awb-builder-nav-wrapper' ) );
this.$el.html( template );
} else {
currentHTML = this.$el.find( '.awb-builder-nav' );
newHTML = jQuery( template );
if ( currentHTML.length && newHTML.length ) {
diff = dd.diff( currentHTML[ 0 ], newHTML[ 0 ] );
dd.apply( currentHTML[ 0 ], diff );
}
}
// This doesn't need a timeout... but is better in it.
setTimeout( this.makeItemsSortable.bind( this ), 150 );
return this;
},
makeItemsSortable: function() {
var allLists = this.getAllSortableList(),
sortableOptions;
sortableOptions = {
start: this.handleSortStart.bind( this ),
stop: this.handleSortStop.bind( this ),
change: this.handleChange.bind( this ),
cancel: 'button',
dropOnEmpty: true,
axis: 'y',
cursor: 'move',
cursorAt: { top: 15 },
// These 2(delay & distance) are deprecated, but makes user experience better.
delay: 150,
distance: 5,
// Edge Case: If we have a column with lots of elements inside, not collapsing it would be much harder to sort.
helper: this.createSortHelper.bind( this ),
placeholder: 'awb-builder-nav__sortable-placeholder',
scrollSpeed: 7 // Make scroll slower, to not jump everywhere when people sort.
};
allLists.sortable( sortableOptions );
},
createSortHelper: function( e, $el ) {
var newHeight = $el.children( '.awb-builder-nav__item-header' ).outerHeight();
var childrenList = $el.children( '.awb-builder-nav__list-submenu' );
this.scrollTopBeforeBegin = $el.closest( '.awb-builder-nav' ).scrollTop();
if ( ! $el.hasClass( 'awb-builder-nav__list-item--collapsed' ) ) {
$el.css( 'height', newHeight );
childrenList.hide();
}
return $el;
},
handleSortStart: function( event, ui ) {
var target = jQuery( event.target ),
columnsMenus,
nestedColumnsMenus,
allColumnElements,
allNestedColumnElements,
rowColumnsMenu,
itemType = getItemType();
// Make placeholder similar with the item style.
ui.placeholder.addClass( 'awb-builder-nav__list-item awb-builder-nav__list-item--' + itemType );
ui.placeholder.append( '<div class="awb-builder-nav__item-header awb-builder-nav__item-header--' + itemType + '"><div class="awb-builder-nav__btn-spacer"></div><div class="awb-builder-nav__item-name"></div></div>' );
// Used to remember the starting position.
this.originalItemPosition = this.getCurrentPositionOfItem( ui.item );
// Append an item that looks exactly the same as the dragged item, and hide the placeholder here as we will highlight this item.
this.originalPlaceholderThatStaysInPlace = ui.item.clone(); // clone the original placeholder marker.
this.originalPlaceholderThatStaysInPlace.children( '.awb-builder-nav__list-submenu' ).show(); // show the collapsed children from helper.
this.originalPlaceholderThatStaysInPlace.removeAttr( 'style' ).removeAttr( 'data-awb-view-cid' ).addClass( 'awb-builder-nav__item-is-placeholder awb-builder-nav__item-is-placeholder-over' );
this.originalPlaceholderThatStaysInPlace.insertAfter( ui.item );
ui.placeholder.css( 'display', 'none' );
// Edge Case: Make scroll the same as before, if the item sorted is one of the last. Occurs when sorted item height is big, and the navigator is scrolled to bottom.
ui.item.closest( '.awb-builder-nav' ).scrollTop( this.scrollTopBeforeBegin );
// ConnectsWith Property need to be dynamically generated, because static creates some issues:
// 1. By default all elements can be sorted inside normal column and nested columns.
// But nested rows(which should be sorted as elements), should not be able to put
// inside nested columns(as an element does).
// 2. If the menus that are sortable(especially long menus) are collapsed, then sometimes the sorting will not work good.
if ( 'nested-row' === itemType ) {
rowColumnsMenu = this.$el.find( '.awb-builder-nav__list-item--column > .awb-builder-nav__list-submenu' );
target.sortable( 'option', 'connectWith', filterIfParentIsCollapsed( rowColumnsMenu ) );
} else if ( 'nested-column' === itemType ) {
nestedColumnsMenus = this.$el.find( '.awb-builder-nav__list-item--nested-row > .awb-builder-nav__list-submenu' );
target.sortable( 'option', 'connectWith', filterIfParentIsCollapsed( nestedColumnsMenus ) );
} else if ( 'column' === itemType ) {
columnsMenus = this.$el.find( '.awb-builder-nav__list-item--container > .awb-builder-nav__list-submenu' );
target.sortable( 'option', 'connectWith', filterIfParentIsCollapsed( columnsMenus ) );
} else if ( 'element' === itemType ) {
allColumnElements = this.$el.find( '.awb-builder-nav__list-item--column > .awb-builder-nav__list-submenu' ),
allNestedColumnElements = this.$el.find( '.awb-builder-nav__list-item--nested-column > .awb-builder-nav__list-submenu' );
target.sortable( 'option', 'connectWith', filterIfParentIsCollapsed( allColumnElements.add( allNestedColumnElements ) ) );
}
target.sortable( 'refresh' );
function getItemType() {
if ( ui.item.hasClass( 'awb-builder-nav__list-item--container' ) ) {
return 'container';
}
if ( ui.item.hasClass( 'awb-builder-nav__list-item--nested-row' ) ) {
return 'nested-row';
}
if ( ui.item.hasClass( 'awb-builder-nav__list-item--nested-column' ) ) {
return 'nested-column';
}
if ( ui.item.hasClass( 'awb-builder-nav__list-item--column' ) ) {
return 'column';
}
if ( ui.item.hasClass( 'awb-builder-nav__list-item--element' ) ) {
return 'element';
}
return 'element';
}
function filterIfParentIsCollapsed( $items ) {
return $items.filter( function() {
if ( jQuery( this ).parents( '.awb-builder-nav__list-item--collapsed' ).length ) {
return false;
}
return true;
} );
}
},
handleSortStop: function( event, ui ) {
var viewCid = ui.item.attr( 'data-awb-view-cid' ),
itemChildrenList = ui.item.children( '.awb-builder-nav__list-submenu' ),
nearbyObj,
view;
// Remove CSS added in Helper.
if ( ! ui.item.hasClass( 'awb-builder-nav__list-item--collapsed' ) ) {
ui.item.css( 'height', 'auto' );
itemChildrenList.show();
}
// Remove original position helper:
this.originalPlaceholderThatStaysInPlace.remove();
this.originalPlaceholderThatStaysInPlace = jQuery();
nearbyObj = this._getNearbyItemToDropAndTarget( ui.item );
ui.item.closest( '.awb-builder-nav__list-main' ).find( '.awb-builder-nav__list-item--no-children-expanded' ).removeClass( 'awb-builder-nav__list-item--no-children-expanded' );
if ( ! this.model.viewsCidToViewsMap[ viewCid ] || ! nearbyObj ) {
return;
}
view = this.model.viewsCidToViewsMap[ viewCid ];
if ( 'in' === nearbyObj.targetPosition ) { // If the item dropped doesn't currently have any siblings.
if ( nearbyObj.view.handleNestedColumnDropInsideRow ) {
nearbyObj.view.handleNestedColumnDropInsideRow( view.$el, nearbyObj.view.$el );
} else if ( nearbyObj.view.handleElementDropInsideColumn ) {
nearbyObj.view.handleElementDropInsideColumn( view.$el, nearbyObj.view.$el );
} else if ( nearbyObj.view.handleColumnDropInsideRow ) {
nearbyObj.view.handleColumnDropInsideRow( view.$el, nearbyObj.view.$el );
}
// Prevent flickering by removing the no-children class.
nearbyObj.item.removeClass( 'awb-builder-nav__list-item--no-children' );
} else {
if ( view.handleDropContainer ) { // eslint-disable-line no-lonely-if
view.handleDropContainer( view.$el, nearbyObj.view.$el, nearbyObj.dropTarget );
} else if ( view.handleRowNestedDrop ) {
view.handleRowNestedDrop( view.$el, nearbyObj.view.$el, nearbyObj.dropTarget );
} else if ( view.handleColumnNestedDrop ) {
view.handleColumnNestedDrop( view.$el, nearbyObj.view.$el, nearbyObj.dropTarget );
} else if ( view.handleDropColumn ) {
view.handleDropColumn( view.$el, nearbyObj.view.$el, nearbyObj.dropTarget );
} else if ( view.handleDropElement ) { // Drop element needs to be last, because column/container also can have this function.
view.handleDropElement( view.$el, nearbyObj.view.$el, nearbyObj.dropTarget );
}
}
// Prevent flickering by adding the no-children class if needed.
if ( ! this.originalItemPosition.before.length && ! this.originalItemPosition.after.length ) {
if ( 0 === this.originalItemPosition.parent.children().length ) { // just make sure that it has no children again.
this.originalItemPosition.parent.closest( '.awb-builder-nav__list-item' ).addClass( 'awb-builder-nav__list-item--no-children' );
}
}
this.model.update();
},
handleChange: function( event, ui ) {
if ( this.itemInOriginalPosition( ui.placeholder ) ) {
ui.placeholder.css( 'display', 'none' );
this.originalPlaceholderThatStaysInPlace.addClass( 'awb-builder-nav__item-is-placeholder-over' );
} else {
ui.placeholder.css( 'display', 'block' );
this.originalPlaceholderThatStaysInPlace.removeClass( 'awb-builder-nav__item-is-placeholder-over' );
}
},
itemInOriginalPosition( $elem ) {
var currentPosition = this.getCurrentPositionOfItem( $elem );
if (
currentPosition.before.length !== this.originalItemPosition.before.length ||
currentPosition.after.length !== this.originalItemPosition.after.length ||
currentPosition.parent.length !== this.originalItemPosition.parent.length
) {
return false;
}
if ( 1 === currentPosition.parent.length && currentPosition.before[ 0 ] !== this.originalItemPosition.before[ 0 ] ) {
return false;
}
if ( 1 === currentPosition.parent.length && currentPosition.after[ 0 ] !== this.originalItemPosition.after[ 0 ] ) {
return false;
}
if ( 1 === currentPosition.parent.length && currentPosition.parent[ 0 ] !== this.originalItemPosition.parent[ 0 ] ) {
return false;
}
return true;
},
getCurrentPositionOfItem( $elem ) {
return {
before: $elem.prevAll( '[data-awb-view-cid]:not(.awb-builder-nav__sortable-placeholder):not(.ui-sortable-helper)' ).first(),
after: $elem.nextAll( '[data-awb-view-cid]:not(.awb-builder-nav__sortable-placeholder):not(.ui-sortable-helper)' ).first(),
parent: $elem.parent()
};
},
/**
* Hide/Show Navigation item children. This updates the internal state,
* but does not need to render it, as the collapsed animation is handled
* by jquery. The collapsed state is needed for next render.
*/
handleItemCollapse: function( e ) {
var item = jQuery( e.currentTarget ).closest( '.awb-builder-nav__list-item' ),
list = item.children( '.awb-builder-nav__list-submenu' ),
addInsideBtn = item.children( '.awb-builder-nav__add-inside' ),
viewCid = item.attr( 'data-awb-view-cid' ),
collapsed = Object.assign( {}, this.model.get( 'collapsedItems' ) );
if ( 'string' !== typeof viewCid ) {
return;
}
if ( 'undefined' !== typeof collapsed[ viewCid ] ) {
delete collapsed[ viewCid ];
list.slideDown( 250 );
addInsideBtn.slideDown( 250 );
setTimeout( function() {
item.removeClass( 'awb-builder-nav__list-item--collapsed' );
}, 10 );
} else {
collapsed[ viewCid ] = true;
item.addClass( 'awb-builder-nav__list-item--collapsing' );
item.addClass( 'awb-builder-nav__list-item--collapsed' );
list.slideUp( 250, function() {
item.removeClass( 'awb-builder-nav__list-item--collapsing' );
} );
addInsideBtn.slideUp( 250 );
}
this.model.set( 'collapsedItems', collapsed );
},
handleEditBtnClick: function( e ) {
var item = jQuery( e.currentTarget ).closest( '.awb-builder-nav__list-item' ),
viewCid = item.attr( 'data-awb-view-cid' ),
type,
view;
if ( ! this.model.viewsCidToViewsMap || 'object' !== typeof this.model.viewsCidToViewsMap[ viewCid ] ) {
return;
}
view = this.model.viewsCidToViewsMap[ viewCid ];
this.openOrCloseNestedRowsNeeded( view );
type = view.model.get( 'element_type' );
if ( 'fusion_builder_row_inner' === type && item.hasClass( 'awb-builder-nav__list-item--collapsed' ) ) {
item.children( '.awb-builder-nav__item-header' ).children( '.awb-builder-nav__collapse-btn' ).trigger( 'click' );
}
if ( view.settings ) {
view.settings();
}
},
handleItemNameClick: function( e ) {
var item = jQuery( e.currentTarget ).closest( '.awb-builder-nav__list-item' ),
view,
viewCid = item.attr( 'data-awb-view-cid' );
if ( ! viewCid ) {
return;
}
// Do not outline if an action button inside is clicked.
if ( jQuery( e.target ).closest( '.awb-builder-nav__btn-remove, .awb-builder-nav__btn-clone, .awb-builder-nav__btn-add, .awb-builder-nav__collapse-btn' ).length ) {
this.removeItemOutline();
return;
}
view = this.model.viewsCidToViewsMap[ viewCid ];
this.outlineItem( view );
this.scrollToViewIfNecessary( view );
},
handleRemoveBtnClick: function( e ) {
var item = jQuery( e.currentTarget ).closest( '.awb-builder-nav__list-item' ),
view,
viewCid = item.attr( 'data-awb-view-cid' );
if ( ! viewCid ) {
return;
}
view = this.model.viewsCidToViewsMap[ viewCid ];
this.openOrCloseNestedRowsNeeded( view, true );
if ( view.removeContainer ) {
view.removeContainer( undefined, undefined, true );
} else if ( view.removeRow ) {
view.removeRow( undefined, true );
} else if ( view.removeColumn ) {
view.removeColumn( undefined, true );
} else if ( view.removeElement ) {
view.removeElement( undefined, undefined, true );
}
},
handleCloneBtnClick: function( e ) {
var item = jQuery( e.currentTarget ).closest( '.awb-builder-nav__list-item' ),
view,
viewCid = item.attr( 'data-awb-view-cid' );
if ( ! viewCid ) {
return;
}
view = this.model.viewsCidToViewsMap[ viewCid ];
this.openOrCloseNestedRowsNeeded( view, true );
if ( view.cloneContainer ) {
view.cloneContainer();
} else if ( view.cloneNestedRow ) {
view.cloneNestedRow( 'navigator' );
} else if ( view.cloneColumn ) {
view.cloneColumn( undefined, true );
} else if ( view.cloneElement ) {
view.cloneElement( undefined, true );
}
},
handleAddBtnClick: function( e ) {
var item = jQuery( e.currentTarget ).closest( '.awb-builder-nav__list-item' ),
view,
type,
viewCid = item.attr( 'data-awb-view-cid' );
if ( ! viewCid ) {
return;
}
view = this.model.viewsCidToViewsMap[ viewCid ];
type = view.model.get( 'element_type' );
this.openOrCloseNestedRowsNeeded( view, true );
if ( 'fusion_builder_container' === type ) {
view.$el.children().children( '.fusion-builder-module-controls-container-wrapper' ).find( '.fusion-builder-container-add' ).trigger( 'click' );
} else if ( 'fusion_builder_column' === type ) {
view.$el.children( '.fusion-builder-module-controls-container' ).find( '.fusion-builder-insert-column' ).trigger( 'click' );
} else if ( 'fusion_builder_row_inner' === type ) {
view.$el.children( '.fusion-builder-module-controls-container' ).find( '.fusion-builder-add-element' ).trigger( 'click' );
} else if ( 'fusion_builder_column_inner' === type ) {
view.$el.children( '.fusion-builder-module-controls-container' ).find( '.fusion-builder-row-add-child' ).trigger( 'click' );
} else { // element
view.$el.children( '.fusion-builder-module-controls-container' ).find( '.fusion-builder-add-element' ).trigger( 'click' );
}
},
handleAddInsideBtnClick: function( e ) {
var btn = jQuery( e.currentTarget ),
item = btn.closest( '.awb-builder-nav__list-item' ),
view,
viewCid = item.attr( 'data-awb-view-cid' );
if ( ! viewCid ) {
return;
}
view = this.model.viewsCidToViewsMap[ viewCid ];
this.openOrCloseNestedRowsNeeded( view, true );
if ( btn.is( '.awb-builder-nav__add-inside--container' ) ) {
// Add columns.
view.$el.find( '.fusion-builder-empty-container .fusion-builder-insert-column' ).first().trigger( 'click' );
} else if ( btn.is( '.awb-builder-nav__add-inside--column' ) || btn.is( '.awb-builder-nav__add-inside--nested-column' ) ) {
// Add element.
view.$el.find( '.fusion-builder-empty-column .fusion-builder-add-element' ).first().trigger( 'click' );
} else if ( btn.is( '.awb-builder-nav__add-inside--nested-row' ) ) {
// Add nested column.
view.$el.find( '.fusion-builder-empty-container .fusion-builder-insert-inner-column' ).first().trigger( 'click' );
}
},
outlineItem: function( view ) {
// Make sure to add a one-time event, that will remove the outlines if review is clicked.
if ( ! this.removeOutlineEventAdded ) {
jQuery( jQuery( '#fb-preview' )[ 0 ].contentWindow ).on( 'click', this.removeItemOutline.bind( this ) );
this.removeOutlineEventAdded = true;
}
if ( ! view.$el.hasClass( 'fusion-builder-navigator-outlined' ) ) {
this.removeItemOutline();
if ( this.outlineItemTimeout ) {
clearTimeout( this.outlineItemTimeout );
}
view.$el.addClass( 'fusion-builder-navigator-outlined' );
this.activeOutlinedElement = view.cid;
this.outlineItemTimeout = setTimeout( this.removeItemOutline.bind( this ), 1600 );
}
},
removeItemOutline: function() {
var view;
if ( this.activeOutlinedElement ) {
view = this.model.viewsCidToViewsMap[ this.activeOutlinedElement ];
if ( 'object' === typeof view ) {
view.$el.removeClass( 'fusion-builder-navigator-outlined' );
this.activeOutlinedElement = '';
}
}
},
scrollToViewIfNecessary: function( view ) {
var elBoundingRect = view.$el.get( 0 ).getBoundingClientRect(),
iframeWindow = jQuery( '#fb-preview' )[ 0 ].contentWindow,
windowHeight = jQuery( iframeWindow ).innerHeight(),
stickyHeaderHeight = ( 'function' === typeof iframeWindow.getStickyHeaderHeight ) ? iframeWindow.getStickyHeaderHeight() : 0,
elTopIsInViewWindow,
elBottomIsInViewWindow;
elTopIsInViewWindow = ( 0 <= elBoundingRect.top - stickyHeaderHeight );
elBottomIsInViewWindow = ( elBoundingRect.bottom <= ( windowHeight * 0.95 ) );
if ( ! elTopIsInViewWindow || ! elBottomIsInViewWindow ) {
if ( view.scrollHighlight ) {
view.scrollHighlight( true, false );
}
}
},
/**
* After a sortable of elements/columns is done, get the nearest element
* and the drop zone element needed for the function.
*
* @return {Object|false} False on failure.
*/
_getNearbyItemToDropAndTarget( $navItemSorted ) {
var nearbyItem,
nearbyItemCid,
nearbyItemView,
rowModelCid,
$dropTarget,
dropTargetPosition;
// Get the column where to add this item.
if ( $navItemSorted.prev().length ) {
nearbyItem = $navItemSorted.prev();
dropTargetPosition = 'after';
} else if ( $navItemSorted.next().length ) {
nearbyItem = $navItemSorted.next();
dropTargetPosition = 'before';
} else {
dropTargetPosition = 'in';
nearbyItem = $navItemSorted.parent().closest( '[data-awb-view-cid]' );
}
nearbyItemCid = nearbyItem.attr( 'data-awb-view-cid' );
if ( ! this.model.viewsCidToViewsMap[ nearbyItemCid ] ) {
return false;
}
nearbyItemView = this.model.viewsCidToViewsMap[ nearbyItemCid ];
// Special Case: If is a container, and the column is dropped inside(with no other siblings),
// then in fact the row element is needed and not the container.
if ( 'in' === dropTargetPosition && 'fusion_builder_container' === nearbyItemView.model.get( 'element_type' ) ) {
if ( 1 === nearbyItemView.model.children.length ) {
rowModelCid = nearbyItemView.model.children.models[ 0 ].cid;
if ( ! this.model.modelsToViewsMap[ rowModelCid ] ) {
return false;
}
nearbyItemView = this.model.modelsToViewsMap[ rowModelCid ];
}
}
// Get drop target element.
if ( 'before' === dropTargetPosition ) {
$dropTarget = nearbyItemView.$el.children( '.fusion-droppable.target-before' );
} else if ( 'after' === dropTargetPosition ) {
$dropTarget = nearbyItemView.$el.children( '.fusion-droppable.target-after' );
} else {
$dropTarget = nearbyItem;
}
if ( ! nearbyItem.length || ! $dropTarget.length ) {
return false;
}
return {
targetPosition: dropTargetPosition,
item: nearbyItem,
view: nearbyItemView,
dropTarget: $dropTarget
};
},
getAllSortableList: function() {
var navigatorType = this.model.get( 'navigatorType' );
if ( 'elements' === navigatorType ) {
return jQuery();
}
if ( 'post_cards' === navigatorType || 'columns' === navigatorType ) {
return this.$el.find( '.awb-builder-nav__list-item--column .awb-builder-nav__list-submenu' );
}
if ( 'sections' === navigatorType ) {
return this.$el.find( '.awb-builder-nav__list-item--container .awb-builder-nav__list-submenu' );
}
return this.$el.find( '.awb-builder-nav__list-main, .awb-builder-nav__list-submenu' );
},
openOrCloseNestedRowsNeeded: function( view, onlyFromInside = false ) {
var $nestedRows = view.$el.closest( '.fusion-nested-columns' ),
viewIsNestedRows = view.$el.is( '.fusion-nested-columns' ),
viewIsInsideNestedRows = ( $nestedRows.length ? true : false );
if ( onlyFromInside && viewIsNestedRows ) {
closeAndSaveAllNestedRows();
return;
}
if ( viewIsInsideNestedRows ) {
if ( $nestedRows.is( '.editing' ) ) {
// Do nothing, they are already open.
} else {
closeAndSaveAllNestedRows();
openNestedRows( $nestedRows );
}
} else {
closeAndSaveAllNestedRows();
}
function closeAndSaveAllNestedRows() {
var activeNestedCols = FusionPageBuilderApp.$el.find( '.fusion-nested-columns.editing' );
if ( activeNestedCols.length ) {
activeNestedCols.find( '.fusion-builder-stop-editing' ).trigger( 'click' );
}
}
function openNestedRows() {
if ( $nestedRows.is( ':visible' ) ) {
$nestedRows.find( '.fusion-builder-module-controls-type-row-nested .fusion-builder-row-settings' ).trigger( 'click' );
}
}
},
toggleAllContainersState: 'expanded', // or 'collapsed'.
toggleCollapseAllContainers: function( e ) {
var collapseBtn,
button = jQuery( e.currentTarget );
if ( 'expanded' === this.toggleAllContainersState ) {
collapseBtn = this.$el.find( '.awb-builder-nav__list-item--container:not(.awb-builder-nav__list-item--collapsed) > .awb-builder-nav__item-header > .awb-builder-nav__collapse-btn' );
collapseBtn.trigger( 'click' );
button.addClass( 'awb-navigator-toggle-is-collapsed' );
this.toggleAllContainersState = 'collapsed';
} else {
collapseBtn = this.$el.find( '.awb-builder-nav__list-item--container.awb-builder-nav__list-item--collapsed > .awb-builder-nav__item-header > .awb-builder-nav__collapse-btn' );
collapseBtn.trigger( 'click' );
button.removeClass( 'awb-navigator-toggle-is-collapsed' );
this.toggleAllContainersState = 'expanded';
}
}
} );
}( jQuery ) );
;/* global FusionApp, fusionAllElements, fusionAppConfig, FusionPageBuilderViewManager, FusionPageBuilderElements, FusionEvents, fusionMultiElements, FusionPageBuilderApp, fusionBuilderText, diffDOM, tinyMCE, fusionGetPercentPaddingHorizontalNegativeMargin, fusionGetPercentPaddingHorizontalNegativeMarginIfSiteWidthPercent, fusionTriggerEvent, fusionVendorShortcodes, fusionSanitize */
/* eslint no-useless-escape: 0 */
/* eslint no-shadow: 0 */
/* eslint max-depth: 0 */
/* eslint no-unused-vars: 0 */
/* eslint guard-for-in: 0 */
/* eslint no-continue: 0 */
/* eslint no-bitwise: 0 */
/* eslint no-mixed-operators: 0 */
/* eslint no-empty-function: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
var fusionElements = [],
fusionGeneratorElements = [],
fusionComponents = [],
fusionFormComponents = [],
sortedElements;
jQuery.fn.outerHTML = function() {
return ( ! this.length ) ? this : ( this[ 0 ].outerHTML || ( function( el ) {
var div = document.createElement( 'div' ),
contents;
div.appendChild( el.cloneNode( true ) );
contents = div.innerHTML;
div = null;
return contents;
}( this[ 0 ] ) ) );
};
// Loop over all available elements and add them to Avada Builder.
sortedElements = _.sortBy( fusionAllElements, function( element ) {
return element.name.toLowerCase();
} );
_.each( sortedElements, function( element ) {
var newElement,
targetObject = fusionGeneratorElements;
if ( 'undefined' === typeof element.hide_from_builder ) {
newElement = {
title: element.name,
label: element.shortcode
};
if ( 'undefined' !== typeof element.component && element.component ) {
targetObject = fusionComponents;
}
if ( 'undefined' === typeof element.generator_only && 'undefined' === typeof element.form_component ) {
fusionElements.push( newElement );
}
if ( ( 'undefined' !== typeof element.form_component && element.form_component ) || ( 'undefined' !== typeof element.allow_in_form && element.allow_in_form ) ) {
fusionFormComponents.push( newElement );
return;
}
targetObject.push(
Object.assign(
{},
newElement,
{
generator_only: 'undefined' !== typeof element.generator_only ? true : element.generator_only,
templates: 'undefined' !== typeof element.templates ? element.templates : false,
components_per_template: 'undefined' !== typeof element.components_per_template ? element.components_per_template : false,
template_tooltip: 'undefined' !== typeof element.template_tooltip ? element.template_tooltip : false
}
)
);
}
} );
window.FusionPageBuilderViewManager = jQuery.extend( true, {}, new FusionPageBuilder.ViewManager() );
// Avada Builder App View
FusionPageBuilder.AppView = Backbone.View.extend( {
model: FusionPageBuilder.Element,
collection: FusionPageBuilderElements,
elements: {
modules: fusionElements,
generator_elements: fusionGeneratorElements,
components: fusionComponents,
componentsCounter: 0,
usedComponents: [],
form_components: fusionFormComponents
},
events: {
contextmenu: 'contextMenu'
},
template: FusionPageBuilder.template( jQuery( '#fusion-builder-front-end-template' ).html() ),
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.extraShortcodes = new FusionPageBuilder.ExtraShortcodes();
this.inlineEditors = new FusionPageBuilder.InlineEditorManager();
this.inlineEditorHelpers = new FusionPageBuilder.InlineEditorHelpers();
this.DraggableHelpers = new FusionPageBuilder.DraggableHelpers();
this.SettingsHelpers = new FusionPageBuilder.SettingsHelpers();
this.navigator = new FusionPageBuilder.Navigator();
this.navigatorView = new FusionPageBuilder.NavigatorView( { model: this.navigator } );
this.dynamicValues = new FusionPageBuilder.DynamicValues();
this.studio = new FusionPageBuilder.Studio();
this.website = new FusionPageBuilder.Website();
this.formStyles = false;
this.offCanvasStyles = false;
this.activeStudio = false;
// Post contents
this.postContent = false;
// Post Id
this.postID = false;
// Listen for new elements
this.listenTo( this.collection, 'add', this.addBuilderElement );
// Listen for data update
this.listenTo( FusionEvents, 'fusion-data-updated', this.updateData );
// Listen for preview toggle.
this.listenTo( FusionEvents, 'fusion-preview-toggle', this.previewToggle );
this.previewMode = false;
// Listen for preview update to set some global styles.
this.listenTo( FusionEvents, 'fusion-preview-update', this.setGlobalStyles );
// Listen for frame resizes and sets helper class for CSS.
this.listenTo( FusionEvents, 'fusion-preview-resize', this.setStackedContentClass );
this.listenTo( FusionEvents, 'fusion-to-content_break_point-changed', this.setStackedContentClass );
// Listen for header_position option change.
this.listenTo( FusionEvents, 'fusion-to-header_position-changed', this.reInitScrollingSections );
this.listenTo( window.FusionEvents, 'fusion-preferences-droppables_visible-updated', this.toggleDroppablesVisibility );
this.listenTo( window.FusionEvents, 'fusion-preferences-sticky_header-updated', this.toggleStickyHeader );
this.listenTo( window.FusionEvents, 'fusion-preferences-tooltips-updated', this.toggleTooltips );
this.listenTo( window.FusionEvents, 'fusion-preferences-element_filters-updated', this.toggleElementFilters );
this.listenTo( window.FusionEvents, 'fusion-preferences-transparent_header-updated', this.toggleTransparentHeader );
this.listenTo( window.FusionEvents, 'fusion-preferences-styling_mode-updated', this.toggleDarkMode );
this.listenTo( window.FusionEvents, 'fusion-preferences-element_transform-updated', this.toggleElementTransform );
this.listenTo( window.FusionEvents, 'fusion-preferences-options_subtabs-updated', this.optionsSubTabs );
// Listen to the fusion-content-changed event and re-trigger sticky header resize.
this.listenTo( FusionEvents, 'fusion-content-changed', function() {
fusionTriggerEvent( 'fusion-resize-stickyheader' );
} );
this.listenTo( FusionEvents, 'fusion-builder-loaded', this.fusionLibraryUI );
// Base64 encode/decode.
this._keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
// Make sure to delay ajax requests to prevent duplicates.
this._fusion_do_shortcode = _.debounce( _.bind( FusionApp.callback.fusion_do_shortcode, this ), 300 );
this.blankPage = false;
this.render();
this.reRenderElements = false;
this.contextMenuView = false;
this.clipboard = {};
// Stored latest shortcode content to avoid unnecessary ajax.
this.lastAjaxCid = false;
this.ajaxContentRequests = [];
// DiffDOM
this._diffdom = new diffDOM( { valueDiffing: false } );
jQuery( jQuery( '#fb-preview' )[ 0 ].contentWindow ).on( 'resize', function() {
FusionEvents.trigger( 'fusion-preview-resize' );
} );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).on( 'click', function( event ) {
FusionPageBuilderApp.sizesHide( event );
} );
this.correctTooltipPosition();
this.loaded = false;
this.shortcodeAjax = false;
this.inlineElements = [ 'fusion_highlight', 'fusion_tooltip', 'fusion_dropcap', 'fusion_popover', 'fusion_one_page_text_link', 'fusion_modal_text_link' ];
this.documentWrite = false;
this.previewDocumentWrite = false;
this.viewsToRerender = [];
this.listenTo( FusionEvents, 'fusion-data-updated', this.resetRenderVariable );
this.mediaMap = {
images: {},
menus: {},
forms: {},
post_cards: {},
videos: {},
icons: {},
off_canvases: {}
};
this.listenTo( FusionEvents, 'fusion-content-preview-width', this.contentPreviewWidth );
},
resetRenderVariable: function() {
this.reRenderElements = false;
},
/**
* Gets callback function for option change.
*
* @since 2.0.0
* @param {Object} modelData - The model data.
* @param {string} paramName - Parameter name.
* @param {mixed} paramValue - The value of the defined parameter.
* @param {Object} view - The view object.
* @param {boolean} skip - If set to true we bypass changing the parameter in this view.
* @return {void}
*/
getCallbackFunction: function( modelData, paramName, paramValue, view, skip ) {
var element = fusionAllElements[ view.model.get( 'element_type' ) ],
option = element.params[ paramName ],
callbackFunction,
thisView;
// Check if it is subfield.
if ( 'undefined' === typeof option && 'undefined' !== typeof element.subparam_map && 'undefined' !== typeof element.subparam_map[ paramName ] ) {
option = element.params[ element.subparam_map[ paramName ] ];
}
if ( 'undefined' !== typeof modelData.noTemplate && modelData.noTemplate ) {
// No template, we need to use fusion_do_shortcode.
callbackFunction = {};
callbackFunction.ajax = true;
callbackFunction[ 'function' ] = 'fusion_do_shortcode';
skip = 'undefined' === typeof skip ? false : skip;
thisView = FusionPageBuilderViewManager.getView( modelData.cid );
if ( ! skip ) {
thisView.changeParam( paramName, paramValue );
}
if ( 'undefined' !== typeof modelData.multi && false !== modelData.multi ) {
// Parent or child element, get the parent total content.
callbackFunction.parent = this.getParentElementCid( modelData );
callbackFunction.content = this.getParentElementContent( modelData, view );
} else {
// Regular element, just get element content.
callbackFunction.parent = false;
callbackFunction.content = FusionPageBuilderApp.generateElementShortcode( thisView.$el );
}
} else {
callbackFunction = this.CheckIfCallback( element, option, view.model );
}
return callbackFunction;
},
getParentElementCid: function( modelData ) {
if ( 'multi_element_child' === modelData.multi ) {
// Child, return parent value.
return modelData.parent;
}
// Parent, return cid.
return modelData.cid;
},
getParentElementContent: function( modelData, view ) {
var parentView;
if ( 'multi_element_child' === modelData.multi ) {
// Child, update parent and get total content.
parentView = FusionPageBuilderViewManager.getView( modelData.parent );
parentView.updateElementContent();
return parentView.getContent();
}
// Already on parent, get full content.
return view.getContent();
},
/**
* Check if the element has a callback.
*
* @since 2.0.0
* @param {Object} element - The element.
* @param {Object} option - The option.
* @param {Object} model - The model.
* @return {Object|false} - Returns the callback, or false if none is defined.
*/
CheckIfCallback: function( element, option, model ) {
// First check if the option has a callback
if ( 'undefined' !== typeof option && 'undefined' !== typeof option.callback ) {
return option.callback;
}
// Check if the element itself has a callback and query_data is empty.
if ( 'undefined' !== typeof element && 'undefined' !== typeof element.callback && 'undefined' === typeof model.attributes.query_data ) {
return element.callback;
}
return false;
},
/**
* Set some global styles in a style tag added to body.
*
* @since 2.0.0
* @return {void}
*/
setGlobalStyles: function( id, setAll ) {
var styles = '',
setAllStyles = false,
margin = 0;
if ( 'undefined' !== typeof setAll ) {
setAllStyles = setAll;
} else if ( 'undefined' === typeof id ) {
setAllStyles = true;
}
// Container outline and controls positioning.
if ( 'hundredp_padding' === id || setAllStyles ) {
margin = fusionGetPercentPaddingHorizontalNegativeMargin();
margin = fusionGetPercentPaddingHorizontalNegativeMarginIfSiteWidthPercent( 0, margin );
// If we are editing content nested inside a layout section, then no negative margins on containers.
if ( 'object' === typeof FusionApp.data.template_override && 'object' === typeof FusionApp.data.template_override.content && 'fusion_tb_section' !== FusionApp.data.postDetails.post_type ) {
margin = 0;
}
styles += 'body:not(.has-sidebar) .width-100 .fusion-builder-container:before,';
styles += 'body:not(.has-sidebar) .width-100 .fusion-builder-container:after,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container:hover > .fusion-builder-module-controls-container-wrapper,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-container-spacing.fusion-container-margin-top,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-container-spacing.fusion-container-margin-bottom,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-container-spacing.fusion-container-padding-top,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-container-spacing.fusion-container-padding-bottom,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-container-spacing.fusion-container-padding-right';
styles += '{margin-left:' + margin + ';margin-right:' + margin + '}';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-container-spacing.fusion-container-padding-left{margin-left:' + margin + ';}';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-container-spacing.fusion-container-padding-right{margin-right:' + margin + ';}';
// Flex
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-flex-container .fusion-container-spacing.fusion-container-padding-left{margin-left:0;}';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-flex-container .fusion-container-spacing.fusion-container-padding-right{margin-right:0;}';
styles += 'body:not(.has-sidebar) .width-100 .fusion-builder-container:before,';
styles += 'body:not(.has-sidebar) .width-100 .fusion-builder-container:after,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container:hover > .fusion-builder-module-controls-container-wrapper,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-flex-container .fusion-container-spacing.fusion-container-margin-top,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-flex-container .fusion-container-spacing.fusion-container-margin-bottom,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-flex-container .fusion-container-spacing.fusion-container-padding-top,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-flex-container .fusion-container-spacing.fusion-container-padding-bottom,';
styles += '.fusion-builder-live .width-100 .fusion-builder-container .fusion-flex-container .fusion-container-spacing.fusion-container-padding-right';
styles += '{margin-left:' + 0 + ';margin-right:' + 0 + '}';
}
if ( styles ) {
if ( ! this.$el.children( 'style' ).length ) {
this.$el.prepend( '<style></style>' );
}
this.$el.children( 'style' ).html( styles );
}
},
/**
* Corrects the position of tooltips that would overflow the viewport.
*
* @since 2.0.0
* @return {void}
*/
correctTooltipPosition: function() {
var self = this;
this.$el.on( 'mouseenter', '.fusion-builder-module-controls-type-container a, .fusion-builder-column-controls a, .fusion-builder-module-controls a, a.fusion-builder-add-element', function() {
var anchorWidth = jQuery( this ).outerWidth(),
tooltip = jQuery( this ).children( '.fusion-container-tooltip, .fusion-column-tooltip, .fusion-element-tooltip' ),
tooltipWidth,
tooltipOffset,
tooltipOffsetLeft,
tooltipOffsetRight,
referenceWrapper,
referenceWrapperOffsetLeft,
referenceWrapperOffsetRight;
if ( ! tooltip.length ) {
return;
}
if ( jQuery( this ).closest( '.fusion-has-filters, .awb-sticky' ).length ) {
return;
}
tooltip.children( '.fusion-tooltip-text' ).removeAttr( 'style' );
tooltipWidth = tooltip.outerWidth();
tooltipOffset = tooltip.offset();
tooltipOffsetLeft = tooltipOffset.left;
tooltipOffsetRight = tooltipOffsetLeft + tooltipWidth;
referenceWrapperOffsetLeft = 0;
referenceWrapperOffsetRight = self.$el.width();
jQuery( this ).closest( '.fusion-fullwidth:not(.video-background):not(.has-pattern-background):not(.has-mask-background) .fusion-row' ).css( 'z-index', 'auto' );
jQuery( this ).closest( '.fusion-fullwidth:not(.video-background):not(.has-pattern-background):not(.has-mask-background)' ).children( '.fullwidth-faded' ).css( 'z-index', 'auto' );
if ( ! jQuery( this ).closest( '.fusion-element-alignment-left' ).length && ! jQuery( this ).closest( '.fusion-element-alignment-right' ).length ) {
jQuery( this ).closest( '.fusion-builder-container' ).css( 'z-index', 'auto' );
}
// Carousels need different positioning.
referenceWrapper = tooltip.closest( '.fusion-carousel-wrapper' );
if ( referenceWrapper.length ) {
referenceWrapperOffsetLeft = referenceWrapper.offset().left;
referenceWrapperOffsetRight = referenceWrapperOffsetLeft + referenceWrapper.outerWidth();
}
if ( tooltipOffsetLeft < referenceWrapperOffsetLeft ) {
tooltip.children( '.fusion-tooltip-text' ).css( 'margin-left', ( ( tooltipWidth / 2 ) + anchorWidth ) + 'px' );
} else if ( tooltipOffsetRight > referenceWrapperOffsetRight ) {
tooltip.children( '.fusion-tooltip-text' ).css( 'margin-left', 'calc(' + anchorWidth + 'px - ' + tooltipWidth + 'px)' );
}
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#main' ).css( 'z-index', 'auto' );
if ( 'fixed' === jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'position' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'z-index', '-1' );
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).find( '.tfs-slider[data-parallax="1"]' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).css( 'z-index', 'auto' );
}
}
}
} );
this.$el.on( 'mouseleave', '.fusion-builder-module-controls-container a', function() {
var parentElement = jQuery( this ).closest( '.fusion-builder-module-controls-container' ).parent( '.fusion-builder-live-element' );
if ( ! parentElement.length || ! parentElement.find( '.fusion-modal.in' ).length ) {
jQuery( this ).closest( '.fusion-row' ).css( 'z-index', '' );
jQuery( this ).closest( '.fusion-builder-container' ).css( 'z-index', '' );
}
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#main' ).css( 'z-index', '' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'z-index', '' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).css( 'z-index', '' );
}
} );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
this.$el.find( '.fusion-builder-live-editor' ).html( this.template() );
// Make sure context menu is available.
this.delegateEvents();
this.setStackedContentClass();
return this;
},
/**
* Store shortcode data.
*
* @since 2.0.0
* @return {void}
*/
updateData: function() {
var self = this;
this.elements.components.forEach( function( component, index ) {
var re = new RegExp( '\\[' + component.label, 'g' );
if ( 'string' === typeof FusionApp.data.template_category && ( 'object' !== typeof component.templates || component.templates.includes( FusionApp.data.template_category ) ) ) {
self.elements.componentsCounter++;
}
} );
this.extraShortcodes.addData( FusionApp.data.shortcodeMap );
this.dynamicValues.addData( FusionApp.initialData.dynamicValues, FusionApp.data.dynamicOptions );
},
convertGalleryElement: function( content ) {
var regExp = window.wp.shortcode.regexp( 'fusion_gallery' ),
innerRegExp = this.regExpShortcode( 'fusion_gallery' ),
matches = content.match( regExp ),
newContent = content,
fetchIds = [];
if ( matches ) {
_.each( matches, function( shortcode ) {
var shortcodeElement = shortcode.match( innerRegExp ),
shortcodeAttributes = '' !== shortcodeElement[ 3 ] ? window.wp.shortcode.attrs( shortcodeElement[ 3 ] ) : '',
children = '',
newShortcode = '',
ids;
// Check for the old format shortcode
if ( 'undefined' !== typeof shortcodeAttributes.named.image_ids ) {
ids = shortcodeAttributes.named.image_ids.split( ',' );
// Add new children shortcodes
_.each( ids, function( id ) {
children += '[fusion_gallery_image image="" image_id="' + id + '" /]';
fetchIds.push( id );
} );
// Add children shortcodes, remove image_ids attribute.
newShortcode = shortcode.replace( '/]', ']' + children + '[/fusion_gallery]' ).replace( 'image_ids="' + shortcodeAttributes.named.image_ids + '" ', '' );
// Replace the old shortcode with the new one
newContent = newContent.replace( shortcode, newShortcode );
}
} );
// Fetch attachment data
if ( 0 < fetchIds.length ) {
wp.media.query( { post__in: fetchIds, posts_per_page: fetchIds.length } ).more();
}
}
return newContent;
},
/**
* Converts the shortcodes to builder elements.
*
* @since 2.0.0
* @param {string} content - The content.
* @return {void}
*/
createBuilderLayout: function( content ) {
var self = this;
if ( FusionApp.data.is_fusion_element ) {
content = self.validateLibraryContent( content );
}
content = this.convertGalleryElement( content );
this.shortcodesToBuilder( content );
this.builderToShortcodes();
setTimeout( function() {
self.scrollingContainers();
self.maybeFormStyles();
self.maybeOfCanvasStyles();
}, 100 );
},
/**
* Validate library content.
*
* @since 2.0.0
* @param {string} content - The content.
* @return {string}
*/
validateLibraryContent: function( content ) {
var contentIsEmpty = '' === content,
openContainer = '[fusion_builder_container type="flex" hundred_percent="no" flex_column_spacing="' + FusionApp.settings.col_spacing + '" equal_height_columns="no" menu_anchor="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" background_color="" background_image="" background_position="center center" background_repeat="no-repeat" fade="no" background_parallax="none" parallax_speed="0.3" video_mp4="" video_webm="" video_ogv="" video_url="" video_aspect_ratio="16:9" video_loop="yes" video_mute="yes" overlay_color="" overlay_opacity="0.5" video_preview_image="" border_size="" border_color="" border_style="solid" padding_top="" padding_bottom="" padding_left="" padding_right=""][fusion_builder_row]',
closeContainer = '[/fusion_builder_row][/fusion_builder_container]',
openColumn = '[fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" border_position="all" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="small-visibility,medium-visibility,large-visibility" center_content="no" last="no" min_height="" hover_type="none" link=""]',
closeColumn = '[/fusion_builder_column]',
columnEdit = 'columns' === FusionApp.data.fusion_element_type || 'post_cards' === FusionApp.data.fusion_element_type,
elementEdit = 'elements' === FusionApp.data.fusion_element_type,
containerEdit = 'sections' === FusionApp.data.fusion_element_type;
// The way it is setup now, we dont want blank page template on library items.
if ( columnEdit && '[fusion_builder_blank_page][/fusion_builder_blank_page]' === content ) {
content = openColumn + closeColumn;
contentIsEmpty = false;
}
if ( elementEdit && '[fusion_builder_blank_page][/fusion_builder_blank_page]' === content ) {
content = '';
contentIsEmpty = true;
}
if ( containerEdit && '[fusion_builder_blank_page][/fusion_builder_blank_page]' === content ) {
content = openContainer + closeContainer;
contentIsEmpty = false;
}
if ( ! contentIsEmpty ) {
// Editing element
if ( elementEdit ) {
content = openContainer + openColumn + content + closeColumn + closeContainer;
} else if ( columnEdit ) {
content = openContainer + content + closeContainer;
}
} else {
// If library element is blank
if ( elementEdit ) { // eslint-disable-line no-lonely-if
content = openContainer + openColumn + closeColumn + closeContainer;
}
}
function replaceDollars() {
return '$$';
}
content = content.replace( /$$/g, replaceDollars );
return content;
},
/**
* Convert library content to shortcodes.
*
* @since 2.0.0
* @return {void}
*/
libraryBuilderToShortcodes: function() {
var shortcode = '',
cid,
view,
element;
// Editing an element.
if ( 'elements' === FusionApp.data.fusion_element_type ) {
// Inner row.
element = this.$el.find( '.fusion-builder-column-outer .fusion_builder_row_inner' );
if ( element.length ) {
cid = element.data( 'cid' );
view = FusionPageBuilderViewManager.getView( cid );
shortcode = view.getInnerRowContent();
// Regular element.
} else if ( this.$el.find( '.fusion-builder-live-element' ).length ) {
element = this.$el.find( '.fusion-builder-live-element' );
shortcode = FusionPageBuilderApp.generateElementShortcode( this.$el.find( '.fusion-builder-live-element' ), false );
}
if ( element.length ) {
this.$el.find( '.fusion-builder-column .fusion-builder-add-element' ).hide();
}
// Editing a column.
} else if ( 'columns' === FusionApp.data.fusion_element_type || 'post_cards' === FusionApp.data.fusion_element_type ) {
element = this.$el.find( '.fusion-builder-column-outer' );
if ( element.length ) {
cid = element.data( 'cid' );
view = FusionPageBuilderViewManager.getView( cid );
shortcode = view.getColumnContent();
}
// Editing a container.
} else if ( 'sections' === FusionApp.data.fusion_element_type ) {
element = this.$el.find( '.fusion-builder-container' );
if ( element.length ) {
cid = element.data( 'cid' );
view = FusionPageBuilderViewManager.getView( cid );
shortcode = view.getContent();
}
}
FusionApp.setPost( 'post_content', shortcode );
this.navigator.update();
},
/**
* Build the initial layout for the builder.
*
* @since 2.0.0
* @param {Object} data - The data.
* @param {Object} data.fusionGlobalManager - The FusionPageBuilder.Global object.
* @param {string} data.postContent - The post-content.
* @return {void}
*/
initialBuilderLayout: function( data ) {
var self = this;
// Clear all views
FusionPageBuilderViewManager.removeViews();
this.postContent = data.postDetails.post_content;
this.postID = data.postDetails.post_id;
// Add data for exta shortcodes.
self.updateData( data );
setTimeout( function() {
var content = self.postContent,
contentErrorMarkup = '',
contentErrorTitle = '',
moreDetails = fusionBuilderText.unknown_error_link;
try {
self.setGlobalStyles( '', true );
content = self.convertGalleryElement( content );
if ( ! FusionApp.data.is_fusion_element ) {
content = self.validateContent( content );
} else {
content = self.validateLibraryContent( content );
}
self.shortcodesToBuilder( content );
// Add data for exta shortcodes.
self.updateData( data );
setTimeout( function() {
self.scrollingContainers();
self.reRenderElements = true;
self.maybeFormStyles();
self.maybeOfCanvasStyles();
if ( 0 < FusionPageBuilderViewManager.countElementsByType( 'fusion_builder_next_page' ) ) {
FusionEvents.trigger( 'fusion-next-page' );
}
self.loaded = true;
FusionEvents.trigger( 'fusion-builder-loaded' );
}, 100 );
} catch ( error ) {
console.log( error ); // jshint ignore:line
if ( 'undefined' !== error.name && 'ContentException' === error.name ) {
contentErrorTitle = fusionBuilderText.content_error_title;
contentErrorMarkup = jQuery( '<div>' + fusionBuilderText.content_error_description + '</div>' );
} else {
contentErrorTitle = fusionBuilderText.unknown_error_title;
// If we have full stack use that rather than external link.
if ( 'string' === typeof error.stack ) {
moreDetails = '<a href="#" class="copy-full-description">' + fusionBuilderText.unknown_error_copy + '</a>';
}
contentErrorMarkup = jQuery( '<div>' + error + '<p>' + moreDetails + '</p></div>' );
}
contentErrorMarkup.dialog( {
title: contentErrorTitle,
dialogClass: 'fusion-builder-dialog fusion-builder-error-dialog fusion-builder-settings-dialog',
autoOpen: true,
modal: true,
width: 400,
open: function() {
if ( jQuery( this ).find( '.copy-full-description' ).length ) {
jQuery( this ).find( '.copy-full-description' ).on( 'click', function( event ) {
var $temp = jQuery( '<textarea>' ),
errorText = '';
if ( 'string' === typeof error.message ) {
errorText += error.message + '\n';
}
if ( 'string' === typeof error.stack ) {
errorText += error.stack;
}
event.preventDefault();
jQuery( this ).after( $temp );
$temp.val( errorText ).focus().select();
document.execCommand( 'copy' );
$temp.remove();
jQuery( this ).html( '<i class="fusiona-check" aria-hidden="true"></i> ' + fusionBuilderText.unknown_error_copied );
} );
}
},
create: function( event, ui ) {
// Add Title.
jQuery( this ).siblings().find( 'span.ui-dialog-title' ).prepend( '<span class="icon type-warning"><i class="fusiona-exclamation" aria-hidden="true"></i></span>' );
},
close: function() {} // eslint-disable-line no-empty-function
} );
// Remove all views.
self.fusionBuilderReset();
}
}, 50 );
// TODO - are the checks here necessary? I don't see any data.fusionGlobalManager.
window.fusionGlobalManager = 'undefined' !== typeof data.fusionGlobalManager && false !== data.fusionGlobalManager ? data.fusionGlobalManager : new FusionPageBuilder.Globals( ); // jshint ignore: line
},
FBException: function( message, name ) {
this.message = message;
this.name = name;
},
validateContent: function( content ) {
var contentIsEmpty = '' === content,
textNodes = '',
columns = [],
containers = [],
shortcodeTags,
columnwrapped,
insertionFlag;
// Content clean up.
content = content.replace( /\r?\n/g, '\r\n' );
content = content.replace( /<p>\[/g, '[' );
content = content.replace( /\]<\/p>/g, ']' );
if ( 'undefined' !== typeof content ) {
content = content.trim();
}
// Throw exception with the fullwidth shortcode.
if ( -1 !== content.indexOf( '[fullwidth' ) ) {
throw new this.FBException( 'Avada 4.0.3 or earlier fullwidth container used!', 'ContentException' );
}
if ( ! contentIsEmpty ) {
// Fixes [fusion_text /] instances, which were created in 5.0.1 for empty text blocks.
content = content.replace( /\[fusion\_text \/\]/g, '[fusion_text][/fusion_text]' ).replace( /\[\/fusion\_text\]\[\/fusion\_text\]/g, '[/fusion_text]' );
content = content.replace( /\$\$/g, '$$' );
textNodes = content;
// Add container if missing.
textNodes = wp.shortcode.replace( 'fusion_builder_container', textNodes, function() {
return '@|@';
} );
textNodes = wp.shortcode.replace( 'fusion_builder_next_page', textNodes, function() {
return '@|@';
} );
textNodes = wp.shortcode.replace( 'fusion_woo_checkout_form', textNodes, function() {
return '@|@';
} );
textNodes = textNodes.trim().split( '@|@' );
_.each( textNodes, function( textNodes ) {
if ( '' !== textNodes.trim() ) {
content = content.replace( textNodes, '[fusion_builder_container type="flex" hundred_percent="no" equal_height_columns="no" menu_anchor="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" background_color="" background_image="" background_position="center center" background_repeat="no-repeat" fade="no" background_parallax="none" parallax_speed="0.3" video_mp4="" video_webm="" video_ogv="" video_url="" video_aspect_ratio="16:9" video_loop="yes" video_mute="yes" overlay_color="" overlay_opacity="0.5" video_preview_image="" border_size="" border_color="" border_style="solid" padding_top="" padding_bottom="" padding_left="" padding_right=""][fusion_builder_row]' + textNodes + '[/fusion_builder_row][/fusion_builder_container]' );
}
} );
textNodes = wp.shortcode.replace( 'fusion_builder_container', content, function( tag ) {
containers.push( tag.content );
} );
_.each( containers, function( textNodes ) {
// Add column if missing.
textNodes = wp.shortcode.replace( 'fusion_builder_row', textNodes, function( tag ) {
return tag.content;
} );
textNodes = wp.shortcode.replace( 'fusion_builder_column', textNodes, function() {
return '@|@';
} );
textNodes = textNodes.trim().split( '@|@' );
_.each( textNodes, function( textNodes ) {
if ( '' !== textNodes.trim() && '[fusion_builder_row][/fusion_builder_row]' !== textNodes.trim() ) {
columnwrapped = '[fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" border_position="all" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="small-visibility,medium-visibility,large-visibility" center_content="no" last="no" min_height="" hover_type="none" link=""]' + textNodes + '[/fusion_builder_column]';
content = content.replace( textNodes, columnwrapped );
}
} );
} );
textNodes = wp.shortcode.replace( 'fusion_builder_column_inner', content, function( tag ) {
columns.push( tag.content );
} );
textNodes = wp.shortcode.replace( 'fusion_builder_column', content, function( tag ) {
columns.push( tag.content );
} );
_.each( columns, function( textNodes ) {
// Wrap non fusion elements.
shortcodeTags = fusionAllElements;
_.each( shortcodeTags, function( shortcode ) {
if ( 'undefined' === typeof shortcode.generator_only ) {
textNodes = wp.shortcode.replace( shortcode.shortcode, textNodes, function() {
return '@|@';
} );
}
} );
textNodes = textNodes.trim().split( '@|@' );
_.each( textNodes, function( textNodes ) {
if ( '' !== textNodes.trim() ) {
insertionFlag = '@=%~@';
if ( '@' === textNodes.slice( -1 ) ) {
insertionFlag = '#=%~#';
}
content = content.replace( textNodes, '[fusion_text]' + textNodes.slice( 0, -1 ) + insertionFlag + textNodes.slice( -1 ) + '[/fusion_text]' );
}
} );
} );
content = content.replace( /@=%~@/g, '' ).replace( /#=%~#/g, '' );
// Check for once deactivated elements in text blocks that are active again.
content = wp.shortcode.replace( 'fusion_text', content, function( tag ) {
shortcodeTags = fusionAllElements;
textNodes = tag.content;
_.each( shortcodeTags, function( shortcode ) {
if ( 'undefined' === typeof shortcode.generator_only ) {
textNodes = wp.shortcode.replace( shortcode.shortcode, textNodes, function() {
return '|';
} );
}
} );
if ( ! textNodes.replace( /\|/g, '' ).length ) {
return tag.content;
}
} );
}
function replaceDollars() {
return '$$';
}
content = content.replace( /$$/g, replaceDollars );
return content;
},
/**
* Regex for shortcodes
*
* @since 2.0.0
* @param {string} tag - The element.
* @returns {mixed}
*/
regExpShortcode: _.memoize( function( tag ) {
return new RegExp( '\\[(\\[?)(' + tag + ')(?![\\w-])([^\\]\\/]*(?:\\/(?!\\])[^\\]\\/]*)*?)(?:(\\/)\\]|\\](?:([^\\[]*(?:\\[(?!\\/\\2\\])[^\\[]*)*)(\\[\\/\\2\\]))?)(\\]?)' );
} ),
findShortcodeMatches: function( content, match ) {
var shortcodeMatches,
shortcodeRegExp;
if ( _.isObject( content ) ) {
content = content.value;
}
shortcodeMatches = '';
content = 'undefined' !== typeof content ? content : '';
shortcodeRegExp = window.wp.shortcode.regexp( match );
if ( 'undefined' !== typeof content && '' !== content ) {
shortcodeMatches = content.match( shortcodeRegExp );
}
return shortcodeMatches;
},
/**
* Reset the builder.
*
* @since 2.0.0
* @return {void}
*/
fusionBuilderReset: function() {
// Clear all models and views
FusionPageBuilderElements.reset( {} );
this.collection.reset( {} );
FusionPageBuilderViewManager.clear();
// Clear layout
this.$el.find( '#fusion_builder_container' ).html( '' );
FusionEvents.trigger( 'fusion-builder-reset' );
},
/**
* Clears the layout.
*
* @since 2.0.0
* @param {Object} event - The jQuery event.
* @return {void}
*/
clearLayout: function( event ) {
if ( event ) {
event.preventDefault();
}
if ( '[fusion_builder_blank_page][/fusion_builder_blank_page]' !== this.postContent ) {
this.blankPage = true;
this.clearBuilderLayout( true );
}
},
/**
* Trigger context menu.
*
* @since 2.0.0
* @param {Object} event - The jQuery event.
* @return {void}
*/
contextMenu: function( event ) {
var self = this,
$clickTarget = jQuery( event.target ),
$target = $clickTarget.closest( '[data-cid]' ),
inlineElement = $clickTarget.hasClass( 'fusion-disable-editing' ) || $clickTarget.parents( '.fusion-disable-editing' ).length,
shortcodeId,
view,
viewSettings,
model,
elementType;
// Remove any existing.
this.removeContextMenu();
// Disable on blank template element.
if ( $clickTarget.hasClass( 'fusion-builder-blank-page' ) || $clickTarget.parents( '.fusion-builder-blank-page' ).length ) {
return;
}
// Disable on row.
if ( $clickTarget.hasClass( 'fusion-builder-row-container' ) ) {
$clickTarget = $clickTarget.closest( '.fusion-builder-container:not( .fusion-builder-row-container )' );
$target = $clickTarget;
}
// Disable context menu if right clicking on text block.
if ( ! $target.length || ( 'fusion_text' === $target.data( 'type' ) && ! $clickTarget.parents( '.fusion-builder-module-controls-container' ).length && ! inlineElement ) ) {
return;
}
// If we are not editing nested columns element, but clicking on a child, only use the nested columns element.
if ( ! jQuery( 'body' ).hasClass( 'nested-ui-active' ) && $clickTarget.closest( '.fusion_builder_row_inner' ).length ) {
$target = $clickTarget.closest( '.fusion_builder_row_inner' );
}
view = FusionPageBuilderViewManager.getView( $target.data( 'cid' ) );
elementType = this.getElementType( view.model.attributes.element_type );
switch ( FusionApp.data.fusion_element_type ) {
case 'elements':
if ( 'child_element' !== elementType && 'parent_element' !== elementType && 'element' !== elementType ) {
return;
}
break;
case 'columns':
case 'post_cards':
if ( 'fusion_builder_container' === elementType ) {
return;
}
break;
}
if ( ! inlineElement ) {
// This is not an inline element, things are simple.
event.preventDefault();
viewSettings = {
model: {
parent: view.model,
event: event,
parentView: view
}
};
this.contextMenuView = new FusionPageBuilder.ContextMenuView( viewSettings );
} else {
// This is an inline element, so we have to create the data and so checks.
$target = $clickTarget.hasClass( 'fusion-disable-editing' ) ? $clickTarget : $clickTarget.parents( '.fusion-disable-editing' ).first();
// Disable on inline ajax shortcodes.
if ( $target.hasClass( 'fusion-inline-ajax' ) ) {
return;
}
shortcodeId = $target.data( 'id' );
model = view.model.inlineCollection.find( function( model ) {
return model.get( 'cid' ) == shortcodeId; // jshint ignore: line
} );
if ( 'undefined' !== typeof model ) {
event.preventDefault();
model.event = event;
model.$target = $target;
model.parentView = view;
viewSettings = {
model: model
};
this.contextMenuView = new FusionPageBuilder.ContextMenuInlineView( viewSettings );
}
}
// Check context menu is not undefined and is not false.
if ( 'undefined' !== typeof this.contextMenuView && this.contextMenuView ) {
// Add context menu to builder.
this.$el.append( this.contextMenuView.render().el );
// Add listener to remove.
this.$el.one( 'click', function() {
self.removeContextMenu();
} );
}
},
/**
* Remove any contextMenu.
*
* @since 2.0.0
* @return {void}
*/
removeContextMenu: function() {
if ( this.contextMenuView && 'function' === typeof this.contextMenuView.removeMenu ) {
this.contextMenuView.removeMenu();
}
},
/**
* Shows saved elements.
*
* @since 2.0.0
* @param {string} elementType - The element-type.
* @param {Object} container - The jQuery element of the container.
* @return {void}
*/
showSavedElements: function( elementType, container ) {
var data = jQuery( '#fusion-builder-layouts-' + elementType ).find( '.fusion-page-layouts' ).clone(),
spacers = '<li class="spacer fusion-builder-element"></li><li class="spacer fusion-builder-element"></li><li class="spacer fusion-builder-element"></li><li class="spacer fusion-builder-element"></li>',
postId;
data.find( 'li' ).each( function() {
postId = jQuery( this ).find( '.fusion-builder-demo-button-load' ).attr( 'data-post-id' );
jQuery( this ).find( '.fusion-layout-buttons' ).remove();
jQuery( this ).find( 'h4' ).attr( 'class', 'fusion_module_title' );
jQuery( this ).attr( 'data-layout_id', postId );
jQuery( this ).addClass( 'fusion_builder_custom_' + elementType + '_load' );
if ( '' !== jQuery( this ).attr( 'data-layout_type' ) ) {
jQuery( this ).addClass( 'fusion-element-type-' + jQuery( this ).attr( 'data-layout_type' ) );
}
} );
container.append( '<div id="fusion-loader"><span class="fusion-builder-loader"></span></div>' );
container.append( '<ul class="fusion-builder-all-modules fusion-builder-library-list fusion-builder-library-list-' + elementType + '">' + data.html() + spacers + '</div>' );
},
/**
* Renders the content, converting all shortcodes and loading their templates.
*
* @since 2.0.0
* @param {string} content - The content we want to convert & render.
* @param {number} cid - A Unique ID.
* @return {string} The content.
*/
renderContent: function( content, cid, parent ) {
var shortcodes,
self = this,
elParent = 'undefined' === typeof parent ? false : parent,
ajaxShortcodes = [],
insideInlineEditor,
hasFusionClients = false;
parent = FusionPageBuilderViewManager.getView( cid );
if ( parent && 'function' === typeof parent.filterRenderContent ) {
content = parent.filterRenderContent( content );
}
// If no signs of a shortcode return early, avoid any unnecessary checks.
if ( 'undefined' === typeof content ) {
return '';
}
if ( -1 === content.indexOf( '[' ) ) {
return content;
}
if ( 'undefined' !== typeof parent ) {
// Reset inlines collection
parent.model.inlineCollection.reset();
// Check if shortcode allows generator
insideInlineEditor = this.inlineEditorHelpers.inlineEditorAllowed( parent.model.get( 'element_type' ) );
}
shortcodes = this.shortcodesToBuilder( content, false, false, true );
_.each( shortcodes, function( shortcode ) {
var markupContent,
newModel,
newViewOutput;
// Check for deprecated shortcode
if ( 'fusion_clients' === shortcode.settings.element_type ) {
hasFusionClients = true;
}
if ( -1 !== jQuery.inArray( shortcode.settings.element_type, FusionPageBuilderApp.inlineElements ) ) {
// Create new model
shortcode.settings.cid = FusionPageBuilderViewManager.generateCid();
shortcode.settings.parent = cid;
shortcode.settings.inlineElement = shortcode.content;
newModel = new FusionPageBuilder.Element( shortcode.settings );
parent.model.inlineCollection.add( newModel );
newViewOutput = self.inlineEditorHelpers.getInlineElementMarkup( newModel );
if ( insideInlineEditor ) {
content = content.replace( shortcode.content, '<span class="fusion-disable-editing fusion-inline-element" contenteditable="false" data-id="' + shortcode.settings.cid + '">' + newViewOutput.trim() + '</span>' );
} else {
content = content.replace( shortcode.content, newViewOutput );
}
} else {
markupContent = FusionPageBuilderApp.extraShortcodes.byShortcode( shortcode.content );
if ( 'undefined' === typeof markupContent ) {
ajaxShortcodes.push( shortcode.content );
} else if ( insideInlineEditor ) {
content = content.replace( shortcode.content, self.inlineEditorHelpers.getInlineHTML( markupContent.output, markupContent.id ) );
} else {
content = content.replace( shortcode.content, markupContent.output );
}
}
} );
if ( ajaxShortcodes.length ) {
content = self.ajaxRenderShortcode( cid, content, elParent, ajaxShortcodes );
}
content = FusionApp.removeScripts( content, cid );
setTimeout( function() {
FusionApp.injectScripts( cid );
if ( hasFusionClients ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_images', cid );
}
}, 200 );
if ( 'undefined' !== content ) {
return content;
}
return '<div id="fusion-loader"><span class="fusion-builder-loader"></span></div>';
},
ajaxRenderShortcode: function( cid, content, elParent, ajaxShortcodes ) {
var model, modelcid, markup;
// If content is identical to another request we do not want to loop ajax.
if ( -1 !== this.ajaxContentRequests.indexOf( content ) ) {
modelcid = 'undefined' !== typeof elParent && elParent ? elParent : cid;
model = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == modelcid; // jshint ignore: line
} );
markup = 'undefined' !== typeof model ? model.get( 'markup' ) : false;
// Collect views that need to be re-rendered
this.viewsToRerender.push( cid );
// Check for model markup being set.
if ( markup ) {
return markup.output;
}
// Just return unchanged.
return content;
}
// If cid is the same debounce, otherwise do not.
if ( cid === this.lastAjaxCid ) {
this._fusion_do_shortcode( cid, content, elParent, ajaxShortcodes );
} else {
FusionApp.callback.fusion_do_shortcode( cid, content, elParent, ajaxShortcodes );
}
this.ajaxContentRequests.push( content );
this.lastAjaxCid = cid;
},
addPlaceholder: function( content, output ) {
var atts,
notice;
// Add placeholder if no option is selected.
if ( -1 !== content.indexOf( 'rev_slider' ) ) {
atts = content.match( /\[rev_slider .*?alias\=\"(.*?)\".*?\]/ );
notice = fusionBuilderText.slider_placeholder;
} else if ( -1 !== content.indexOf( 'layerslider' ) ) {
atts = content.match( /\[layerslider .*?id\=\"(.*?)\".*?\]/ );
notice = fusionBuilderText.slider_placeholder;
} else if ( -1 !== content.indexOf( 'contact-form-7' ) ) {
atts = content.match( /\[contact-form-7 .*?id\=\"(.*?)\".*?\]/ );
notice = fusionBuilderText.form_placeholder;
} else if ( -1 !== content.indexOf( 'gravityform' ) ) {
atts = content.match( /\[gravityform .*?id\=\"(.*?)\".*?\]/ );
notice = fusionBuilderText.form_placeholder;
}
if ( 'undefined' !== typeof atts && atts && ( '0' === atts[ 1 ] || '' === atts[ 1 ] ) ) {
output = '<div class="fusion-builder-placeholder">' + notice + '</div>';
}
return output;
},
/**
* Get the shortcode structure from HTML.
*
* @since 2.0.0
* @param {string} content - The content we want to convert & render.
* @param {number} cid - A Unique ID.
* @return {string} The content.
*/
htmlToShortcode: function( content, cid ) { // jshint ignore:line
var $content = jQuery( '<div>' + content + '</div>' ),
self = this;
$content.find( '.fusion-disable-editing' ).each( function() {
var shortcodeId = jQuery( this ).data( 'id' ),
shortcodeContent,
shortCode,
parent,
model;
if ( jQuery( this ).hasClass( 'fusion-inline-ajax' ) ) {
shortcodeContent = FusionPageBuilderApp.extraShortcodes.byId( shortcodeId );
shortCode = shortcodeContent.shortcode;
} else {
parent = FusionPageBuilderViewManager.getView( cid );
model = parent.model.inlineCollection.find( function( model ) {
return model.get( 'cid' ) == shortcodeId; // jshint ignore: line
} );
shortCode = model.get( 'inlineElement' );
}
if ( 'undefined' === typeof shortCode ) {
alert( 'Problem encountered. This content cannot be live edited.' ); // eslint-disable-line no-alert
} else {
jQuery( this ).replaceWith( shortCode );
}
} );
$content.find( '[data-inline-shortcode]' ).each( function() {
var shortcodeType = jQuery( this ).data( 'element' ),
shortcodeContent = jQuery( this ).html(),
defaultParams,
multi,
type,
params,
elementSettings,
elementModel,
elementShortcode;
if ( shortcodeType in fusionAllElements ) {
defaultParams = fusionAllElements[ shortcodeType ].params;
multi = fusionAllElements[ shortcodeType ].multi;
type = fusionAllElements[ shortcodeType ].shortcode;
} else {
defaultParams = '';
multi = '';
type = '';
}
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
params[ param.param_name ] = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
} );
// Used as a flag for opening on first render.
params.open_settings = 'true';
params.element_content = shortcodeContent;
elementSettings = {
type: 'element',
added: 'manually',
element_type: type,
params: params,
parent: cid,
multi: multi
};
elementModel = new FusionPageBuilder.Element( elementSettings );
elementShortcode = self.generateElementShortcode( elementModel, false, true );
jQuery( this ).replaceWith( elementShortcode );
} );
return $content.html();
},
renderElement: function( shortcodeType, shortcodeArgs, shortcodeContent, parentCID ) {
var defaultParams,
params,
multi,
type,
elementSettings,
elementModel,
elementShortcode,
generatedViewSettings,
markup,
generatedView;
if ( 'undefined' === typeof shortcodeType ) {
return '';
}
if ( shortcodeType in fusionAllElements ) {
defaultParams = fusionAllElements[ shortcodeType ].params;
type = fusionAllElements[ shortcodeType ].shortcode;
}
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
params[ param.param_name ] = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
} );
// Process args passing in.
if ( 'object' === typeof shortcodeArgs ) {
_.each( shortcodeArgs, function( value, param_name ) {
params[ param_name ] = value;
} );
}
// Used as a flag for opening on first render.
params.open_settings = 'false';
// Add content if passed in.
params.element_content = 'string' === typeof shortcodeContent ? shortcodeContent : '';
elementSettings = {
type: 'element',
added: 'manually',
element_type: type,
params: params,
parent: parentCID
};
elementModel = new FusionPageBuilder.Element( elementSettings );
generatedViewSettings = {
model: elementModel
};
generatedView = new FusionPageBuilder[ elementModel.get( 'element_type' ) ]( generatedViewSettings );
markup = generatedView.getTemplate();
generatedView.remove();
return markup;
},
/**
* Convert shortcodes for the builder.
*
* @since 2.0.0
* @param {string} content - The content.
* @param {number} parentCID - The parent CID.
* @param {string} childShortcode - The shortcode.
* @param {boolean} noCollection - To collect or not collect.
* @param {string} targetEl - If we want to add in relation to a specific element.
* @param {string} targetPosition - Whether we want to be before or after specific element.
* @return {string|null}
*/
shortcodesToBuilder: function( content, parentCID, childShortcode, noCollection, targetEl, targetPosition ) {
var thisEl,
regExp,
innerRegExp,
matches,
shortcodeTags,
renderElements = [];
noCollection = ( 'undefined' !== typeof noCollection && true === noCollection );
// Show blank page layout
if ( '' === content && ! this.$el.find( '.fusion-builder-blank-page-content' ).length ) {
this.blankPage = true;
// TODO: add fix for new blank library element
this.createBuilderLayout( '[fusion_builder_blank_page][/fusion_builder_blank_page]' );
jQuery( '.fusion-builder-live' ).addClass( 'fusion-builder-blank-page-active' );
if ( false === FusionApp.initialData.samePage && 'undefined' !== typeof FusionApp.sidebarView.openOption ) {
FusionApp.sidebarView.openOption( 'post_title', 'po' );
}
return;
}
jQuery( '.fusion-builder-live' ).removeClass( 'fusion-builder-blank-page-active' );
thisEl = this;
shortcodeTags = _.keys( fusionAllElements ).join( '|' );
// TEMP. Example of non FB shortcode, used for the renderContent function.
// TODO: Add a new function for finding shortcodes instead of hijacking shortcodesToBuilder.
if ( noCollection && 'undefined' !== typeof fusionVendorShortcodes ) {
shortcodeTags += '|' + _.keys( fusionVendorShortcodes ).join( '|' );
}
regExp = window.wp.shortcode.regexp( shortcodeTags );
innerRegExp = this.regExpShortcode( shortcodeTags );
matches = content.match( regExp );
_.each( matches, function( shortcode ) {
var shortcodeElement = shortcode.match( innerRegExp ),
shortcodeName = shortcodeElement[ 2 ],
shortcodeAttributes = '' !== shortcodeElement[ 3 ] ? window.wp.shortcode.attrs( shortcodeElement[ 3 ] ) : '',
shortcodeContent = 'undefined' !== typeof shortcodeElement[ 5 ] ? shortcodeElement[ 5 ] : '',
elementCID = ( ! noCollection ) ? FusionPageBuilderViewManager.generateCid() : '',
prefixedAttributes = { params: ( {} ) },
elementSettings,
key,
prefixedKey,
dependencyOption,
dependencyOptionValue,
elementContent,
alpha,
paging,
markupContent,
values,
atIndex,
buttonPrefix,
textType,
fontFamily,
fontVariant,
elementFonts,
// Check for shortcodes inside shortcode content
shortcodesInContent = 'undefined' !== typeof shortcodeContent && '' !== shortcodeContent && shortcodeContent.match( regExp ),
// Check if shortcode allows generator
allowGenerator = 'undefined' !== typeof fusionAllElements[ shortcodeName ] && 'undefined' !== typeof fusionAllElements[ shortcodeName ].allow_generator ? fusionAllElements[ shortcodeName ].allow_generator : '';
elementSettings = {
type: shortcodeName,
element_type: shortcodeName,
cid: elementCID,
created: 'manually',
multi: '',
params: {},
container: false,
allow_generator: allowGenerator,
inline_editor: thisEl.inlineEditorHelpers.inlineEditorAllowed( shortcodeName )
};
// Get markup from map if set. Add further checks here so only necessary elements do this check.
if ( -1 === shortcodeName.indexOf( 'fusion_builder_' ) ) {
markupContent = FusionPageBuilderApp.extraShortcodes.byShortcode( shortcodeElement[ 0 ] );
if ( 'undefined' !== typeof markupContent ) {
elementSettings.markup = markupContent;
} else {
elementSettings.shortcode = shortcodeElement[ 0 ];
}
}
if ( 'fusion_builder_container' === shortcodeName || 'fusion_builder_row' === shortcodeName || 'fusion_builder_row_inner' === shortcodeName || 'fusion_builder_column' === shortcodeName || 'fusion_builder_column_inner' === shortcodeName || 'fusion_builder_inline' === shortcodeName ) {
elementSettings.container = true;
}
if ( 'fusion_builder_container' !== shortcodeName || 'fusion_builder_next_page' !== shortcodeName || 'fusion_woo_checkout_form' !== shortcodeName ) {
elementSettings.parent = parentCID;
}
if ( 'undefined' !== typeof targetEl && targetEl ) {
atIndex = FusionPageBuilderApp.getCollectionIndex( targetEl );
if ( 'undefined' !== typeof targetPosition && 'before' === targetPosition ) {
atIndex = atIndex - 1;
}
elementSettings.targetElement = targetEl;
elementSettings.at_index = atIndex;
}
if ( 'undefined' !== typeof targetPosition && targetPosition ) {
elementSettings.targetElementPosition = targetPosition;
}
if ( false === elementSettings.container && 'fusion_builder_next_page' !== shortcodeName && 'fusion_woo_checkout_form' !== shortcodeName ) {
if ( -1 !== shortcodeName.indexOf( 'fusion_' ) ||
-1 !== shortcodeName.indexOf( 'layerslider' ) ||
-1 !== shortcodeName.indexOf( 'rev_slider' ) ||
'undefined' !== typeof fusionAllElements[ shortcodeName ] ) {
elementSettings.type = 'element';
}
}
if ( 'fusion_builder_blank_page' === shortcodeName ) {
elementSettings.type = 'fusion_builder_blank_page';
}
if ( 'fusion_tb_meta' === shortcodeName ) {
// Border sizes.
if ( ( 'undefined' === typeof shortcodeAttributes.named.border_top ||
'undefined' === typeof shortcodeAttributes.named.border_bottom ||
'undefined' === typeof shortcodeAttributes.named.border_left ||
'undefined' === typeof shortcodeAttributes.named.border_right ) &&
'string' === typeof shortcodeAttributes.named.border_size ) {
shortcodeAttributes.named.border_top = shortcodeAttributes.named.border_size + 'px';
shortcodeAttributes.named.border_bottom = shortcodeAttributes.named.border_size + 'px';
}
delete shortcodeAttributes.named.border_size;
}
if ( _.isObject( shortcodeAttributes.named ) ) {
for ( key in shortcodeAttributes.named ) {
prefixedKey = key;
prefixedAttributes.params[ prefixedKey ] = shortcodeAttributes.named[ key ];
if ( 'fusion_products_slider' === shortcodeName && 'cat_slug' === key ) {
prefixedAttributes.params.cat_slug = shortcodeAttributes.named[ key ].replace( /\|/g, ',' );
}
if ( 'gradient_colors' === key ) {
delete prefixedAttributes.params[ prefixedKey ];
if ( -1 !== shortcodeAttributes.named[ key ].indexOf( '|' ) ) {
prefixedAttributes.params.button_gradient_top_color = shortcodeAttributes.named[ key ].split( '|' )[ 0 ].replace( 'transparent', 'rgba(255,255,255,0)' );
prefixedAttributes.params.button_gradient_bottom_color = shortcodeAttributes.named[ key ].split( '|' )[ 1 ] ? shortcodeAttributes.named[ key ].split( '|' )[ 1 ].replace( 'transparent', 'rgba(255,255,255,0)' ) : shortcodeAttributes.named[ key ].split( '|' )[ 0 ].replace( 'transparent', 'rgba(255,255,255,0)' );
} else {
prefixedAttributes.params.button_gradient_bottom_color = shortcodeAttributes.named[ key ].replace( 'transparent', 'rgba(255,255,255,0)' );
prefixedAttributes.params.button_gradient_top_color = prefixedAttributes.params.button_gradient_bottom_color;
}
}
if ( 'gradient_hover_colors' === key ) {
delete prefixedAttributes.params[ prefixedKey ];
if ( -1 !== shortcodeAttributes.named[ key ].indexOf( '|' ) ) {
prefixedAttributes.params.button_gradient_top_color_hover = shortcodeAttributes.named[ key ].split( '|' )[ 0 ].replace( 'transparent', 'rgba(255,255,255,0)' );
prefixedAttributes.params.button_gradient_bottom_color_hover = shortcodeAttributes.named[ key ].split( '|' )[ 1 ] ? shortcodeAttributes.named[ key ].split( '|' )[ 1 ].replace( 'transparent', 'rgba(255,255,255,0)' ) : shortcodeAttributes.named[ key ].split( '|' )[ 0 ].replace( 'transparent', 'rgba(255,255,255,0)' );
} else {
prefixedAttributes.params.button_gradient_bottom_color_hover = shortcodeAttributes.named[ key ].replace( 'transparent', 'rgba(255,255,255,0)' );
prefixedAttributes.params.button_gradient_top_color_hover = prefixedAttributes.params.button_gradient_bottom_color_hover;
}
}
if ( 'overlay_color' === key && '' !== shortcodeAttributes.named[ key ] && 'fusion_builder_container' === shortcodeName ) {
delete prefixedAttributes.params[ prefixedKey ];
alpha = ( 'undefined' !== typeof shortcodeAttributes.named.overlay_opacity ) ? shortcodeAttributes.named.overlay_opacity : 1;
prefixedAttributes.params.background_color = jQuery.AWB_Color( shortcodeAttributes.named[ key ] ).alpha( alpha ).toRgbaString();
}
if ( 'overlay_opacity' === key ) {
delete prefixedAttributes.params[ prefixedKey ];
}
if ( 'scrolling' === key && 'fusion_blog' === shortcodeName ) {
delete prefixedAttributes.params.paging;
paging = ( 'undefined' !== typeof shortcodeAttributes.named.paging ) ? shortcodeAttributes.named.paging : '';
if ( 'no' === paging && 'pagination' === shortcodeAttributes.named.scrolling ) {
prefixedAttributes.params.scrolling = 'no';
}
}
// The grid-with-text layout was removed in Avada 5.2, so layout has to
// be converted to grid. And boxed_layout was replaced by new text_layout.
if ( 'fusion_portfolio' === shortcodeName ) {
if ( 'layout' === key ) {
if ( 'grid' === shortcodeAttributes.named[ key ] && shortcodeAttributes.named.hasOwnProperty( 'boxed_text' ) ) {
shortcodeAttributes.named.boxed_text = 'no_text';
} else if ( 'grid-with-text' === shortcodeAttributes.named[ key ] ) {
prefixedAttributes.params[ key ] = 'grid';
}
}
if ( 'boxed_text' === key ) {
prefixedAttributes.params.text_layout = shortcodeAttributes.named[ key ];
delete prefixedAttributes.params[ key ];
}
if ( 'content_length' === key && 'full-content' === shortcodeAttributes.named[ key ] ) {
prefixedAttributes.params[ key ] = 'full_content';
}
}
// Make sure the background hover color is set to border color, if it does not exist already.
if ( 'fusion_pricing_table' === shortcodeName ) {
if ( 'backgroundcolor' === key && ! shortcodeAttributes.named.hasOwnProperty( 'background_color_hover' ) ) {
prefixedAttributes.params.background_color_hover = shortcodeAttributes.named.bordercolor;
}
}
if ( 'type' === key && ( 'fusion_widget' === shortcodeName ) && -1 !== prefixedAttributes.params[ key ].indexOf( 'Tribe' ) ) {
prefixedAttributes.params[ key ] = prefixedAttributes.params[ key ].replace( /\\/g, '' ).split( /(?=[A-Z])/ ).join( '\\' ).replace( '_\\', '_' );
}
if ( 'padding' === key && ( 'fusion_widget_area' === shortcodeName || 'fusion_builder_column' === shortcodeName || 'fusion_builder_column_inner' === shortcodeName ) ) {
values = shortcodeAttributes.named[ key ].split( ' ' );
if ( 1 === values.length ) {
prefixedAttributes.params.padding_top = values[ 0 ];
prefixedAttributes.params.padding_right = values[ 0 ];
prefixedAttributes.params.padding_bottom = values[ 0 ];
prefixedAttributes.params.padding_left = values[ 0 ];
}
if ( 2 === values.length ) {
prefixedAttributes.params.padding_top = values[ 0 ];
prefixedAttributes.params.padding_right = values[ 1 ];
prefixedAttributes.params.padding_bottom = values[ 0 ];
prefixedAttributes.params.padding_left = values[ 1 ];
}
if ( 3 === values.length ) {
prefixedAttributes.params.padding_top = values[ 0 ];
prefixedAttributes.params.padding_right = values[ 1 ];
prefixedAttributes.params.padding_bottom = values[ 2 ];
prefixedAttributes.params.padding_left = values[ 1 ];
}
if ( 4 === values.length ) {
prefixedAttributes.params.padding_top = values[ 0 ];
prefixedAttributes.params.padding_right = values[ 1 ];
prefixedAttributes.params.padding_bottom = values[ 2 ];
prefixedAttributes.params.padding_left = values[ 3 ];
}
delete prefixedAttributes.params[ key ];
}
}
// Fix old values of image_width in content boxes and flip boxes and children.
if ( 'fusion_content_boxes' === shortcodeName || 'fusion_flip_boxes' === shortcodeName ) {
if ( 'undefined' !== typeof shortcodeAttributes.named.image_width ) {
prefixedAttributes.params.image_max_width = shortcodeAttributes.named.image_width;
}
shortcodeContent = shortcodeContent.replace( /image_width/g, 'image_max_width' );
}
if ( 'fusion_button' === shortcodeName || 'fusion_tagline_box' === shortcodeName ) {
buttonPrefix = 'fusion_tagline_box' === shortcodeName ? 'button_' : '';
// Ensures backwards compatibility for button shape.
if ( 'undefined' !== typeof shortcodeAttributes.named[ buttonPrefix + 'shape' ] ) {
if ( 'square' === shortcodeAttributes.named[ buttonPrefix + 'shape' ] ) {
prefixedAttributes.params[ buttonPrefix + 'border_radius' ] = '0';
} else if ( 'round' === shortcodeAttributes.named[ buttonPrefix + 'shape' ] ) {
prefixedAttributes.params[ buttonPrefix + 'border_radius' ] = '2';
if ( '3d' === shortcodeAttributes.named.type ) {
prefixedAttributes.params[ buttonPrefix + 'border_radius' ] = '4';
}
} else if ( 'pill' === shortcodeAttributes.named[ buttonPrefix + 'shape' ] ) {
prefixedAttributes.params[ buttonPrefix + 'border_radius' ] = '25';
} else if ( '' === shortcodeAttributes.named[ buttonPrefix + 'shape' ] ) {
prefixedAttributes.params[ buttonPrefix + 'border_radius' ] = '';
}
delete prefixedAttributes.params[ buttonPrefix + 'shape' ];
}
}
if ( 'fusion_button' === shortcodeName ) {
// Ensures backwards compatibility for button border color.
if ( 'undefined' === typeof shortcodeAttributes.named.border_color && 'undefined' !== typeof shortcodeAttributes.named.accent_color && '' !== shortcodeAttributes.named.accent_color ) {
prefixedAttributes.params.border_color = shortcodeAttributes.named.accent_color;
}
if ( 'undefined' === typeof shortcodeAttributes.named.border_hover_color && 'undefined' !== typeof shortcodeAttributes.named.accent_hover_color && '' !== shortcodeAttributes.named.accent_hover_color ) {
prefixedAttributes.params.border_hover_color = shortcodeAttributes.named.accent_hover_color;
}
}
elementSettings = _.extend( elementSettings, prefixedAttributes );
}
if ( ! shortcodesInContent ) {
elementSettings.params.element_content = shortcodeContent;
}
// Add contents to row element_content. Used for working out data.
if ( 'fusion_builder_row' === shortcodeName || 'fusion_builder_row_inner' === shortcodeName || 'fusion_builder_inline' === shortcodeName ) {
elementSettings.element_content = shortcodeContent;
}
if ( 'fusion_builder_column' === shortcodeName || 'fusion_builder_column_inner' === shortcodeName ) {
elementSettings.column_shortcode = shortcodeElement[ 0 ];
}
// Compare shortcode name to multi elements object / array
if ( shortcodeName in fusionMultiElements ) {
elementSettings.multi = 'multi_element_parent';
thisEl.checkChildUI( shortcodeName, elementSettings );
}
// Set content for elements with dependency options
if ( 'undefined' !== typeof fusionAllElements[ shortcodeName ] && 'undefined' !== typeof fusionAllElements[ shortcodeName ].option_dependency ) {
dependencyOption = fusionAllElements[ shortcodeName ].option_dependency;
dependencyOptionValue = prefixedAttributes.params[ dependencyOption ];
elementContent = prefixedAttributes.params.element_content;
prefixedAttributes.params[ dependencyOptionValue ] = elementContent;
}
if ( shortcodesInContent ) {
if ( false === elementSettings.container && 'fusion_builder_next_page' !== shortcodeName && 'fusion_woo_checkout_form' !== shortcodeName ) {
elementSettings.params.element_content = shortcodeContent;
}
}
// Check if child element.
if ( 'undefined' !== typeof childShortcode && shortcodeName === childShortcode ) {
elementSettings.multi = 'multi_element_child';
// Checks if map has set selectors. If so needs to be set prior to render.
if ( 'undefined' !== typeof fusionAllElements[ shortcodeName ].selectors ) {
elementSettings.selectors = jQuery.extend( true, {}, fusionAllElements[ shortcodeName ].selectors );
}
}
// Legacy checklist integration.
if ( 'fusion_checklist' === shortcodeName && 'undefined' !== typeof elementSettings.params.element_content && -1 !== elementSettings.params.element_content.indexOf( '<li>' ) && -1 === elementSettings.params.element_content.indexOf( '[fusion_li_item' ) ) {
elementSettings.params.element_content = elementSettings.params.element_content.replace( /<ul>/g, '' );
elementSettings.params.element_content = elementSettings.params.element_content.replace( /<\/ul>/g, '' );
elementSettings.params.element_content = elementSettings.params.element_content.replace( /<li>/g, '[fusion_li_item]' );
elementSettings.params.element_content = elementSettings.params.element_content.replace( /<\/li>/, '[/fusion_li_item]' );
}
if ( ! noCollection ) {
if ( 'multi_element_child' !== elementSettings.multi ) {
thisEl.collection.add( [ elementSettings ] );
}
} else {
renderElements.push( {
content: shortcodeElement[ 0 ],
settings: elementSettings
} );
}
if ( true === FusionPageBuilderApp.layoutIsLoading && 'object' === typeof FusionPageBuilder.options.fusionTypographyField && 'object' === typeof fusionAllElements[ elementSettings.element_type ] ) {
elementFonts = [];
// Find typography options and then get values.
_.each( fusionAllElements[ elementSettings.element_type ].params, function( optionParam ) {
if ( 'typography' === optionParam.type ) {
// If we have a family value, add to array.
if ( 'string' === typeof elementSettings.params[ 'fusion_font_family_' + optionParam.choices[ 'font-family' ] ] && '' !== elementSettings.params[ 'fusion_font_family_' + optionParam.choices[ 'font-family' ] ] ) {
elementFonts.push( {
family: elementSettings.params[ 'fusion_font_family_' + optionParam.choices[ 'font-family' ] ],
variant: elementSettings.params[ 'fusion_font_variant_' + optionParam.choices[ 'font-family' ] ]
} );
}
}
} );
if ( ! _.isEmpty( elementFonts ) ) {
// If webfonts are not defined, init them and re-run this method.
if ( _.isUndefined( window.awbTypographySelect ) || _.isUndefined( window.awbTypographySelect.webfonts ) ) {
jQuery.when( window.awbTypographySelect.getWebFonts() ).done( function() {
_.each( elementFonts, function( font ) {
window.awbTypographySelect.webFontLoad( font.family, font.variant );
} );
} );
return this;
}
_.each( elementFonts, function( font ) {
window.awbTypographySelect.webFontLoad( font.family, font.variant );
} );
}
}
if ( shortcodesInContent ) {
if ( shortcodeName in fusionMultiElements ) {
// If this is a parent element, we pass this on to make sure children are proper children for that element.
thisEl.shortcodesToBuilder( shortcodeContent, elementCID, fusionMultiElements[ shortcodeName ] );
} else if ( true === elementSettings.container ) {
if ( ( 'fusion_builder_row_inner' === shortcodeName || 'fusion_builder_column_inner' === shortcodeName || 'fusion_builder_inline' === shortcodeName ) && ! elementSettings.parent ) {
thisEl.shortcodesToBuilder( shortcodeContent, false, false, true );
} else {
thisEl.shortcodesToBuilder( shortcodeContent, elementCID );
}
}
}
} );
this.navigator.update();
if ( noCollection ) {
return renderElements;
}
},
/**
* Checks if map has set child_ui. If so child UI shows on parent element settings.
*
* @since 2.0.0
* @param {string} shortcodeName - Shortcode tag.
* @param {Object} attributes - Element model attributes.
* @return {void}
*/
checkChildUI: function( shortcodeName, attributes ) {
if ( 'undefined' !== typeof fusionAllElements[ shortcodeName ].child_ui ) {
attributes.child_ui = fusionAllElements[ shortcodeName ].child_ui;
}
},
/**
* Add an element.
*
* @since 2.0.0
* @param {Object} element - The element we're adding.
* @return {void}
*/
addBuilderElement: function( element ) {
var view,
self = this,
viewSettings = {
model: element,
collection: FusionPageBuilderElements
},
generatedView,
generatedViewSettings,
parentModel;
switch ( element.get( 'type' ) ) {
case 'fusion_builder_blank_page':
if ( 'undefined' !== typeof FusionApp.data.postDetails.post_type && 'fusion_form' === FusionApp.data.postDetails.post_type ) {
viewSettings.className = 'fusion-builder-blank-page';
view = new FusionPageBuilder.BlankFormView( viewSettings );
} else {
view = new FusionPageBuilder.BlankPageView( viewSettings );
}
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( ! _.isUndefined( element.get( 'view' ) ) ) {
element.get( 'view' ).$el.after( view.render().el );
} else {
this.$el.find( '#fusion_builder_container' ).append( view.render().el );
}
break;
case 'fusion_builder_container':
// Check custom container position
if ( '' !== FusionPageBuilderApp.targetContainerCID ) {
element.attributes.view = FusionPageBuilderViewManager.getView( FusionPageBuilderApp.targetContainerCID );
FusionPageBuilderApp.targetContainerCID = '';
}
view = new FusionPageBuilder.ContainerView( viewSettings );
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( ! _.isUndefined( element.get( 'view' ) ) ) {
if ( 'undefined' === typeof element.get( 'targetElementPosition' ) || 'after' === element.get( 'targetElementPosition' ) ) {
element.get( 'view' ).$el.after( view.render().el );
} else {
element.get( 'view' ).$el.before( view.render().el );
}
} else {
this.$el.find( '#fusion_builder_container' ).append( view.render().el );
this.$el.find( '.fusion-builder-blank-page' ).remove();
}
break;
case 'element':
case 'fusion_builder_column':
case 'fusion_builder_column_inner':
case 'fusion_builder_row_inner':
self.addToChildCollection( element );
// TODO: check
if ( 'fusion_builder_row_inner' === element.get( 'type' ) ) {
if ( 'manually' === element.get( 'created' ) && 'row_inner' === element.get( 'element_type' ) ) {
element.set( 'view', FusionPageBuilderViewManager.getView( element.get( 'parent' ) ), { silent: true } );
}
}
break;
case 'fusion_builder_row':
// Get element parent
parentModel = this.collection.find( function( model ) {
return model.get( 'cid' ) == element.get( 'parent' ); // jshint ignore:line
} );
// Add child element to column's children collection
parentModel.children.add( [ element ] );
break;
case 'generated_element':
// Ignore modals for columns inserted with generator
if ( 'fusion_builder_column_inner' !== element.get( 'element_type' ) && 'fusion_builder_column' !== element.get( 'element_type' ) ) {
viewSettings.attributes = {
'data-modal_view': 'element_settings'
};
generatedViewSettings = {
model: element,
collection: FusionPageBuilderElements,
attributes: {
'data-cid': element.get( 'cid' )
}
};
if ( 'undefined' !== typeof element.get( 'multi' ) && 'multi_element_parent' === element.get( 'multi' ) ) {
if ( 'undefined' !== typeof FusionPageBuilder[ element.get( 'element_type' ) ] ) {
self.checkChildUI( element.get( 'element_type' ), generatedViewSettings.model.attributes );
generatedView = new FusionPageBuilder[ element.get( 'element_type' ) ]( generatedViewSettings );
} else {
self.checkChildUI( element.get( 'element_type' ), generatedViewSettings.model.attributes );
generatedView = new FusionPageBuilder.ParentElementView( generatedViewSettings );
}
} else if ( 'undefined' !== typeof FusionPageBuilder[ element.get( 'element_type' ) ] ) {
generatedView = new FusionPageBuilder[ element.get( 'element_type' ) ]( generatedViewSettings );
} else if ( 'fusion_builder_row_inner' === element.get( 'element_type' ) ) {
generatedView = new FusionPageBuilder.InnerRowView( generatedViewSettings );
} else {
generatedView = new FusionPageBuilder.ElementView( generatedViewSettings );
}
// Add new view to manager
FusionPageBuilderViewManager.addView( element.get( 'cid' ), generatedView );
generatedView.render().el;
view = fusionAllElements[ element.get( 'element_type' ) ].custom_settings_view_name;
if ( 'undefined' !== typeof view && '' !== view ) {
view = new FusionPageBuilder[ view ]( viewSettings );
} else {
view = new FusionPageBuilder.ElementSettingsView( viewSettings );
}
this.generateElementSettings( view );
}
break;
case 'fusion_builder_next_page':
view = new FusionPageBuilder.NextPage( viewSettings );
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( ! _.isUndefined( element.get( 'appendAfter' ) ) ) {
if ( ! element.get( 'appendAfter' ).next().next().hasClass( 'fusion-builder-next-page' ) ) {
element.get( 'appendAfter' ).after( view.render().el );
}
} else {
this.$el.find( '.fusion-builder-container:last-child' ).after( view.render().el );
}
break;
case 'fusion_woo_checkout_form':
view = new FusionPageBuilder.checkoutForm( viewSettings ),
self = this;
FusionPageBuilderViewManager.addView( element.get( 'cid' ), view );
if ( ! _.isUndefined( element.get( 'appendAfter' ) ) ) {
if ( 2 > this.$el.find( '.fusion-checkout-form' ).length ) {
element.get( 'appendAfter' ).after( view.render().el );
}
} else if ( ! this.$el.find( '.fusion-builder-container:last-child' ).length ) {
setTimeout( function() {
self.$el.find( '.fusion-builder-container:first-child' ).before( view.render().el );
}, 200 );
} else {
this.$el.find( '.fusion-builder-container:last-child' ).after( view.render().el );
}
break;
}
// Unset target element if it exists.
if ( ! _.isUndefined( element.get( 'targetElement' ) ) ) {
element.unset( 'targetElement' );
}
},
/**
* Add a child to it's parent collection.
*
* @since 2.0.0
* @return {void}
*/
addToChildCollection: function( child ) {
var parentModel,
atIndex;
if ( child instanceof Backbone.Model ) {
parentModel = this.collection.find( function( model ) {
return model.get( 'cid' ) == child.get( 'parent' ); // jshint ignore:line
} );
atIndex = child.get( 'at_index' );
child.unset( 'at_index' );
} else {
parentModel = this.collection.find( function( model ) {
return model.get( 'cid' ) == child.parent; // jshint ignore:line
} );
atIndex = child.at_index;
delete child.at_index;
}
if ( 'new' !== atIndex && 'undefined' !== typeof atIndex && ! isNaN( atIndex ) ) {
parentModel.children.add( [ child ], { at: atIndex } );
} else {
parentModel.children.add( [ child ] );
}
},
/**
* Calculate collection index.
*
* @since 2.0.0
* @param {Object} element view.
* @return {string}
*/
getCollectionIndex: function( targetView ) {
var index = 'new',
targetModel,
parentModel,
targetIndex;
if ( 'undefined' !== typeof targetView && false !== targetView ) {
// Child element
if ( 'undefined' !== typeof targetView.data( 'parent-cid' ) ) {
parentModel = FusionPageBuilderApp.collection.find( function( model ) {
return model.get( 'cid' ) === targetView.data( 'parent-cid' );
} );
targetModel = parentModel.children.find( function( model ) {
return model.get( 'cid' ) === targetView.data( 'cid' );
} );
// Regular element
} else {
targetModel = FusionPageBuilderApp.collection.find( function( model ) {
return model.get( 'cid' ) === targetView.data( 'cid' );
} );
if ( 'undefined' !== typeof targetModel.get( 'parent' ) && targetModel.get( 'parent' ) ) {
parentModel = FusionPageBuilderApp.collection.find( function( model ) {
return model.get( 'cid' ) === targetModel.get( 'parent' );
} );
}
}
if ( parentModel ) {
targetIndex = parentModel.children.indexOf( targetModel );
index = targetIndex + 1;
}
}
return index;
},
onDropCollectionUpdate: function( model, index, senderCid ) {
var parentView = FusionPageBuilderViewManager.getView( model.get( 'parent' ) ),
senderView;
// Remove model from the old collection
parentView.model.children.remove( model, { silent: true } );
// Add model to the new collection
if ( senderCid !== model.get( 'parent' ) ) {
model.set( 'parent', senderCid );
senderView = FusionPageBuilderViewManager.getView( senderCid );
senderView.model.children.add( model, { at: index, silent: true } );
} else {
parentView.model.children.add( model, { at: index, silent: true } );
}
parentView.model.children.trigger( 'sort' );
},
generateElementSettings: function( view ) {
// No need to render if it already is.
if ( ! FusionPageBuilderApp.SettingsHelpers.shouldRenderSettings( view ) ) {
return;
}
// If we want dialog.
jQuery( view.render().el ).dialog( {
title: fusionAllElements[ view.model.get( 'element_type' ) ].name,
width: FusionApp.dialog.dialogData.width,
height: FusionApp.dialog.dialogData.height,
position: FusionApp.dialog.dialogData.position,
dialogClass: 'fusion-builder-dialog fusion-builder-settings-dialog',
minWidth: 360,
dragStop: function( event, ui ) {
FusionApp.dialog.saveDialogPosition( ui.offset );
},
resizeStop: function( event, ui ) {
FusionApp.dialog.saveDialogSize( ui.size );
},
open: function( event, ui ) { // jshint ignore: line
var $dialogContent = jQuery( event.target ),
$dialog = $dialogContent.closest( '.ui-dialog' );
if ( view.$el.find( '.has-group-options' ).length ) {
$dialog.addClass( 'fusion-builder-group-options' );
}
},
dragStart: function( event, ui ) { // jshint ignore: line
// Used to close any open drop-downs in TinyMce.
jQuery( event.target ).trigger( 'click' );
},
beforeClose: function( event, ui ) { // jshint ignore: line
view.closeGeneratorModal();
},
buttons: {
Insert: function() {
view.insertGeneratedShortcode();
},
Cancel: function() {
view.closeGeneratorModal();
}
}
} );
},
/**
* Convert builder to shortcodes.
*
* @since 2.0.0
* @return {void}
*/
builderToShortcodes: function() {
var shortcode = '',
thisEl = this,
plugins = 'object' === typeof FusionApp.data.plugins_active ? FusionApp.data.plugins_active : false,
referencedOffCanvases = {},
offCanvases;
// Reset the media map.
this.mediaMap = {
images: {},
menus: {},
forms: {},
post_cards: {},
videos: {},
icons: {},
off_canvases: {}
};
if ( FusionApp.data.is_fusion_element ) {
this.libraryBuilderToShortcodes();
} else {
this.$el.find( '.fusion-builder-container' ).each( function( index, value ) {
var $thisContainer = jQuery( this ).find( '.fusion-builder-container-content' );
shortcode += thisEl.generateElementShortcode( jQuery( this ), true );
$thisContainer.find( '.fusion_builder_row' ).each( function() {
var $thisRow = jQuery( this );
shortcode += '[fusion_builder_row]';
$thisRow.find( '.fusion-builder-column-outer' ).each( function() {
var $thisColumn = jQuery( this ),
columnCID = $thisColumn.data( 'cid' ),
columnView = FusionPageBuilderViewManager.getView( columnCID );
shortcode += columnView.getColumnContent();
} );
shortcode += '[/fusion_builder_row]';
} );
shortcode += '[/fusion_builder_container]';
// Check for next page shortcode
if ( jQuery( this ).next().hasClass( 'fusion-builder-next-page' ) ) {
shortcode += '[fusion_builder_next_page]';
}
// Check for checkuot page shortcode
if ( jQuery( this ).next().hasClass( 'fusion-checkout-form' ) ) {
shortcode += '[fusion_woo_checkout_form]';
}
if ( jQuery( this ).prev().hasClass( 'fusion-checkout-form' ) && 0 === index ) {
shortcode = '[fusion_woo_checkout_form]' + shortcode;
}
} );
FusionApp.setPost( 'post_content', shortcode );
}
// Add referenced Off Canvases.
if ( false !== plugins && true === plugins.awb_studio ) {
offCanvases = 'undefined' !== typeof FusionApp.data.postMeta._fusion.off_canvases ? FusionApp.data.postMeta._fusion.off_canvases : [];
if ( 'object' === typeof offCanvases && Object.keys( offCanvases ).length ) {
_.each( offCanvases, function( key, value ) {
referencedOffCanvases[ key ] = true;
} );
}
this.mediaMap.off_canvases = referencedOffCanvases;
}
// If media map exists, add to post meta for saving.
if ( ! _.isEmpty( this.mediaMap ) && 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets ) {
FusionApp.data.postMeta.avada_media = this.mediaMap; // eslint-disable-line camelcase
FusionApp.contentChange( 'page', 'page-option' );
}
this.navigator.update();
},
/**
* Generate the shortcode for an element.
*
* @since 2.0.0
* @param {Object} $element - The jQuery object of the element.
* @param {boolean} openTagOnly - Should we only include an opening tag? Or a closing tag as well?
* @param {boolean} generator - Generate?
* @return {string}
*/
generateElementShortcode: function( $element, openTagOnly, generator ) {
var attributes = '',
content = '',
element,
$thisElement,
elementCID,
elementType,
elementSettings = '',
shortcode,
ignoredAtts,
optionDependency,
optionDependencyValue,
key,
setting,
settingName,
settingValue,
param,
keyName,
optionValue,
ignored,
paramDependency,
paramDependencyElement,
paramDependencyValue,
parentModel,
parentCID,
elementView;
// Check if added from Shortcode Generator
if ( true === generator ) {
element = $element;
} else {
$thisElement = $element;
// Get cid from html element
elementCID = 'undefined' === typeof $thisElement.data( 'cid' ) ? $thisElement.find( '.fusion-builder-data-cid' ).data( 'cid' ) : $thisElement.data( 'cid' );
if ( $thisElement.hasClass( 'fusion-builder-live-child-element' ) ) {
parentCID = 'undefined' === typeof $thisElement.data( 'parent-cid' ) ? $thisElement.find( '.fusion-builder-data-cid' ).data( 'parent-cid' ) : $thisElement.data( 'parent-cid' );
// Get parent model
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parentCID; // jshint ignore:line
} );
// Get model from parent collection
element = parentModel.children.find( function( model ) {
return model.get( 'cid' ) == elementCID; // jshint ignore:line
} );
} else {
// Get model by cid
element = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == elementCID; // jshint ignore: line
} );
}
}
// Useful function can be utilized to change save data.
elementView = FusionPageBuilderViewManager.getView( elementCID );
if ( 'undefined' !== typeof elementView && 'function' === typeof elementView.beforeGenerateShortcode ) {
elementView.beforeGenerateShortcode();
}
elementType = 'undefined' !== typeof element ? element.get( 'element_type' ) : 'undefined';
elementSettings = '';
shortcode = '';
elementSettings = element.attributes;
// Ignored shortcode attributes
ignoredAtts = 'undefined' !== typeof fusionAllElements[ elementType ].remove_from_atts ? fusionAllElements[ elementType ].remove_from_atts : [];
ignoredAtts.push( 'undefined' );
// Option dependency
optionDependency = 'undefined' !== typeof fusionAllElements[ elementType ].option_dependency ? fusionAllElements[ elementType ].option_dependency : '';
if ( 'params' in elementSettings ) {
settingName = 'params';
settingValue = 'undefined' !== typeof element.get( settingName ) ? element.get( settingName ) : '';
// Loop over params
for ( param in settingValue ) {
keyName = param;
if ( 'element_content' === keyName ) {
optionValue = 'undefined' !== typeof settingValue[ param ] ? settingValue[ param ] : '';
content = optionValue;
if ( 'undefined' !== typeof settingValue[ optionDependency ] ) {
optionDependency = fusionAllElements[ elementType ].option_dependency;
optionDependencyValue = 'undefined' !== typeof settingValue[ optionDependency ] ? settingValue[ optionDependency ] : '';
// Set content
content = 'undefined' !== typeof settingValue[ optionDependencyValue ] ? settingValue[ optionDependencyValue ] : '';
}
} else {
ignored = '';
if ( '' !== optionDependency ) {
setting = keyName;
// Get option dependency value ( value for type )
optionDependencyValue = ( 'undefined' !== typeof settingValue[ optionDependency ] ) ? settingValue[ optionDependency ] : '';
// Check for old fusion_map array structure
if ( 'undefined' !== typeof fusionAllElements[ elementType ].params[ setting ] ) {
// Dependency exists
if ( 'undefined' !== typeof fusionAllElements[ elementType ].params[ setting ].dependency ) {
paramDependency = fusionAllElements[ elementType ].params[ setting ].dependency;
paramDependencyElement = ( 'undefined' !== typeof paramDependency.element ) ? paramDependency.element : '';
paramDependencyValue = ( 'undefined' !== typeof paramDependency.value ) ? paramDependency.value : '';
if ( paramDependencyElement === optionDependency ) {
if ( paramDependencyValue !== optionDependencyValue ) {
ignored = '';
ignored = setting;
}
}
}
}
}
// Ignore shortcode attributes tagged with "remove_from_atts"
if ( -1 < jQuery.inArray( param, ignoredAtts ) || ignored === param ) {
// This attribute should be ignored from the shortcode
} else {
optionValue = 'undefined' !== typeof settingValue[ param ] ? settingValue[ param ] : '';
// Check if attribute value is null
if ( null === optionValue ) {
optionValue = '';
}
// Sanitizes values before saving it in the shortcode.
if ( 'undefined' !== typeof elementView && 'function' === typeof elementView.sanitizeValue ) {
optionValue = elementView.sanitizeValue( param, optionValue );
}
if ( ( 'on' === fusionAppConfig.removeEmptyAttributes && '' !== optionValue ) || 'off' === fusionAppConfig.removeEmptyAttributes ) {
attributes += ' ' + param + '="' + optionValue + '"';
}
}
}
}
}
shortcode = '[' + elementType + attributes;
if ( '' === content && 'fusion_text' !== elementType && 'fusion_code' !== elementType && ( 'undefined' !== typeof elementSettings.type && 'element' === elementSettings.type ) ) {
openTagOnly = true;
shortcode += ' /]';
} else {
shortcode += ']';
}
if ( ! openTagOnly ) {
shortcode += content + '[/' + elementType + ']';
}
return shortcode;
},
/**
* Should exlude param replacement?
*
* @since 3.6
* @return {Boolean}
*/
shouldExclude: function( param, elementType ) {
var excluded = {
'link_color': 'fusion_builder_container',
'link_hover_color': 'fusion_builder_container'
};
if ( 'undefined' !== typeof excluded[ param ] && elementType === excluded[ param ] ) {
return true;
}
return false;
},
/**
* Define the layout as loaded.
*
* @since 2.0.0
* @return {void}
*/
layoutLoaded: function() {
FusionEvents.trigger( 'fusion-history-clear' );
this.reRenderElements = true;
},
/**
* Get element type, split up element.
*
* @since 2.0.0
* @param {string} elementType - The element type/name.
* @return {void}
*/
getElementType: function( elementType ) {
var childElements;
if ( 'fusion_builder_container' === elementType || 'fusion_builder_column' === elementType || 'fusion_builder_column_inner' === elementType ) {
return elementType;
}
// First check if its a parent.
if ( elementType in fusionMultiElements ) {
return 'parent_element';
}
// Check if its a child.
childElements = _.values( fusionMultiElements );
if ( -1 !== childElements.indexOf( elementType ) ) {
return 'child_element';
}
if ( 'fusion_builder_row_inner' === elementType ) {
return 'fusion_builder_row_inner';
}
// Made it this far it must be regular.
return 'element';
},
/**
* Clears the builder layout.
*
* @since 2.0.0
* @param {boolean} blankPageLayout - Should we use the blankPageLayout?
* @return {void}
*/
clearBuilderLayout: function( blankPageLayout ) {
// Remove blank page layout.
this.$el.find( '.fusion-builder-blank-page' ).each( function() {
var $that = jQuery( this ),
thisView = FusionPageBuilderViewManager.getView( $that.data( 'cid' ) );
if ( 'undefined' !== typeof thisView ) {
thisView.removeBlankPageHelper();
}
} );
// Remove all containers.
this.$el.find( '.fusion-builder-container' ).each( function() {
var $that = jQuery( this ),
thisView = FusionPageBuilderViewManager.getView( $that.data( 'cid' ) );
if ( 'undefined' !== typeof thisView ) {
thisView.removeContainer( false, true );
}
} );
// Remove all next page elements.
this.$el.find( '.fusion-builder-next-page' ).each( function() {
var thisView = FusionPageBuilderViewManager.getView( jQuery( this ).data( 'cid' ) );
if ( 'undefined' !== typeof thisView ) {
thisView.removeNextPage();
}
} );
// Remove all checkout form elements.
this.$el.find( '.fusion-checkout-form' ).each( function() {
var thisView = FusionPageBuilderViewManager.getView( jQuery( this ).data( 'cid' ) );
if ( 'undefined' !== typeof thisView ) {
thisView.removeCheckoutForm();
}
} );
// Create blank page layout.
if ( blankPageLayout ) {
if ( true === this.blankPage ) {
if ( ! this.$el.find( '.fusion-builder-blank-page' ).length ) {
this.createBuilderLayout( '[fusion_builder_blank_page][/fusion_builder_blank_page]' );
jQuery( '.fusion-builder-live' ).addClass( 'fusion-builder-blank-page-active' );
}
this.blankPage = false;
}
}
},
/**
* Encodes data using Base64.
*
* @since 2.0.0
* @param {string} data - The data to encode.
* @return {string}
*/
base64Encode: function( data ) {
var b64 = this._keyStr,
o1,
o2,
o3,
h1,
h2,
h3,
h4,
bits,
i = 0,
ac = 0,
enc = '',
tmpArr = [],
r;
if ( ! data ) {
return data;
}
data = unescape( encodeURIComponent( data ) );
do {
// Pack three octets into four hexets
o1 = data.charCodeAt( i++ );
o2 = data.charCodeAt( i++ );
o3 = data.charCodeAt( i++ );
bits = o1 << 16 | o2 << 8 | o3;
h1 = bits >> 18 & 0x3f;
h2 = bits >> 12 & 0x3f;
h3 = bits >> 6 & 0x3f;
h4 = bits & 0x3f;
// Use hexets to index into b64, and append result to encoded string.
tmpArr[ ac++ ] = b64.charAt( h1 ) + b64.charAt( h2 ) + b64.charAt( h3 ) + b64.charAt( h4 );
} while ( i < data.length );
enc = tmpArr.join( '' );
r = data.length % 3;
return ( r ? enc.slice( 0, r - 3 ) : enc ) + '==='.slice( r || 3 );
},
/**
* Decodes data using Base64.
*
* @since 2.0.0
* @param {string} data - The data to decode.
* @return {string}
*/
base64Decode: function( input ) {
var output = '',
chr1,
chr2,
chr3,
enc1,
enc2,
enc3,
enc4,
i = 0;
if ( 'undefined' === typeof input || ! input || '' === input ) {
return input;
}
input = input.replace( /[^A-Za-z0-9\+\/\=]/g, '' );
while ( i < input.length ) {
enc1 = this._keyStr.indexOf( input.charAt( i++ ) );
enc2 = this._keyStr.indexOf( input.charAt( i++ ) );
enc3 = this._keyStr.indexOf( input.charAt( i++ ) );
enc4 = this._keyStr.indexOf( input.charAt( i++ ) );
chr1 = ( enc1 << 2 ) | ( enc2 >> 4 );
chr2 = ( ( enc2 & 15 ) << 4 ) | ( enc3 >> 2 );
chr3 = ( ( enc3 & 3 ) << 6 ) | enc4;
output = output + String.fromCharCode( chr1 );
if ( 64 != enc3 ) { // jshint ignore: line
output = output + String.fromCharCode( chr2 );
}
if ( 64 != enc4 ) { // jshint ignore: line
output = output + String.fromCharCode( chr3 );
}
}
output = this.utf8Decode( output );
return output;
},
/**
* Decodes data using utf8.
*
* @since 2.0.0
* @param {string} utftext - The data to decode.
* @return {string}
*/
utf8Decode: function( utftext ) {
var string = '',
i = 0,
c = 0,
c1 = 0, // jshint ignore: line
c2 = 0,
c3;
while ( i < utftext.length ) {
c = utftext.charCodeAt( i );
if ( 128 > c ) {
string += String.fromCharCode( c );
i++;
} else if ( ( 191 < c ) && ( 224 > c ) ) {
c2 = utftext.charCodeAt( i + 1 );
string += String.fromCharCode( ( ( c & 31 ) << 6 ) | ( c2 & 63 ) );
i += 2;
} else {
c2 = utftext.charCodeAt( i + 1 );
c3 = utftext.charCodeAt( i + 2 );
string += String.fromCharCode( ( ( c & 15 ) << 12 ) | ( ( c2 & 63 ) << 6 ) | ( c3 & 63 ) );
i += 3;
}
}
return string;
},
setContent: function( textareaID, content ) {
if ( 'undefined' !== typeof window.tinyMCE && window.tinyMCE.get( textareaID ) && ! window.tinyMCE.get( textareaID ).isHidden() ) {
if ( window.tinyMCE.get( textareaID ).getParam( 'wpautop', true ) && 'undefined' !== typeof window.switchEditors ) {
content = window.switchEditors.wpautop( content );
}
window.tinyMCE.get( textareaID ).setContent( content, { format: 'html' } );
}
// In both cases, update the textarea as well.
jQuery( '#' + textareaID + ':visible' ).val( content ).trigger( 'change' );
},
isTinyMceActive: function() {
var isActive = ( 'undefined' !== typeof tinyMCE ) && tinyMCE.activeEditor && ! tinyMCE.activeEditor.isHidden();
return isActive;
},
previewToggle: function() {
var $body = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ),
self = this;
this.previewMode = $body.hasClass( 'fusion-builder-preview-mode' );
if ( this.$el.find( '.fusion-scrolling-section-edit' ).length ) {
this.toggleScrollingSections();
}
},
toggleScrollingSections: function() {
if ( this.previewMode ) {
this.createScrollingSections();
} else {
this.destroyScrollingSections();
}
},
reInitScrollingSections: function() {
this.destroyScrollingSections();
this.createScrollingSections();
},
scrollingContainers: function() {
var $containers = this.$el.find( '.fusion-builder-container ' ),
scrollingSections = {},
scrollingActive = false,
scrollingIndex = 0;
if ( ! this.$el.find( '.fusion-scrolling-section-edit' ).length ) {
return;
}
$containers.each( function() {
if ( jQuery( this ).find( '.fusion-scrolling-section-edit' ).length ) {
scrollingActive = true;
if ( 'undefined' === typeof scrollingSections[ scrollingIndex ] ) {
scrollingSections[ scrollingIndex ] = [];
}
scrollingSections[ scrollingIndex ].push( jQuery( this ) );
} else if ( scrollingActive ) {
scrollingIndex++;
scrollingActive = false;
}
} );
_.each( scrollingSections, function( $scrollingContainers ) {
var navigation = '',
i;
for ( i = $scrollingContainers.length; 0 < i; i-- ) {
navigation += '<li><a href="#" class="fusion-scroll-section-link"><span class="fusion-scroll-section-link-bullet"></span></a></li>';
}
_.each( $scrollingContainers, function( $scrollingContainer ) {
$scrollingContainer.find( '.fusion-scroll-section-nav ul' ).html( navigation );
} );
} );
},
createScrollingSections: function() {
var $containers = this.$el.find( '.fusion-builder-container' ),
scrollNavigationPosition = ( 'right' === FusionApp.settings.header_position.toLowerCase() || jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'rtl' ) ) ? 'scroll-navigation-left' : 'scroll-navigation-right',
scrollingSections = {},
scrollingActive = false,
scrollingIndex = 0;
if ( this.previewMode ) {
$containers = $containers.not( '.fusion-builder-container-status-draft' );
}
$containers.each( function() {
if ( jQuery( this ).find( '.fusion-scrolling-section-edit' ).length ) {
scrollingActive = true;
if ( 'undefined' === typeof scrollingSections[ scrollingIndex ] ) {
scrollingSections[ scrollingIndex ] = [];
}
scrollingSections[ scrollingIndex ].push( jQuery( this ) );
} else if ( scrollingActive ) {
scrollingIndex++;
scrollingActive = false;
}
} );
_.each( scrollingSections, function( $scrollingContainers, sectionIndex ) {
var $scrollSectionContainer = '<div id="fusion-scroll-section-' + sectionIndex + '" class="fusion-scroll-section" data-section="' + sectionIndex + '">',
$scrollingNav = '<nav id="fusion-scroll-section-nav-' + sectionIndex + '" class="fusion-scroll-section-nav ' + scrollNavigationPosition + '" data-section="' + sectionIndex + '"><ul>',
$targetContainer = false;
_.each( $scrollingContainers, function( $scrollingContainer, containerIndex ) {
var active,
$parent,
$clone,
adminLabel,
containerId,
$containerLink;
containerIndex = containerIndex + 1;
active = 1 === containerIndex ? ' active' : '';
$parent = $scrollingContainer;
$clone = $scrollingContainer.find( '.fusion-scrolling-section-edit' ).clone();
adminLabel = $parent.find( '.fusion-builder-section-name' ).val();
containerId = 'fusion-scroll-section-element-' + sectionIndex + '-' + containerIndex;
$containerLink = '<li><a href="#' + containerId + '" class="fusion-scroll-section-link" data-name="' + adminLabel + '" data-element="' + containerIndex + '"><span class="fusion-scroll-section-link-bullet"></span></a></li>';
if ( 1 === containerIndex ) {
$targetContainer = $parent;
}
$clone.find( '.fusion-scroll-section-nav, .fusion-builder-insert-column, .fusion-builder-container-add' ).remove();
$clone.find( '.hundred-percent-height' ).removeClass( 'hundred-percent-height' ).css( { height: '', 'min-height': '' } );
$clone.addClass( 'hundred-percent-height-scrolling hundred-percent-height' );
$scrollingNav += $containerLink;
$scrollSectionContainer += '<div class="fusion-scroll-section-element' + active + '" data-section="' + sectionIndex + '" data-element="' + containerIndex + '">' + $clone.outerHTML() + '</div>';
$parent.addClass( 'fusion-temp-hidden-container' );
$parent.hide();
} );
$scrollingNav += '</ul></nav>';
$scrollSectionContainer += $scrollingNav;
$scrollSectionContainer += '</div>';
if ( $targetContainer ) {
$targetContainer.before( $scrollSectionContainer );
}
} );
jQuery( '#fb-preview' )[ 0 ].contentWindow.initScrollingSections();
jQuery( '#fb-preview' ).contents().scrollTop( 0 );
},
destroyScrollingSections: function() {
this.$el.find( '.fusion-scroll-section' ).remove();
this.$el.find( '.fusion-temp-hidden-container' ).show().removeClass( 'fusion-temp-hidden-container' );
},
/**
* Toggles visibility of droppable areas on hover.
*
* @since 2.0.0
* @return {void}
*/
toggleDroppablesVisibility: function() {
// Droppables.
if ( 'undefined' !== typeof FusionApp && 'on' === FusionApp.preferencesData.droppables_visible ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-hide-droppables' );
} else {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'fusion-hide-droppables' );
}
},
/**
* Toggles tooltips.
*
* @since 2.0.0
* @return {void}
*/
toggleStickyHeader: function() {
// Sticky header.
if ( 'undefined' !== typeof FusionApp && 'off' === FusionApp.preferencesData.sticky_header ) {
fusionTriggerEvent( 'fusion-disable-sticky-header' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'fusion-disable-sticky' );
} else {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-disable-sticky' );
if ( 1 === Number( FusionApp.settings.header_sticky ) ) {
fusionTriggerEvent( 'fusion-init-sticky-header' );
}
}
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-sticky-header-reinit' );
},
/**
* Toggles visibility of droppable areas on hover.
*
* @since 2.0.0
* @return {void}
*/
toggleTooltips: function() {
// Do nothing for Off Canvas.
if ( 'awb_off_canvas' === FusionApp.data.postDetails.post_type ) {
return;
}
// Tooltips.
if ( 'undefined' !== typeof FusionApp && 'off' === FusionApp.preferencesData.tooltips ) {
jQuery( 'body' ).addClass( 'fusion-hide-all-tooltips' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'fusion-hide-all-tooltips' );
} else {
jQuery( 'body' ).removeClass( 'fusion-hide-all-tooltips' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-hide-all-tooltips' );
}
},
/**
* Toggles element filter options preview.
*
* @since 2.2
* @return {void}
*/
toggleElementFilters: function() {
if ( 'undefined' !== typeof FusionApp && 'off' === FusionApp.preferencesData.element_filters ) {
jQuery( 'body' ).addClass( 'fusion-disable-element-filters' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'fusion-disable-element-filters' );
} else {
jQuery( 'body' ).removeClass( 'fusion-disable-element-filters' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-disable-element-filters' );
}
},
/**
* Toggles transparent header and absolute containers.
*
* @since 2.0.0
* @return {void}
*/
toggleTransparentHeader: function() {
var HeaderBGColor = '' === fusionSanitize.getPageOption( 'header_bg_color' ) ? FusionApp.settings.header_bg_color : fusionSanitize.getPageOption( 'header_bg_color' ),
$html = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'html' ),
$body = $html.find( 'body' );
// Transparent Header.
if ( 'undefined' !== typeof FusionApp && 'off' === FusionApp.preferencesData.transparent_header ) {
$html.removeClass( 'avada-header-color-not-opaque' );
} else if ( 1 > jQuery.AWB_Color( HeaderBGColor ).alpha() ) {
$html.addClass( 'avada-header-color-not-opaque' );
}
// Absolute containers.
if ( 'undefined' !== typeof FusionApp && 'off' === FusionApp.preferencesData.transparent_header ) {
$body.addClass( 'fusion-no-absolute-containers' );
} else {
$html.removeClass( 'fusion-no-absolute-containers' );
}
},
/**
* Toggles dark mode.
*
* @since 3.8.0
* @return {void}
*/
toggleDarkMode: function() {
if ( 'undefined' !== typeof FusionApp && 'dark' === FusionApp.preferencesData.styling_mode ) {
jQuery( 'body' ).addClass( 'dark-mode' );
} else {
jQuery( 'body' ).removeClass( 'dark-mode' );
}
},
/**
* Toggles element transform options preview.
*
* @since 3.8.0
* @return {void}
*/
toggleElementTransform: function() {
if ( 'undefined' !== typeof FusionApp && 'never' === FusionApp.preferencesData.element_transform ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'fusion-disable-element-transform' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-element-transform-on-edit' );
} else if ( 'undefined' !== typeof FusionApp && 'editing' === FusionApp.preferencesData.element_transform ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'fusion-element-transform-on-edit' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-disable-element-transform' );
} else {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-disable-element-transform' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'fusion-element-transform-on-edit' );
}
},
/**
* Options sub tabs.
*
* @since 3.8.0
* @return {void}
*/
optionsSubTabs: function() {
if ( 'undefined' !== typeof FusionApp && 'collapsed' === FusionApp.preferencesData.options_subtabs ) {
jQuery( 'body' ).addClass( 'fusion-options-subtabs-collapsed' );
} else {
jQuery( 'body' ).removeClass( 'fusion-options-subtabs-collapsed' );
}
},
/**
* Hides extra open sizes panels.
*
* @since 2.0.0
* @return {void}
*/
sizesHide: function( event ) {
var $targetClass = jQuery( event.target ).parent().attr( 'class' );
if ( 'fusion-builder-column-size' !== $targetClass ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body .column-sizes:visible' ).each( function() {
jQuery( this ).parent().find( '.fusion-builder-column-size' ).trigger( 'click' );
} );
}
},
setStackedContentClass: function() {
if ( 'undefined' !== typeof FusionApp.settings && this.$el.width() < FusionApp.settings.content_break_point ) {
this.$el.addClass( 'fusion-stacked-content' );
} else {
this.$el.removeClass( 'fusion-stacked-content' );
}
},
disableDocumentWrite: function() {
if ( false === this.previewDocumentWrite ) {
this.previewDocumentWrite = document.getElementById( 'fb-preview' ).contentWindow.document.write;
document.getElementById( 'fb-preview' ).contentWindow.document.write = function() {};
}
if ( false === this.documentWrite ) {
this.documentWrite = document.write;
document.write = function() {};
}
},
enableDocumentWrite: function() {
var self = this;
setTimeout( function() {
if ( false !== self.documentWrite ) {
document.write = self.documentWrite;
}
if ( false !== self.previewDocumentWrite ) {
document.getElementById( 'fb-preview' ).contentWindow.document.write = self.previewDocumentWrite;
}
self.documentWrite = false;
self.previewDocumentWrite = false;
}, 500 );
},
fusionLibraryUI: function() {
if ( 'elements' === FusionApp.data.fusion_element_type ) {
if ( this.$el.find( '.fusion-builder-column-outer .fusion_builder_row_inner, .fusion-builder-live-element' ).length ) {
this.$el.find( '.fusion-builder-column .fusion-builder-add-element' ).hide();
}
}
},
sameContainerTypes: function( original, target ) {
if ( original === target ) {
return true;
}
if ( 'object' !== typeof original ) {
original = FusionPageBuilderViewManager.getView( original );
}
if ( 'object' !== typeof target ) {
target = FusionPageBuilderViewManager.getView( target );
}
// Don't have problem views, so we can't tell.
if ( 'object' !== typeof original || 'object' !== typeof target || 'function' !== typeof original.isFlex || 'function' !== typeof target.isFlex ) {
return false;
}
return original.isFlex() === target.isFlex();
},
getParentContainer: function( target ) {
var view = target;
// Not passing view directly, get it assuming cid is passed.
if ( 'object' !== typeof target ) {
view = FusionPageBuilderViewManager.getView( target );
}
// No view, return false.
if ( ! view ) {
return false;
}
// View found and is container, return that.
if ( 'fusion_builder_container' === view.model.get( 'element_type' ) ) {
return view;
}
// Not container but parent cid exists, try that.
if ( view.model.get( 'parent' ) ) {
return this.getParentContainer( view.model.get( 'parent' ) );
}
// Got here, that means no parent, no match, return false.
return false;
},
getParentColumn: function( target ) {
var view = target;
// Not passing view directly, get it assuming cid is passed.
if ( 'object' !== typeof target ) {
view = FusionPageBuilderViewManager.getView( target );
}
// No view, return false.
if ( ! view ) {
return false;
}
// View found and is column, return that.
if ( 'fusion_builder_column' === view.model.get( 'element_type' ) || 'fusion_builder_column_inner' === view.model.get( 'element_type' ) ) {
return view;
}
// Not column but parent cid exists, try that.
if ( view.model.get( 'parent' ) ) {
return this.getParentColumn( view.model.get( 'parent' ) );
}
// Got here, that means no parent, no match, return false.
return false;
},
/**
* If appropriate builds styles for form being edited.
*
* @since 2.0.0
* @return {void}
*/
maybeFormStyles: function() {
// Not editing a form then skip.
if ( 'fusion_form' !== FusionApp.getPost( 'post_type' ) ) {
return;
}
if ( false === this.formStyles ) {
this.formStyles = new FusionPageBuilder.FormStyles();
return;
}
this.formStyles.buildStyles();
},
/**
* If editing off canvas.
*
* @since 3.6
* @return {void}
*/
maybeOfCanvasStyles: function() {
// Not editing a form then skip.
if ( 'awb_off_canvas' !== FusionApp.getPost( 'post_type' ) ) {
return;
}
if ( false === this.offCanvasStyles ) {
this.offCanvasStyles = new FusionPageBuilder.offCanvasStyles();
return;
}
this.offCanvasStyles.buildStyles();
},
contentPreviewWidth: function() {
if ( 'object' === typeof FusionApp && 'object' === typeof FusionApp.data && ( ( 'string' === typeof FusionApp.data.fusion_element_type && 'post_cards' === FusionApp.data.fusion_element_type ) || 'fusion_form' === FusionApp.data.postDetails.post_type ) && 'object' === typeof FusionApp.data.postMeta && 'object' === typeof FusionApp.data.postMeta._fusion && 'undefined' !== typeof FusionApp.data.postMeta._fusion.preview_width ) {
this.$el.find( '#fusion_builder_container' ).first().css( { width: parseInt( FusionApp.data.postMeta._fusion.preview_width ) + '%' } );
}
}
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Counter circle child View
FusionPageBuilder.fusion_counter_circle = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
if ( 'undefined' !== typeof this.model.attributes.childSelectors ) {
this.model.attributes.childSelectors[ 'class' ] += ' fusion-builder-child-element-content';
this.setElementAttributes( this.$el.find( '.fusion-builder-child-element-content' ), this.model.attributes.childSelectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
if ( 'undefined' !== typeof this.model.attributes.childSelectors ) {
this.model.attributes.childSelectors[ 'class' ] += ' fusion-builder-child-element-content';
this.setElementAttributes( this.$el.find( '.fusion-builder-child-element-content' ), this.model.attributes.childSelectors );
}
// Using non debounced version for smoothness.
this.refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.computeAtts( atts.values );
attributes.cid = this.model.get( 'cid' );
attributes.parent = this.model.get( 'parent' );
attributes.output = atts.values.element_content;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
computeAtts: function( values ) {
var scales = '',
countdown = '',
counterCircleWrapperShortcode = '',
counterCircleShortcode = {
class: 'fusion-counter-circle counter-circle counter-circle-content'
},
multiplicator,
strokeSize,
fontSize;
values.size = _.fusionValidateAttrValue( values.size, '' );
if ( 'yes' === values.scales ) {
scales = true;
}
if ( 'yes' === values.countdown ) {
countdown = true;
}
if ( '' !== values[ 'class' ] ) {
counterCircleShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
counterCircleShortcode.id = values.id;
}
values.size = parseFloat( values.size );
multiplicator = values.size / 220;
strokeSize = 11 * multiplicator;
fontSize = 50 * multiplicator;
counterCircleShortcode[ 'data-percent' ] = this.sanitizePercentage( values.value );
counterCircleShortcode[ 'data-countdown' ] = countdown;
counterCircleShortcode[ 'data-filledcolor' ] = jQuery.AWB_Color( values.filledcolor ).toRgbaString();
counterCircleShortcode[ 'data-unfilledcolor' ] = jQuery.AWB_Color( values.unfilledcolor ).toRgbaString();
counterCircleShortcode[ 'data-scale' ] = scales;
counterCircleShortcode[ 'data-size' ] = values.size.toString();
counterCircleShortcode[ 'data-speed' ] = values.speed.toString();
counterCircleShortcode[ 'data-strokesize' ] = strokeSize.toString();
counterCircleShortcode.style = 'font-size:' + fontSize + 'px;height:' + values.size + 'px;width:' + values.size + 'px;';
// counterCircleWrapperShortcode Attributes.
counterCircleWrapperShortcode = {
class: 'counter-circle-wrapper',
style: 'height:' + values.size + 'px;width:' + values.size + 'px;'
};
counterCircleWrapperShortcode[ 'data-originalsize' ] = values.size.toString();
this.model.set( 'selectors', counterCircleWrapperShortcode );
this.model.set( 'childSelectors', counterCircleShortcode );
},
/**
* Sanitize the percentage value, because this can come also from a
* dynamic data which can be a string or a float.
*
* @since 3.6
* @param {Object} values - The values object.
* @return {Object}
*/
sanitizePercentage: function( percentage ) {
percentage = parseFloat( percentage );
// percentage can be NaN if parseFloat failed.
if ( ! percentage ) {
percentage = 0;
}
percentage = Math.round( percentage );
if ( 0 > percentage ) {
percentage = 0;
}
if ( 100 < percentage ) {
percentage = 100;
}
return percentage;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Counter circles parent View
FusionPageBuilder.fusion_counters_circle = FusionPageBuilder.ParentElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this.appendChildren( '.fusion-counters-circle' );
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var countersCircleAtts;
// Validate values.
this.validateValues( atts.values );
countersCircleAtts = this.computeAtts( atts.values );
atts = {};
atts.countersCircleAtts = countersCircleAtts;
return atts;
},
/**
* Modifies values.
*
* @since 3.8
* @param {Object} values - The values.
* @param {Object} params - The parameters.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
computeAtts: function( values ) {
var countersCircleAtts = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-counters-circle counters-circle',
style: ''
} );
if ( '' !== values[ 'class' ] ) {
countersCircleAtts[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
countersCircleAtts.id += ' ' + values.id;
}
if ( '' !== values.margin_top ) {
countersCircleAtts.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
countersCircleAtts.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
countersCircleAtts.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
countersCircleAtts.style += 'margin-left:' + values.margin_left + ';';
}
countersCircleAtts[ 'class' ] += ' fusion-child-element';
countersCircleAtts[ 'data-empty' ] = this.emptyPlaceholderText;
return countersCircleAtts;
}
} );
} );
}( jQuery ) );
;/* global fusionAppConfig, FusionPageBuilderViewManager, imagesLoaded, fusionBuilderText */
/* jshint -W098 */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Gallery View.
FusionPageBuilder.fusion_gallery = FusionPageBuilder.ParentElementView.extend( {
/**
* Image map of child element images and thumbs.
*
* @since 2.0
*/
imageMap: {
images: {}
},
onInit: function() {
this.fusionIsotope = new FusionPageBuilder.IsotopeManager( {
selector: '.fusion-gallery-layout-grid, .fusion-gallery-layout-masonry',
layoutMode: 'packery',
itemSelector: '.fusion-gallery-column',
isOriginLeft: jQuery( 'body.rtl' ).length ? false : true,
resizable: true,
initLayout: true,
view: this,
sortBy: 'number',
sortAscending: true
} );
},
onRender: function() {
var galleryElements = this.$el.find( '.fusion-gallery-column' ),
self = this;
imagesLoaded( galleryElements, function() {
self.setPagination();
self.fusionIsotope.updateLayout();
self.setOutlineControlsPosition();
} );
},
/**
* Sets position of outlines and controls for the child elements to match column spacing.
*
* @since 2.0
* @return {void}
*/
setOutlineControlsPosition: function() {
var cid = this.model.get( 'cid' ),
params = this.model.get( 'params' ),
halfColumnSpacing = ( parseFloat( params.column_spacing ) / 2 ) + 'px',
css = '';
this.$el.children( 'style' ).remove();
css += '<style type="text/css">';
css += '.fusion-builder-live div[data-cid="' + cid + '"] .fusion-builder-live-child-element:hover:after{ margin:' + halfColumnSpacing + ';}';
css += '.fusion-builder-live div[data-cid="' + cid + '"] .fusion-builder-live-child-element:hover .fusion-builder-module-controls-container{ bottom: ' + halfColumnSpacing + '; right:' + halfColumnSpacing + ';}';
css += '</style>';
this.$el.prepend( css );
},
/**
* Extendable function for when child elements get generated.
*
* @since 2.0.0
* @param {Object} modules An object of modules that are not a view yet.
* @return {void}
*/
onGenerateChildElements: function( modules ) {
var self = this,
i = 1;
setTimeout( function() {
self.fusionIsotope.init();
}, 50 );
this.addImagesToImageMap( modules, false, false );
// Set child counter. Used for grid layout clearfix.
_.each( this.model.children, function( child ) {
child.set( 'counter', i );
i++;
} );
},
/**
* Add images to the view's image map.
*
* @since 2.0
* @param {Object} childrenData - The children for which images need added to the map.
* @param bool async - Determines if the AJAX call should be async.
* @param bool async - Determines if the view should be re-rendered.
* @return void
*/
addImagesToImageMap: function( childrenData, async, reRender, forceQuery ) {
var view = this,
queryData = {};
async = ( 'undefined' === typeof async ) ? true : async;
reRender = ( 'undefined' === typeof reRender ) ? true : reRender;
_.each( childrenData, function( child ) {
var params = ( 'undefined' !== typeof child.get ) ? child.get( 'params' ) : child.params,
imageIdIsValid = ( 'undefined' !== typeof params.image_id && null !== params.image_id && '' !== params.image_id );
if ( imageIdIsValid && ( 'undefined' === typeof view.imageMap.images[ params.image_id ] || forceQuery ) ) {
queryData[ params.image_id ] = params;
}
} );
// Send this data with ajax or rest.
if ( ! _.isEmpty( queryData ) ) {
jQuery.ajax( {
async: async,
url: fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_fusion_gallery',
children: queryData,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
gallery: view.model.get( 'params' )
}
} )
.done( function( response ) {
view.updateImageMap( response, forceQuery );
view.model.set( 'query_data', response );
if ( reRender ) {
view.reRender();
}
} );
}
},
/**
* Update the view's image map.
*
* @since 2.0
* @param {Object} images - The images object to inject.
* @return void
*/
updateImageMap: function( images, forceUpdate ) {
var imageMap = this.imageMap;
_.each( images.images, function( image, imageId ) {
if ( 'undefined' === typeof imageMap.images[ imageId ] || forceUpdate ) {
imageMap.images[ imageId ] = image;
}
} );
// TODO: needed ?
this.imageMap = imageMap;
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this.appendChildren( '.fusion-gallery-container' );
this.fusionIsotope.reInit();
this.checkVerticalImages();
this.setOutlineControlsPosition();
this.setPagination();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.extras = atts.extras;
attributes.values = atts.values;
attributes.query_data = atts.query_data;
attributes.captionStyles = this.buildCaptionStyles( atts );
attributes.aspectRatioStyles = this.buildAspectRatioStyles( atts );
attributes.paginationHTML = this.buildPaginationHTML( atts.values );
// Create attribute objects.
attributes.attr = this.buildAttr( atts.values );
attributes.wrapperAttr = this.buildWrapperAttr( atts.values );
// Whether it has a dynamic data stream.
attributes.usingDynamic = 'undefined' !== typeof atts.values.multiple_upload && 'Select Images' !== atts.values.multiple_upload;
return attributes;
},
checkVerticalImages: function() {
var container = this.$el.find( '.fusion-gallery-layout-grid, .fusion-gallery-layout-masonry' );
if ( container.hasClass( 'fusion-gallery-layout-masonry' ) && 0 < container.find( '.fusion-grid-column:not(.fusion-grid-sizer)' ).not( '.fusion-element-landscape' ).length ) {
container.addClass( 'fusion-masonry-has-vertical' );
} else {
container.removeClass( 'fusion-masonry-has-vertical' );
}
},
/**
* Sets pagination.
*
* @since 3.8
* @return {void}
*/
setPagination: function() {
var self = this,
counter = 0,
current = FusionPageBuilderViewManager.getView( this.model.get( 'cid' ) ),
cid,
childView;
if ( ! this.model.children.length ) {
return;
}
this.model.children.each( function( child ) {
cid = child.attributes.cid;
childView = FusionPageBuilderViewManager.getView( cid );
if ( 0 < self.values.limit && counter >= self.values.limit ) {
childView.$el.addClass( 'awb-gallery-item-hidden' );
} else {
childView.$el.removeClass( 'awb-gallery-item-hidden' );
}
counter++;
} );
current.$el.find( '.awb-gallery-wrapper' ).attr( 'data-page', 1 );
current.$el.find( '.awb-gallery-wrapper' ).attr( 'data-limit', self.values.limit );
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.column_spacing = ( parseFloat( values.column_spacing ) / 2 ) + 'px';
values.bordersize = _.fusionValidateAttrValue( values.bordersize, 'px' );
values.border_radius = _.fusionValidateAttrValue( values.border_radius, 'px' );
if ( 'round' === values.border_radius ) {
values.border_radius = '50%';
}
values.limit = '0' == values.limit ? fusionAppConfig.posts_per_page : values.limit;
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var totalNumOfColumns = this.model.children.length,
attr = {
class: 'fusion-gallery fusion-gallery-container fusion-child-element fusion-grid-' + values.columns + ' fusion-columns-total-' + totalNumOfColumns + ' fusion-gallery-layout-' + values.layout + ' fusion-gallery-' + this.model.get( 'cid' )
},
margin;
if ( values.column_spacing ) {
margin = ( -1 ) * parseFloat( values.column_spacing );
attr.style = 'margin:' + margin + 'px;';
}
if ( '' !== values.order_by ) {
attr[ 'data-order' ] = values.order_by;
}
attr[ 'data-empty' ] = this.emptyPlaceholderText;
if ( '' !== values.aspect_ratio ) {
attr[ 'class' ] += ' has-aspect-ratio';
}
return attr;
},
/**
* Builds wrapper attributes.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {Object}
*/
buildWrapperAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'awb-gallery-wrapper awb-gallery-wrapper-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.limit && 0 < values.limit ) {
attr[ 'data-limit' ] = values.limit;
attr[ 'data-page' ] = 1;
}
if ( '' !== values.load_more_btn_span ) {
attr[ 'class' ] += ' button-span-' + values.load_more_btn_span;
}
if ( '' !== values.button_alignment ) {
attr.style += '--more-btn-alignment:' + values.button_alignment + ';';
}
if ( '' !== values.load_more_btn_color ) {
attr.style += '--more-btn-color:' + values.load_more_btn_color + ';';
}
if ( '' !== values.load_more_btn_bg_color ) {
attr.style += '--more-btn-bg:' + values.load_more_btn_bg_color + ';';
}
if ( '' !== values.load_more_btn_hover_color ) {
attr.style += '--more-btn-hover-color:' + values.load_more_btn_hover_color + ';';
}
if ( '' !== values.load_more_btn_hover_bg_color ) {
attr.style += '--more-btn-hover-bg:' + values.load_more_btn_hover_bg_color + ';';
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
return attr;
},
/**
* Builds pagination HTML.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildPaginationHTML: function( values ) {
var html = '';
if ( 0 < values.limit && ( this.model.children.length > values.limit || ( values.element_content.match( /fusion_gallery_image/g ).length - 1 ) > values.limit ) ) {
if ( 'button' === values.pagination_type || 'infinite' === values.pagination_type ) {
html += '<div class="fusion-loading-container fusion-clearfix awb-gallery-posts-loading-container">';
html += '<div class="fusion-loading-spinner">';
html += '<div class="fusion-spinner-1"></div>';
html += '<div class="fusion-spinner-2"></div>';
html += '<div class="fusion-spinner-3"></div>';
html += '</div>';
html += '<div class="fusion-loading-msg"><em>' + fusionBuilderText.gallery_loading_message + '</em></div>';
html += '</div>';
}
if ( 'infinite' === values.pagination_type ) {
html += '<div class="awb-gallery-infinite-scroll-handle is-active"></div>';
}
if ( 'button' === values.pagination_type ) {
html += '<div class="awb-gallery-buttons">';
html += '<a href="#" class="fusion-button button-flat button-default fusion-button-default-size awb-gallery-load-more-btn">' + values.load_more_btn_text + '</a>';
html += '</div>';
}
}
return html;
},
/**
* Builds caption styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildCaptionStyles: function( atts ) {
var selectors, font_styles, sides, marginName, css, media,
responsive = '';
this.dynamic_css = {};
this.baseSelector = '.fusion-gallery.fusion-gallery-' + this.model.get( 'cid' );
if ( 'off' === atts.values.caption_style ) {
return '';
}
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
this.baseSelector = '.awb-imageframe-style.awb-imageframe-style-' + this.model.get( 'cid' );
}
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-title' ];
// title color.
if ( ! this.isDefault( 'caption_title_color' ) ) {
this.addCssProperty( selectors, 'color', atts.values.caption_title_color, true );
}
// title size.
if ( ! this.isDefault( 'caption_title_size' ) ) {
this.addCssProperty( selectors, 'font-size', _.fusionGetValueWithUnit( atts.values.caption_title_size ), true );
}
// title font.
font_styles = _.fusionGetFontStyle( 'caption_title_font', atts.values, 'object' );
for ( rule in font_styles ) { // eslint-disable-line
var value = font_styles[ rule ]; // eslint-disable-line
this.addCssProperty( selectors, rule, value, true ); // eslint-disable-line
}
// title transform.
if ( ! this.isDefault( 'caption_title_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', atts.values.caption_title_transform, true );
}
// Line height.
if ( ! this.isDefault( 'caption_title_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', atts.values.caption_title_line_height, true );
}
// Letter spacing.
if ( ! this.isDefault( 'caption_title_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( atts.values.caption_title_letter_spacing ), true );
}
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
// text color.
if ( ! this.isDefault( 'caption_text_color' ) ) {
this.addCssProperty( selectors, 'color', atts.values.caption_text_color );
}
// text size.
if ( ! this.isDefault( 'caption_text_size' ) ) {
this.addCssProperty( selectors, 'font-size', _.fusionGetValueWithUnit( atts.values.caption_text_size ) );
}
// text font.
font_styles = _.fusionGetFontStyle( 'caption_text_font', atts.values, 'object' );
for ( rule in font_styles ) { // eslint-disable-line
var value = font_styles[ rule ]; // eslint-disable-line
this.addCssProperty( selectors, rule, value, true ); // eslint-disable-line
}
// text transform.
if ( ! this.isDefault( 'caption_text_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', atts.values.caption_text_transform );
}
// Line height.
if ( ! this.isDefault( 'caption_text_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', atts.values.caption_text_line_height );
}
// Letter spacing.
if ( ! this.isDefault( 'caption_text_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( atts.values.caption_text_letter_spacing ) );
}
// Border color.
if ( 'resa' === atts.values.caption_style && ! this.isDefault( 'caption_border_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container:before' ];
this.addCssProperty( selectors, 'border-top-color', atts.values.caption_border_color );
this.addCssProperty( selectors, 'border-bottom-color', atts.values.caption_border_color );
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container:after' ];
this.addCssProperty( selectors, 'border-right-color', atts.values.caption_border_color );
this.addCssProperty( selectors, 'border-left-color', atts.values.caption_border_color );
}
if ( 'dario' === atts.values.caption_style && ! this.isDefault( 'caption_border_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption .awb-imageframe-caption-title:after' ];
this.addCssProperty( selectors, 'background', atts.values.caption_border_color );
}
// Overlay color.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'dario', 'resa', 'schantel', 'dany', 'navin' ] ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-style' ];
this.addCssProperty( selectors, 'background', atts.values.caption_overlay_color );
}
// Background color.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'schantel', 'dany' ] ) && ! this.isDefault( 'caption_background_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
this.addCssProperty( selectors, 'background', atts.values.caption_background_color );
}
// Caption margin.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
sides = [ 'top', 'right', 'bottom', 'left' ];
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container' ];
_.each( sides, function( side ) {
marginName = 'caption_margin_' + side;
if ( ! this.isDefault( marginName ) ) {
this.addCssProperty( selectors, 'margin-' + side, _.fusionGetValueWithUnit( atts.values[ marginName ] ) );
}
}, this );
if ( ! this.isDefault( 'caption_title' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
this.addCssProperty( selectors, 'margin-top', '0.5em' );
}
}
css = this.parseCSS();
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
_.each( [ '', 'medium', 'small' ], function( size ) {
var key = 'caption_align' + ( '' === size ? '' : '_' + size );
// Check for default value.
if ( this.isDefault( key ) ) {
return;
}
this.dynamic_css = {};
// Build responsive alignment.
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container' ];
this.addCssProperty( selectors, 'text-align', atts.values[ key ] );
if ( '' === size ) {
responsive += this.parseCSS();
} else {
media = '@media only screen and (max-width:' + this.extras[ 'visibility_' + size ] + 'px)';
responsive += media + '{' + this.parseCSS() + '}';
}
}, this );
css += responsive;
}
return ( css ) ? '<style>' + css + '</style>' : '';
},
/**
* Builds aspect ratio styles.
*
* @since 3.7
* @param {Object} atts - The atts object.
* @return {string}
*/
buildAspectRatioStyles: function() {
var selectors, aspectRatio, width, height;
if ( '' === this.values.aspect_ratio ) {
return '';
}
this.dynamic_css = {};
this.baseSelector = '.fusion-gallery.fusion-gallery-' + this.model.get( 'cid' );
selectors = [ this.baseSelector + ' .fusion-gallery-image img' ];
// Calc Ratio
if ( 'custom' === this.values.aspect_ratio && '' !== this.values.custom_aspect_ratio ) {
this.addCssProperty( selectors, 'aspect-ratio', `100 / ${this.values.custom_aspect_ratio}` );
} else {
aspectRatio = this.values.aspect_ratio.split( '-' );
width = aspectRatio[ 0 ] || '';
height = aspectRatio[ 1 ] || '';
this.addCssProperty( selectors, 'aspect-ratio', `${width} / ${height}` );
}
//Ratio Position
if ( '' !== this.values.aspect_ratio_position ) {
this.addCssProperty( selectors, 'object-position', this.values.aspect_ratio_position );
}
const css = this.parseCSS();
return css;
}
} );
// Fetch image_date for single image
_.extend( FusionPageBuilder.Callback.prototype, {
fusion_gallery_image: function( name, value, modelData, args, cid, action, model, elementView ) {
var queryData = {},
reRender = true,
async = true,
parentView = FusionPageBuilderViewManager.getView( model.attributes.parent ),
params = jQuery.extend( true, {}, model.attributes.params ),
imageId;
params[ name ] = value;
imageId = params.image_id;
if ( 'undefined' === typeof parentView.imageMap.images[ imageId ] && 'undefined' !== typeof value && '' !== value ) {
queryData[ imageId ] = params;
}
// Send this data with ajax or rest.
if ( ! _.isEmpty( queryData ) ) {
jQuery.ajax( {
async: async,
url: fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_fusion_gallery',
children: queryData,
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
gallery: parentView.model.get( 'params' ),
image: params
}
} )
.done( function( response ) {
parentView.updateImageMap( response );
if ( 'undefined' !== typeof response.images[ value ] ) {
if ( 'undefined' !== typeof response.images[ value ].image_data && 'image_id' === name && 'undefined' !== typeof response.images[ value ].image_data.url ) {
if ( ! args.skip ) {
elementView.changeParam( 'image', response.images[ value ].image_data.url );
}
}
}
elementView.changeParam( name, value );
if ( reRender ) {
elementView.reRender();
}
} );
} else {
if ( ! args.skip && 'undefined' !== typeof name ) {
elementView.changeParam( name, value );
}
if ( reRender ) {
elementView.reRender();
}
}
}
} );
_.extend( FusionPageBuilder.Callback.prototype, {
fusion_gallery_images: function( name, value, modelData, args, cid, action, model, view ) {
view.model.attributes.params[ name ] = value;
view.addImagesToImageMap( view.model.children.models, true, true, true );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager */
/* jshint -W098 */
/* eslint no-empty-function: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Gallery View.
FusionPageBuilder.fusion_gallery_image = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs after initial render.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var self = this,
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Re-render the parent view if the child was cloned
if ( 'undefined' !== typeof self.model.attributes.cloned && true === self.model.attributes.cloned ) {
delete self.model.attributes.cloned;
parentView.reRender();
parentView.fusionIsotope.reloadItems();
}
// Update isotope layout
setTimeout( function() {
if ( 'undefined' !== typeof parentView.fusionIsotope ) {
parentView.fusionIsotope.append( self.$el );
parentView.checkVerticalImages();
}
}, 50 );
this.initLightbox();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
},
/**
* (Re-)Inits the lightbox.
*
* @since 2.0.3
* @return {void}
*/
initLightbox: function( remove ) {
var parentCid = this.model.get( 'parent' ),
galleryLightboxName = 'iLightbox[awb_gallery_' + parentCid + ']',
galleryLightbox,
elements,
link;
if ( 'object' !== typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.$ilInstances ) {
return;
}
galleryLightbox = jQuery( '#fb-preview' )[ 0 ].contentWindow.$ilInstances[ galleryLightboxName ];
if ( 'undefined' !== typeof remove && remove ) {
elements = this.$el.closest( '.fusion-gallery' ).find( '.fusion-builder-live-child-element:not([data-cid="' + this.model.get( 'cid' ) + '"]' ).find( '[data-rel="' + galleryLightboxName + '"]' );
} else {
elements = this.$el.closest( '.fusion-gallery' ).find( '[data-rel="' + galleryLightboxName + '"]' );
}
link = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( elements );
if ( 'object' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaLightBox ) {
if ( 'undefined' !== typeof galleryLightbox ) {
galleryLightbox.destroy();
link.iLightBox( jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaLightBox.prepare_options( galleryLightboxName ) );
}
}
},
/**
* Runs before view is removed.
*
* @since 2.0
* @return {void}
*/
beforeRemove: function() {
var self = this,
parentCid = this.model.get( 'parent' ),
parentView = FusionPageBuilderViewManager.getView( parentCid );
if ( 'undefined' !== typeof parentView.fusionIsotope ) {
parentView.fusionIsotope.remove( self.$el );
}
if ( 'function' === typeof parentView.checkVerticalImages ) {
parentView.checkVerticalImages();
}
setTimeout( function() {
if ( 'undefined' !== typeof parentView.setPagination ) {
parentView.setPagination();
}
if ( 'undefined' !== typeof parentView.fusionIsotope ) {
parentView.fusionIsotope.reloadItems();
}
}, 100 );
self.initLightbox( true );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var parentCid = this.model.get( 'parent' ),
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
this.initLightbox();
// Force re-render for child option changes.
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_gallery', parentCid );
parentView.fusionIsotope.updateLayout();
}, 100 );
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object} - Returns the attributes.
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
imageData = 'undefined' !== typeof parentView.imageMap ? parentView.imageMap.images[ this.model.attributes.params.image_id ] : undefined,
parentValues = atts.parentValues,
orientation = '';
// Validate values.
this.validateValues( atts.values );
this.validateValues( atts.parentValues );
attributes.values = atts.values;
attributes.parentValues = atts.parentValues;
// Added
attributes.imageData = imageData;
attributes.galleryLayout = parentValues.layout;
attributes.galleryLightbox = parentValues.lightbox;
attributes.galleryColumns = parentValues.columns;
attributes.imageWrapperAttr = this.buildImageWrapperAttr( parentValues );
attributes.counter = this.model.get( 'counter' );
attributes.captionHtml = this.generateCaption( parentValues, atts.values );
// Create attribute objects.
attributes.imagesAttr = this.buildImagesAttr( atts.values );
if ( 'undefined' !== typeof imageData && 'undefined' !== typeof imageData.element_orientation_class && false !== imageData.element_orientation_class ) {
orientation = imageData.element_orientation_class;
} else {
this.$el.removeClass( 'fusion-element-landscape' );
}
this.$el.addClass( 'fusion-grid-column fusion-gallery-column ' + orientation );
if ( -1 !== jQuery.inArray( parentValues.caption_style, [ 'above', 'below' ] ) ) {
this.$el.addClass( 'awb-imageframe-style awb-imageframe-style-' + parentValues.caption_style + ' awb-imageframe-style-' + this.model.get( 'parent' ) );
} else {
this.$el.removeClass( 'awb-imageframe-style awb-imageframe-style-above awb-imageframe-style-below' );
}
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.column_spacing = ( parseFloat( values.column_spacing ) / 2 ) + 'px';
values.bordersize = _.fusionValidateAttrValue( values.bordersize, 'px' );
values.border_radius = _.fusionValidateAttrValue( values.border_radius, 'px' );
if ( 'round' === values.border_radius ) {
values.border_radius = '50%';
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object} - Returns the attributes.
*/
buildAttr: function( values ) {
var imageIds = values.image_ids.split( ',' ),
totalNumOfColumns = imageIds.length,
attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-gallery fusion-gallery-container fusion-grid-' + values.columns + ' fusion-columns-total-' + totalNumOfColumns + ' fusion-gallery-layout-' + values.layout
} ),
margin;
if ( values.column_spacing ) {
margin = ( -1 ) * parseFloat( values.column_spacing );
attr.style = 'margin:' + margin + 'px;';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object} - Returns the attributes for the image wrapper.
*/
buildImageWrapperAttr: function( values ) {
var imageWrapperAttr = {
class: 'fusion-gallery-image',
style: ''
};
if ( '' !== values.bordersize && 0 !== values.bordersize ) {
imageWrapperAttr.style += 'border:' + values.bordersize + ' solid ' + values.bordercolor + ';';
if ( '0' != values.border_radius && '0px' !== values.border_radius && 'px' !== values.border_radius ) {
imageWrapperAttr.style += '-webkit-border-radius:' + values.border_radius + ';border-radius:' + values.border_radius + ';';
if ( '50%' === values.border_radius || 100 < parseInt( values.border_radius, 10 ) ) {
imageWrapperAttr.style += '-webkit-mask-image:-webkit-radial-gradient(circle, white, black);';
}
}
}
if ( 'liftup' === values.hover_type && -1 !== jQuery.inArray( values.caption_style, [ 'off', 'above', 'below' ] ) ) {
imageWrapperAttr[ 'class' ] += ' fusion-gallery-image-liftup';
}
// Caption style.
if ( -1 === jQuery.inArray( values.caption_style, [ 'off', 'above', 'below' ] ) ) {
imageWrapperAttr[ 'class' ] += ' awb-imageframe-style awb-imageframe-style-' + values.caption_style;
}
return imageWrapperAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @param {Object} queryData - The query data.
* @return {Object} - Returns the image attributes.
*/
buildImagesAttr: function( values ) {
var imagesAttr = {},
imageId = this.model.attributes.params.image_id,
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
image = 'undefined' !== typeof parentView.imageMap ? parentView.imageMap.images[ imageId ] : undefined,
columnSpacing,
isPortrait,
isLandscape,
borderColor;
if ( 'undefined' === typeof image ) {
image = {};
}
columnSpacing = 0;
isPortrait = false;
isLandscape = false;
borderColor = jQuery.AWB_Color( values.bordercolor );
imagesAttr = {};
if ( 'masonry' === values.layout ) {
imagesAttr.masonryWrapper = {
style: '',
class: 'fusion-masonry-element-container'
};
if ( image.url ) {
imagesAttr.masonryWrapper.style += 'background-image:url(' + image.url + ');';
}
if ( 'undefined' !== typeof image.image_data && true !== image.image_data.specific_element_orientation_class ) {
image.element_orientation_class = _.fusionGetElementOrientationClass( { imageWidth: image.image_data.width, imageHeight: image.image_data.height }, values.gallery_masonry_grid_ratio, values.gallery_masonry_width_double );
}
image.element_base_padding = _.fusionGetElementBasePadding( image.element_orientation_class );
if ( image.element_base_padding ) {
columnSpacing = 0;
if ( 'undefined' !== typeof image.element_orientation_class && false !== image.element_orientation_class ) {
isLandscape = -1 !== image.element_orientation_class.indexOf( 'fusion-element-landscape' );
isPortrait = -1 !== image.element_orientation_class.indexOf( 'fusion-element-portrait' );
}
if ( isLandscape || isPortrait ) {
columnSpacing = 2 * parseFloat( values.column_spacing );
}
// Calculate the correct size of the image wrapper container, based on orientation and column spacing.
if ( values.bordersize && 'transparent' !== values.bordercolor && 0 !== borderColor.alpha() ) {
if ( isLandscape || isPortrait ) {
columnSpacing += 2 * parseFloat( values.bordersize );
}
}
if ( isLandscape && isPortrait ) {
imagesAttr.masonryWrapper.style += 'padding-top:calc((100% - ' + columnSpacing + 'px) * ' + image.element_base_padding + ' + ' + columnSpacing + 'px);';
} else if ( isLandscape ) {
imagesAttr.masonryWrapper.style += 'padding-top:calc((100% - ' + columnSpacing + 'px) * ' + image.element_base_padding + ');';
} else if ( isPortrait ) {
imagesAttr.masonryWrapper.style += 'padding-top:calc(100% * ' + image.element_base_padding + ' + ' + columnSpacing + 'px);';
} else {
imagesAttr.masonryWrapper.style += 'padding-top:calc(100% * ' + image.element_base_padding + ');';
}
}
// Masonry image position.
if ( '' !== values.masonry_image_position ) {
imagesAttr.masonryWrapper.style += 'background-position:' + values.masonry_image_position + ';';
}
}
imagesAttr.images = {
style: '',
class: ''
};
if ( 'liftup' !== values.hover_type ) {
imagesAttr.images[ 'class' ] += ' hover-type-' + values.hover_type;
}
if ( '' !== values.column_spacing ) {
imagesAttr.images.style = 'padding:' + values.column_spacing + ';';
}
if ( values.lightbox && 'no' !== values.lightbox ) {
imagesAttr.link = {
href: image.pic_link,
class: 'fusion-lightbox'
};
imagesAttr.link[ 'data-rel' ] = 'iLightbox[awb_gallery_' + this.model.get( 'parent' ) + ']';
// TODO: fix
// if ( 'undefined' !== typeof image.image_data ) {
// if ( -1 !== values.lightbox_content.indexOf( 'title' ) ) {
// imagesAttr.link['data-title'] = image.image_data.title;
// imagesAttr.link.title = image.image_data.title;
// }
// if ( -1 !== values.lightbox_content.indexOf( 'caption' ) ) {
// imagesAttr.link['data-caption'] = image.image_data.caption;
// }
// }
}
return imagesAttr;
},
/**
* Generate caption markup.
*
* @since 3.5
* @param {string} values - The values object.
* @return {string}
*/
generateCaption: function( values, childValues ) {
var content = '<div class="awb-imageframe-caption-container"><div class="awb-imageframe-caption">',
imageId,
parentView,
image,
title = '',
caption = '',
title_tag = '';
if ( 'off' === values.caption_style ) {
return '';
}
imageId = this.model.attributes.params.image_id,
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
image = 'undefined' !== typeof parentView.imageMap ? parentView.imageMap.images[ imageId ] : undefined;
if ( 'undefined' === typeof image ) {
return '';
}
// from image data.
if ( image.image_data.title ) {
title = image.image_data.title;
}
if ( image.image_data.caption ) {
caption = image.image_data.caption;
}
// from element data.
if ( '' !== childValues.image_title ) {
title = childValues.image_title;
}
if ( '' !== childValues.image_caption ) {
caption = childValues.image_caption;
}
if ( '' !== title ) {
title_tag = 'div' === values.caption_title_tag ? 'div' : 'h' + values.caption_title_tag;
content += '<' + title_tag + ' class="awb-imageframe-caption-title">' + title + '</' + title_tag + '>';
}
if ( '' !== caption ) {
content += '<p class="awb-imageframe-caption-text">' + caption + '</p>';
}
content += '</div></div>';
return content;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Separator View.
FusionPageBuilder.fusion_separator = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
this.afterPatch();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var params = this.model.get( 'params' );
if ( params.flex_grow ) {
jQuery( this.$el ).closest( '.fusion-builder-live-element' ).css( 'flex-grow', params.flex_grow );
} else {
jQuery( this.$el ).closest( '.fusion-builder-live-element' ).css( 'flex-grow', '' );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
attributes.values = atts.values;
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.borderParts = this.buildBorderPartsAttr( atts.values );
attributes.iconWrapperAttr = this.buildIconWrapperAttr( atts.values );
attributes.iconAttr = this.buildIconAttr( atts.values );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.border_size = _.fusionValidateAttrValue( values.border_size, 'px' );
values.width = _.fusionValidateAttrValue( values.width, 'px' );
values.top_margin = _.fusionValidateAttrValue( values.top_margin, 'px' );
values.bottom_margin = _.fusionValidateAttrValue( values.bottom_margin, 'px' );
if ( '0' === values.icon_circle ) {
values.icon_circle = 'no';
}
if ( '' !== values.style ) {
values.style_type = values.style;
} else if ( 'default' === values.style_type ) {
values.style_type = fusionAllElements.fusion_separator.defaults.style_type;
}
values.style_type = values.style_type.replace( / /g, '|' );
if ( '' !== values.bottom ) {
values.bottom_margin = _.fusionValidateAttrValue( values.bottom, 'px' );
}
if ( '' !== values.color ) {
values.sep_color = values.color;
}
// Fallback, in case TO is unset, which was need for installs before 7.0.
if ( '' === values.icon_color ) {
values.icon_color = values.sep_color;
}
if ( '' !== values.top ) {
values.top_margin = _.fusionValidateAttrValue( values.top, 'px' );
if ( '' === values.bottom && 'none' !== values.style ) {
values.bottom_margin = _.fusionValidateAttrValue( values.top, 'px' );
}
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-separator ' + values[ 'class' ],
style: '',
'aria-hidden': 'true'
} );
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( '' !== values.icon && 'none' !== values.style_type ) {
attr[ 'class' ] += ' fusion-has-icon';
}
if ( 'absolute' === values.position ) {
attr[ 'class' ] += ' fusion-absolute-separator';
attr[ 'class' ] += ' fusion-align-' + values.alignment;
if ( '' === values.width ) {
values.width = '100%';
}
} else if ( 'center' === values.alignment ) {
attr.style += 'margin-left: auto;margin-right: auto;';
} else {
attr.style += 'float:' + values.alignment + ';';
attr[ 'class' ] += ' fusion-clearfix';
}
if ( values.flex_grow ) {
attr.style += 'flex-grow:' + values.flex_grow + ';';
}
if ( '' !== values.top_margin ) {
attr.style += 'margin-top:' + values.top_margin + ';';
}
if ( '' !== values.bottom_margin ) {
attr.style += 'margin-bottom:' + values.bottom_margin + ';';
}
if ( '' !== values.width ) {
attr.style += 'width:100%;max-width:' + values.width + ';';
}
attr.id = values.id;
return attr;
},
/**
* Builds attributes.
*
* @since 3.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildBorderPartsAttr: function( values ) {
var attr = {
class: 'fusion-separator-border',
style: ''
},
styles,
shadow;
if ( '' === values.width || '100%' === values.width ) {
attr[ 'class' ] += ' fusion-full-width-sep';
}
styles = values.style_type.split( '|' );
if ( -1 === jQuery.inArray( 'none', styles ) && -1 === jQuery.inArray( 'single', styles ) && -1 === jQuery.inArray( 'double', styles ) && -1 === jQuery.inArray( 'shadow', styles ) ) {
styles.push( 'single' );
}
jQuery.each( styles, function( key, style ) {
attr[ 'class' ] += ' sep-' + style;
} );
if ( values.sep_color ) {
if ( 'shadow' === values.style_type ) {
shadow = 'background:radial-gradient(ellipse at 50% -50% , ' + values.sep_color + ' 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);';
attr.style = shadow;
attr.style += shadow.replace( 'radial-gradient', '-webkit-radial-gradient' );
attr.style += shadow.replace( 'radial-gradient', '-moz-radial-gradient' );
attr.style += shadow.replace( 'radial-gradient', '-o-radial-gradient' );
} else if ( 'none' !== values.style_type ) {
attr.style = 'border-color:' + values.sep_color + ';';
}
}
if ( -1 !== jQuery.inArray( 'single', styles ) ) {
attr.style += 'border-top-width:' + values.border_size + ';';
}
if ( -1 !== jQuery.inArray( 'double', styles ) ) {
attr.style += 'border-top-width:' + values.border_size + ';border-bottom-width:' + values.border_size + ';';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildIconWrapperAttr: function( values ) {
var circleColor,
marginTop,
styles = values.style_type.split( '|' ),
iconWrapperAttr = {
class: 'icon-wrapper'
};
circleColor = ( 'no' === values.icon_circle ) ? 'transparent' : values.sep_color;
iconWrapperAttr.style = 'border-color:' + circleColor + ';';
if ( values.icon_circle_color && 'no' !== values.icon_circle ) {
iconWrapperAttr.style += 'background-color:' + values.icon_circle_color + ';';
}
if ( values.icon_size ) {
iconWrapperAttr.style += 'font-size:' + values.icon_size + 'px;';
iconWrapperAttr.style += 'width: 1.75em;';
iconWrapperAttr.style += 'height: 1.75em;';
}
if ( values.border_size ) {
iconWrapperAttr.style += 'border-width:' + values.border_size + ';';
iconWrapperAttr.style += 'padding:' + values.border_size + ';';
}
if ( -1 !== jQuery.inArray( 'single', styles ) ) {
marginTop = parseInt( values.border_size, 10 ) / 2;
iconWrapperAttr.style += 'margin-top:-' + marginTop + 'px;';
}
return iconWrapperAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildIconAttr: function( values ) {
var iconAttr = {
class: _.fusionFontAwesome( values.icon ),
style: 'font-size:inherit;'
};
if ( '' !== values.icon_color ) {
iconAttr.style += 'color:' + values.icon_color + ';';
}
return iconAttr;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Title View
FusionPageBuilder.fusion_title = FusionPageBuilder.ElementView.extend( {
/**
* Runs when element is first init.
*
* @since 3.0
* @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 ) {
if ( 'undefined' === typeof params.margin_top_small && 'string' === typeof params.margin_top_mobile ) {
params.margin_top_small = params.margin_top_mobile;
}
if ( 'undefined' === typeof params.margin_bottom_small && 'string' === typeof params.margin_bottom_mobile ) {
params.margin_bottom_small = params.margin_bottom_mobile;
}
this.model.set( 'params', params );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.headingAttr = this.buildHeadingAttr( atts.values );
attributes.animatedAttr = this.buildAnimatedAttr( atts.values );
attributes.rotatedAttr = this.buildRotatedAttr( atts.values );
attributes.separatorAttr = this.builderSeparatorAttr( atts.values );
attributes.style = this.buildStyleBlock( atts.values, atts.extras );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.output = 'string' === typeof atts.values.element_content ? atts.values.element_content : '';
attributes.style_type = atts.values.style_type;
attributes.size = atts.values.size;
attributes.content_align = atts.values.content_align;
attributes.title_type = atts.values.title_type;
attributes.before_text = atts.values.before_text;
attributes.highlight_text = atts.values.highlight_text;
attributes.after_text = atts.values.after_text;
attributes.rotation_text = atts.values.rotation_text;
attributes.title_link = atts.values.title_link;
attributes.title_tag = 'div' === atts.values.size ? 'div' : 'h' + atts.values.size;
attributes.isFlex = this.flexDisplay();
attributes.content_align_sizes = {
large: atts.values.content_align,
medium: atts.values.content_align_medium || atts.values.content_align,
small: atts.values.content_align_small || atts.values.content_align
};
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_top_mobile = _.fusionValidateAttrValue( values.margin_top_mobile, 'px' );
values.margin_bottom_mobile = _.fusionValidateAttrValue( values.margin_bottom_mobile, 'px' );
if ( 'rotating' === values.title_type && '' !== values.rotation_text ) {
values.rotation_text = values.rotation_text.split( '|' );
} else {
values.rotation_text = [];
}
if ( 'text' !== values.title_type ) {
values.style_type = 'none';
}
if ( 'default' === values.style_type ) {
values.style_type = fusionAllElements.fusion_title.defaults.style_type;
}
if ( 1 === values.style_type.split( ' ' ).length ) {
values.style_type += ' solid';
}
// Make sure the title text is not wrapped with an unattributed p tag.
if ( 'string' === typeof values.element_content ) {
values.element_content = values.element_content.trim();
values.element_content = values.element_content.replace( /(<p[^>]+?>|<p>|<\/p>)/img, '' );
}
if ( 'undefined' !== typeof values.font_size && '' !== values.font_size ) {
values.font_size = _.fusionGetValueWithUnit( values.font_size );
}
if ( 'undefined' !== typeof values.letter_spacing && '' !== values.letter_spacing ) {
values.letter_spacing = _.fusionGetValueWithUnit( values.letter_spacing );
}
if ( 'yes' === values.text_shadow ) {
values.text_shadow = _.fusionGetTextShadowStyle( values ).trim();
}
},
buildStyleBlock: function( values, extras ) {
var style = '<style type="text/css">',
bottomHighlights = [ 'underline', 'double_underline', 'underline_zigzag', 'underline_zigzag', 'curly' ];
if ( 'highlight' === values.title_type && '' !== values.highlight_color ) {
style += '.fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + ' svg path{stroke:' + values.highlight_color + '!important}';
}
if ( 'highlight' === values.title_type && '' !== values.highlight_top_margin && bottomHighlights.includes( values.highlight_effect ) ) {
style += '.fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + ' svg{margin-top:' + values.highlight_top_margin + 'px!important}';
}
if ( 'highlight' === values.title_type && '' !== values.highlight_width ) {
style += '.fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + ' svg path{stroke-width:' + values.highlight_width + '!important}';
}
if ( 'rotating' === values.title_type && '' !== values.text_color && ( 'clipIn' === values.rotation_effect || 'typeIn' === values.rotation_effect ) ) {
style += '.fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + ' .fusion-animated-texts-wrapper::before{background-color:' + values.text_color + '!important}';
}
// Old legacy CSS only.
if ( ! ( '' === values.margin_top_mobile && '' === values.margin_bottom_mobile ) && ! ( '0px' === values.margin_top_mobile && '20px' === values.margin_bottom_mobile ) && ( '0px' === values.margin_top_small && '20px' === values.margin_bottom_small ) ) {
style += '@media only screen and (max-width:' + extras.content_break_point + 'px) {';
style += '.fusion-body .fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + '{margin-top:' + values.margin_top_mobile + '!important;margin-bottom:' + values.margin_bottom_mobile + '!important;}';
style += '}';
}
// If medium element values are set, use them.
if ( ! ( '' === values.margin_top_medium && '' === values.margin_right_medium && '' === values.margin_bottom_medium && '' === values.margin_left_medium ) ) {
style += '@media only screen and (max-width:' + extras.visibility_medium + 'px) {';
style += '.fusion-body .fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + '{margin-top:' + values.margin_top_medium + '!important;margin-right:' + values.margin_right_medium + '!important;margin-bottom:' + values.margin_bottom_medium + '!important;margin-left:' + values.margin_left_medium + '!important;}';
style += '}';
} else if ( ! ( '' === values.margin_top && '' === values.margin_right && '' === values.margin_bottom && '' === values.margin_left ) ) {
// If no medium element values are set, inherit large ones to make sure that not the content breakpoint media query takes over with mobile values.
style += '@media only screen and (max-width:' + extras.visibility_medium + 'px) {';
style += '.fusion-body .fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + '{margin-top:' + values.margin_top + '!important; margin-right:' + values.margin_right + '!important; margin-bottom:' + values.margin_bottom + '!important; margin-left:' + values.margin_left + '!important;}';
style += '}';
}
if ( ! ( '' === values.margin_top_small && '' === values.margin_right_small && '' === values.margin_bottom_small && '' === values.margin_left_small ) ) {
style += '@media only screen and (max-width:' + extras.visibility_small + 'px) {';
style += '.fusion-body .fusion-title.fusion-title-cid' + this.model.get( 'cid' ) + '{margin-top:' + values.margin_top_small + '!important;margin-right:' + values.margin_right_small + '!important; margin-bottom:' + values.margin_bottom_small + '!important; margin-left:' + values.margin_left_small + '!important;}';
style += '}';
}
if ( 'text' === values.title_type && 'on' === values.title_link ) {
if ( '' !== values.link_color ) {
style += '.fusion-title.fusion-title-text.fusion-title-cid' + this.model.get( 'cid' ) + ' a{color:' + values.link_color + '}';
}
if ( '' !== values.link_hover_color ) {
style += '.fusion-title.fusion-title-text.fusion-title-cid' + this.model.get( 'cid' ) + ' a:hover{color:' + values.link_hover_color + '}';
}
}
style += '</style>';
return style;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var styles,
titleSize = 'div',
attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-title title fusion-title-cid' + this.model.get( 'cid' ),
style: ''
} );
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( -1 !== values.style_type.indexOf( 'underline' ) ) {
styles = values.style_type.split( ' ' );
_.each( styles, function( style ) {
attr[ 'class' ] += ' sep-' + style;
} );
if ( values.sep_color ) {
attr.style = 'border-bottom-color:' + values.sep_color + ';';
}
} else if ( -1 !== values.style_type.indexOf( 'none' ) || 'text' !== values.title_type ) {
attr[ 'class' ] += ' fusion-sep-none';
}
if ( 'center' === values.content_align ) {
attr[ 'class' ] += ' fusion-title-center';
}
if ( '' !== values.title_type ) {
attr[ 'class' ] += ' fusion-title-' + values.title_type;
}
if ( 'text' !== values.title_type && '' !== values.loop_animation ) {
attr[ 'class' ] += ' fusion-loop-' + values.loop_animation;
}
if ( 'rotating' === values.title_type && '' !== values.rotation_effect ) {
attr[ 'class' ] += ' fusion-title-' + values.rotation_effect;
}
if ( 'highlight' === values.title_type && '' !== values.highlight_effect ) {
attr[ 'data-highlight' ] = values.highlight_effect;
attr[ 'class' ] += ' fusion-highlight-' + values.highlight_effect;
}
if ( '1' == values.size ) {
titleSize = 'one';
} else if ( '2' == values.size ) {
titleSize = 'two';
} else if ( '3' == values.size ) {
titleSize = 'three';
} else if ( '4' == values.size ) {
titleSize = 'four';
} else if ( '5' == values.size ) {
titleSize = 'five';
} else if ( '6' == values.size ) {
titleSize = 'six';
}
attr[ 'class' ] += ' fusion-title-size-' + titleSize;
if ( 'undefined' !== typeof values.font_size && '' !== values.font_size ) {
attr.style += 'font-size:' + values.font_size + ';';
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' === values.margin_top && '' === values.margin_bottom ) {
attr.style += ' margin-top:0px; margin-bottom:0px';
attr[ 'class' ] += ' fusion-title-default-margin';
}
attr = _.fusionAnimations( values, attr );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildHeadingAttr: function( values ) {
var self = this,
headingAttr = {
class: 'title-heading-' + values.content_align,
style: ''
};
if ( 'div' === values.size ) {
headingAttr[ 'class' ] += ' title-heading-tag';
}
headingAttr.style += _.fusionGetFontStyle( 'title_font', values );
if ( this.flexDisplay() ) {
if ( values.content_align_medium && values.content_align !== values.content_align_medium ) {
headingAttr[ 'class' ] += ' md-text-align-' + values.content_align_medium;
}
if ( values.content_align_small && values.content_align !== values.content_align_small ) {
headingAttr[ 'class' ] += ' sm-text-align-' + values.content_align_small;
}
}
if ( '' !== values.margin_top || '' !== values.margin_bottom ) {
headingAttr.style += 'margin:0;';
}
if ( '' !== values.font_size ) {
headingAttr.style += 'font-size:1em;';
}
if ( 'undefined' !== typeof values.line_height && '' !== values.line_height ) {
headingAttr.style += 'line-height:' + values.line_height + ';';
}
if ( 'undefined' !== typeof values.letter_spacing && '' !== values.letter_spacing ) {
headingAttr.style += 'letter-spacing:' + values.letter_spacing + ';';
}
if ( 'undefined' !== typeof values.text_transform && '' !== values.text_transform ) {
headingAttr.style += 'text-transform:' + values.text_transform + ';';
}
if ( 'undefined' !== typeof values.text_color && '' !== values.text_color ) {
headingAttr.style += 'color:' + values.text_color + ';';
}
if ( 'text' === values.title_type && 'yes' === values.gradient_font ) {
headingAttr.style += _.getGradientFontString( values );
headingAttr[ 'class' ] += ' awb-gradient-text';
}
if ( '' !== values.style_tag ) {
headingAttr.style += values.style_tag;
}
// Text shadow.
if ( 'no' !== values.text_shadow ) {
if ( 'yes' === values.gradient_font ) {
headingAttr.style += 'filter:drop-shadow(' + values.text_shadow + ');';
} else {
headingAttr.style += 'text-shadow:' + values.text_shadow + ';';
}
}
if ( 'text' === values.title_type ) {
headingAttr = _.fusionInlineEditor( {
cid: self.model.get( 'cid' ),
overrides: {
color: 'text_color',
'font-size': 'font_size',
'line-height': 'line_height',
'letter-spacing': 'letter_spacing',
tag: 'size'
}
}, headingAttr );
}
return headingAttr;
},
/**
* Builds animation attributes.
*
* @since 2.1
* @param {Object} values - The values object.
* @return {Object}
*/
buildAnimatedAttr: function( values ) {
var animationAttr = {
class: 'fusion-animated-texts-wrapper',
style: ''
};
if ( '' !== values.animated_text_color ) {
animationAttr.style += 'color:' + values.animated_text_color + ';';
}
if ( values.animated_font_size ) {
animationAttr.style += 'font-size:' + values.animated_font_size + ';';
}
if ( 'highlight' === values.title_type ) {
animationAttr[ 'class' ] = 'fusion-highlighted-text';
}
if ( 'rotating' === values.title_type ) {
animationAttr[ 'data-length' ] = this.getAnimationLength( values.rotation_effect );
if ( '' !== values.display_time ) {
animationAttr[ 'data-minDisplayTime' ] = values.display_time;
}
if ( '' !== values.after_text || ( '' === values.before_text && '' === values.after_text ) ) {
animationAttr.style += 'text-align: center;';
}
}
return animationAttr;
},
/**
* Get Animation length.
*
* @since 2.1
* @param {String} effect - The animation effect.
* @return {String}
*/
getAnimationLength: function ( effect ) {
var animationLength = '';
switch ( effect ) {
case 'flipInX':
case 'bounceIn':
case 'zoomIn':
case 'slideInDown':
case 'clipIn':
animationLength = 'line';
break;
case 'lightSpeedIn':
animationLength = 'word';
break;
case 'rollIn':
case 'typeIn':
case 'fadeIn':
animationLength = 'char';
break;
}
return animationLength;
},
/**
* Builds rotated text attributes.
*
* @since 2.1
* @param {Object} values - The values object.
* @return {Object}
*/
buildRotatedAttr: function( values ) {
var effect = values.rotation_effect,
rotatedAttr = {
class: 'fusion-animated-text',
style: ''
};
rotatedAttr[ 'data-in-effect' ] = effect;
rotatedAttr[ 'data-in-sequence' ] = 'true';
rotatedAttr[ 'data-out-reverse' ] = 'true';
effect = effect.replace( 'In', 'Out' );
effect = effect.replace( 'Down', 'Up' );
rotatedAttr[ 'data-out-effect' ] = effect;
return rotatedAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
builderSeparatorAttr: function( values ) {
var separatorAttr = {
class: 'title-sep'
},
styles = values.style_type.split( ' ' );
_.each( styles, function( style ) {
separatorAttr[ 'class' ] += ' sep-' + style;
} );
if ( values.sep_color ) {
separatorAttr.style = 'border-color:' + values.sep_color + ';';
}
return separatorAttr;
},
onCancel: function() {
this.resetTypography();
},
afterPatch: function() {
this.resetTypography();
this.refreshJs();
},
refreshJs: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_title', this.model.attributes.cid );
},
resetTypography: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-typography-reset', this.model.get( 'cid' ) );
if ( 800 > jQuery( '#fb-preview' ).width() ) {
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'resize' );
}, 50 );
}
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Testimonials parent View.
FusionPageBuilder.fusion_testimonials = FusionPageBuilder.ParentElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
// TODO: save DOM and apply instead of generating.
this.generateChildElements();
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_testimonials', this.model.attributes.cid );
},
childViewAdded: function() {
this.clearInterval();
},
childViewRemoved: function() {
this.clearInterval();
},
childViewCloned: function() {
this.clearInterval();
},
clearInterval: function() {
// Clear interval, before DOM is patched an info is lost.
jQuery( '#fb-preview' )[ 0 ].contentWindow.clearInterval( parseInt( jQuery( this.$el ).find( '.fusion-testimonials' ).attr( 'data-interval' ) ) );
this.reRender();
},
// Empty on purpose, to override parent function.
refreshJs: function() {}, // eslint-disable-line no-empty-function
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.validateValues( atts.values );
attributes.styles = this.buildStyles( atts.values );
attributes.attr = this.buildAttr( atts.values );
attributes.paginationAttr = this.buildPaginationAttr( atts.values );
attributes.navigation = atts.values.navigation;
attributes.children = 'undefined' !== typeof atts.values.element_content ? atts.values.element_content.match( /\[fusion_testimonial ((.|\n|\r)*?)\]/g ).length : 1;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.random = ( 'yes' === values.random || '1' === values.random ) ? 1 : 0;
if ( 'clean' === values.design && '' === values.navigation ) {
values.navigation = 'yes';
} else if ( 'classic' === values.design && '' === values.navigation ) {
values.navigation = 'no';
}
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
buildStyles: function( values ) {
var styles = '',
cid = this.model.get( 'cid' );
styles += '#fusion-testimonials-cid' + cid + ' a{border-color:' + values.textcolor + ';}';
styles += '#fusion-testimonials-cid' + cid + ' a:hover, #fusion-testimonials-cid' + cid + ' .activeSlide{background-color: ' + values.textcolor + ';}';
styles += '.fusion-testimonials.' + values.design + '.fusion-testimonials-cid' + cid + ' .author:after{border-top-color:' + values.backgroundcolor + ' !important;}';
return styles;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-testimonials ' + values.design + ' fusion-testimonials-cid' + this.model.get( 'cid' ) + ' ' + values[ 'class' ],
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
attr[ 'data-random' ] = values.random;
attr[ 'data-speed' ] = values.speed;
attr.id = values.id;
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildPaginationAttr: function() {
var paginationAttr = {
class: 'testimonial-pagination',
id: 'fusion-testimonials-cid' + this.model.get( 'cid' )
};
return paginationAttr;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Counter circle child View.
FusionPageBuilder.fusion_testimonial = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.validateValues( atts.values );
this.buildReviewAttr( atts.values );
attributes.values = atts.values;
attributes.parentValues = atts.parentValues;
attributes.imageAttr = this.buildImageAttr( atts.values );
attributes.thumbnailAttr = this.buildThumbnailAttr( atts );
attributes.blockquoteAttr = this.buildBlockquoteAttr( atts );
attributes.quoteAttr = this.buildQuoteAttr( atts );
attributes.authorAttr = this.buildAuthorAttr( atts );
attributes.cid = this.model.get( 'cid' );
attributes.parent = this.model.get( 'parent' );
attributes.content = atts.values.element_content;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( 'round' === values.image_border_radius ) {
values.image_border_radius = '50%';
} else {
values.image_border_radius = _.fusionValidateAttrValue( values.image_border_radius, 'px' );
}
// Check for deprecated.
if ( 'undefined' !== typeof values.gender && '' !== values.gender ) {
values.avatar = values.gender;
}
if ( 'image' === values.avatar && ! values.image ) {
values.avatar = 'none';
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildReviewAttr: function( values ) {
var reviewAttr = {
class: 'review '
};
if ( this.isFirstChild() ) {
reviewAttr[ 'class' ] += 'active-testimonial ';
}
if ( 'none' === values.avatar ) {
reviewAttr[ 'class' ] += 'no-avatar';
} else if ( 'image' === values.avatar ) {
reviewAttr[ 'class' ] += 'avatar-image';
} else {
reviewAttr[ 'class' ] += values.avatar;
}
this.model.set( 'selectors', reviewAttr );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildImageAttr: function( values ) {
var imageAttr = {
class: 'testimonial-image',
src: values.image,
alt: ''
};
if ( 'image' === values.avatar ) {
imageAttr.style = '-webkit-border-radius: ' + values.image_border_radius + ';-moz-border-radius: ' + values.image_border_radius + ';border-radius: ' + values.image_border_radius + ';';
}
return imageAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildThumbnailAttr: function( atts ) {
var values = atts.values,
parentValues = atts.parentValues,
thumbnailAttr = {
class: 'testimonial-thumbnail'
};
if ( 'image' !== values.avatar ) {
thumbnailAttr[ 'class' ] += ' doe';
thumbnailAttr.style = 'color:' + parentValues.textcolor + ';';
}
return thumbnailAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildBlockquoteAttr: function( atts ) {
var parentValues = atts.parentValues,
blockquoteAttr = {
style: 'background-color:' + parentValues.backgroundcolor + ';'
};
if ( 'clean' === parentValues.design && ( 'transparent' === parentValues.backgroundcolor || 0 === jQuery.AWB_Color( parentValues.backgroundcolor ).alpha() ) ) {
blockquoteAttr.style += 'margin: -25px;';
}
return blockquoteAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildQuoteAttr: function( atts ) {
var parentValues = atts.parentValues,
quoteAttr = {
style: 'background-color:' + parentValues.backgroundcolor + ';color:' + parentValues.textcolor + ';'
};
return quoteAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildAuthorAttr: function( atts ) {
var parentValues = atts.parentValues,
authorAttr = {
class: 'author',
style: 'color:' + parentValues.textcolor + ';'
};
return authorAttr;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Tooltip View.
FusionPageBuilder.fusion_tooltip = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects.
attributes.attr = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.content = atts.values.element_content;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object} - Returns the attributes.
*/
buildAttr: function( values ) {
var attr = {
class: 'fusion-tooltip tooltip-shortcode ' + values[ 'class' ]
};
attr.id = values.id;
attr[ 'data-animation' ] = values.animation;
attr[ 'data-delay' ] = values.delay;
attr[ 'data-placement' ] = values.placement;
attr.title = values.title;
attr[ 'data-title' ] = values.title;
attr[ 'data-toggle' ] = 'tooltip';
attr[ 'data-trigger' ] = values.trigger;
return attr;
}
} );
} );
}( jQuery ) );
;/* global cssua, FusionApp */
/* jshint -W107 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Sharing Box View.
FusionPageBuilder.fusion_sharing = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var tooltips = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el ).find( '.fusion-social-networks [data-toggle="tooltip"]' );
tooltips.tooltip( 'destroy' );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var tooltips = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el ).find( '.fusion-social-networks [data-toggle="tooltip"]' );
setTimeout( function() {
tooltips.tooltip( {
container: 'body'
} );
}, 150 );
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values and extras.
this.validateValuesExtras( atts.values, atts.extras );
this.values = atts.values;
// Create attribute objects.
attributes.cid = this.model.get( 'cid' );
this.counter = this.model.get( 'cid' );
attributes.shortcodeAttr = this.buildShortcodeAttr( atts.values );
attributes.socialNetworksAttr = this.buildSocialNetworksAttr( atts.values );
attributes.taglineAttr = this.buildTaglineAttr( atts.values );
attributes.icons = this.buildIcons( atts.values );
attributes.tagline = atts.values.tagline;
attributes.taglineVisibility = atts.values.tagline_visibility;
attributes.styles = this.buildStyleBlock();
attributes.taglineTag = this.getTaglineTag( atts.values );
return attributes;
},
/**
* Builds styles.
*
* @since 2.4
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function() {
var selector, large_layout, css, layout_medium, layout_small;
this.baseSelector = '.sharingbox-shortcode-icon-wrapper-' + this.counter + '';
this.wrapper_selector = '.fusion-sharing-box-' + this.counter;
this.selectors = [ this.baseSelector, this.wrapper_selector ];
this.dynamic_css = {};
if ( 'hide' === this.values.tagline_visibility ) {
this.values.layout = 'floated';
this.values.layout_medium = 'floated';
this.values.layout_small = 'floated';
}
if ( ! this.values.layout_medium ) {
this.values.layout_medium = this.values.layout;
}
if ( ! this.values.layout_small ) {
this.values.layout_small = this.values.layout;
}
if ( this.values.icon_taglines ) {
if ( 'before' === this.values.tagline_placement ) {
this.addCssProperty( this.wrapper_selector + ' .fusion-social-network-icon-tagline', 'margin-right', '0.5em', true );
} else {
this.addCssProperty( this.wrapper_selector + ' .fusion-social-network-icon-tagline', 'margin-left', '0.5em', true );
}
this.addCssProperty( this.baseSelector + ' span a', 'align-items', 'center', true );
this.addCssProperty( this.baseSelector + ' span a', 'display', 'flex', true );
}
if ( ! this.values.stacked_align_medium ) {
this.values.stacked_align_medium = this.values.stacked_align;
}
if ( ! this.values.stacked_align_small ) {
this.values.stacked_align_small = this.values.stacked_align;
}
if ( ! this.values.alignment_medium ) {
this.values.alignment_medium = this.values.alignment;
}
if ( ! this.values.alignment_small ) {
this.values.alignment_small = this.values.alignment;
}
if ( !this.isDefault( 'alignment' ) ) {
this.addCssProperty( [ this.baseSelector ], 'justify-content', this.values.alignment, true );
}
selector = [ this.wrapper_selector ];
if ( 'floated' === this.values.layout ) {
this.addCssProperty( [ this.wrapper_selector + ' .tagline' ], 'margin-bottom', '0', true );
} else {
this.addCssProperty( selector, 'align-items', this.values.stacked_align, true );
this.addCssProperty( selector, 'justify-content', 'space-around', true );
this.addCssProperty( [ this.baseSelector ], 'width', '100%', true );
}
large_layout = ( 'stacked' === this.values.layout ) ? ' column' : 'row';
this.addCssProperty( selector, 'flex-direction', large_layout, true );
if ( !this.isDefault( 'border_color' ) ) {
this.addCssProperty( selector, 'border-color', this.values.border_color, true );
}
if ( !this.isDefault( 'wrapper_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', _.fusionGetValueWithUnit( this.values.wrapper_padding_top ), true );
}
if ( !this.isDefault( 'wrapper_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', _.fusionGetValueWithUnit( this.values.wrapper_padding_bottom ), true );
}
if ( !this.isDefault( 'wrapper_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', _.fusionGetValueWithUnit( this.values.wrapper_padding_left ), true );
}
if ( !this.isDefault( 'wrapper_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', _.fusionGetValueWithUnit( this.values.wrapper_padding_right ), true );
}
if ( !this.isDefault( 'border_bottom' ) ) {
this.addCssProperty( selector, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.border_bottom ), true );
}
if ( !this.isDefault( 'border_top' ) ) {
this.addCssProperty( selector, 'border-top-width', _.fusionGetValueWithUnit( this.values.border_top ), true );
}
if ( !this.isDefault( 'border_left' ) ) {
this.addCssProperty( selector, 'border-left-width', _.fusionGetValueWithUnit( this.values.border_left ), true );
}
if ( !this.isDefault( 'border_right' ) ) {
this.addCssProperty( selector, 'border-right-width', _.fusionGetValueWithUnit( this.values.border_right ), true );
}
if ( !this.isDefault( 'border_radius_top_left' ) ) {
this.addCssProperty( selector, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_left ), true );
}
if ( !this.isDefault( 'border_radius_top_right' ) ) {
this.addCssProperty( selector, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_right ), true );
}
if ( !this.isDefault( 'border_radius_bottom_right' ) ) {
this.addCssProperty( selector, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_right ), true );
}
if ( !this.isDefault( 'border_radius_bottom_left' ) ) {
this.addCssProperty( selector, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_left ), true );
}
selector = [ this.baseSelector + ' span:not(.sharingbox-shortcode-icon-separator)' ];
if ( !this.isDefault( 'padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.padding_top, true );
}
if ( !this.isDefault( 'padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.padding_bottom, true );
}
if ( !this.isDefault( 'padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', this.values.padding_left, true );
}
if ( !this.isDefault( 'padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.padding_right, true );
}
if ( !this.isDefault( 'icon_tagline_color' ) ) {
this.addCssProperty( this.baseSelector + ' a', 'color', this.values.icon_tagline_color, true );
}
if ( !this.isDefault( 'icon_tagline_color_hover' ) ) {
this.addCssProperty( this.baseSelector + ' a:hover', 'color', this.values.icon_tagline_color_hover, true );
}
if ( !this.isDefault( 'tagline_text_size' ) ) {
this.addCssProperty( this.baseSelector + ' a', 'font-size', this.values.tagline_text_size, true );
}
if ( !this.isDefault( 'icon_size' ) ) {
this.addCssProperty( this.baseSelector + ' a i', 'font-size', this.values.icon_size, true );
}
selector = [ this.baseSelector + ' span.sharingbox-shortcode-icon-separator' ];
if ( !this.isDefault( 'separator_border_color' ) ) {
this.addCssProperty( selector, 'border-color', this.values.separator_border_color, true );
}
if ( !this.isDefault( 'separator_border_sizes' ) ) {
this.values.separator_border_sizes = this.values.separator_border_sizes + 'px';
this.addCssProperty( selector, 'border-right-width', this.values.separator_border_sizes, true );
}
css = this.parseCSS();
this.dynamic_css = {};
layout_medium = ( 'stacked' === this.values.layout_medium ) ? ' column' : 'row';
selector = [ this.wrapper_selector ];
this.addCssProperty( selector, 'flex-direction', layout_medium, true );
if ( 'floated' !== this.values.layout_medium ) {
this.addCssProperty( [ this.wrapper_selector + ' .tagline' ], 'margin-bottom', 'revert', true );
this.addCssProperty( [ this.baseSelector ], 'width', '100%', true );
} else {
this.addCssProperty( [ this.baseSelector ], 'width', 'auto', true );
this.addCssProperty( selector, 'align-items', 'center', true );
this.addCssProperty( [ this.wrapper_selector + ' .tagline' ], 'margin-bottom', '0', true );
this.addCssProperty( this.wrapper_selector + ' .tagline', 'margin-right', '0.5em', true );
}
if ( this.values.alignment_medium ) {
this.addCssProperty( [ this.baseSelector ], 'justify-content', this.values.alignment_medium, true );
if ( 'floated' !== this.values.layout_medium ) {
this.addCssProperty( selector, 'align-items', this.values.stacked_align_medium, true );
}
}
css += '@media only screen and (max-width:' + FusionApp.settings.visibility_medium + 'px){' + this.parseCSS() + ' }';
layout_small = ( 'stacked' === this.values.layout_small ) ? ' column' : 'row';
this.dynamic_css = {};
this.addCssProperty( selector, 'flex-direction', layout_small, true );
if ( 'floated' !== this.values.layout_small ) {
this.addCssProperty( [ this.wrapper_selector + ' .tagline' ], 'margin-bottom', 'revert', true );
this.addCssProperty( [ this.baseSelector ], 'width', '100%', true );
} else {
this.addCssProperty( [ this.wrapper_selector + ' .tagline' ], 'margin-bottom', '0', true );
this.addCssProperty( selector, 'align-items', 'center', true );
this.addCssProperty( [ this.baseSelector ], 'width', 'auto', true );
this.addCssProperty( this.wrapper_selector + ' .tagline', 'margin-right', '0.5em', true );
}
if ( this.values.alignment_small ) {
this.addCssProperty( this.baseSelector, 'justify-content', this.values.alignment_small, true );
if ( 'floated' !== this.values.layout_small ) {
this.addCssProperty( selector, 'align-items', this.values.stacked_align_small, true );
}
}
css += '@media only screen and (max-width:' + FusionApp.settings.visibility_small + 'px){' + this.parseCSS() + ' }';
return ( css ) ? '<style type="text/css">' + css + '</style>' : '';
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @param {Object} extras - Extra args.
* @return {void}
*/
validateValuesExtras: function( values, extras ) {
extras.linktarget = extras.linktarget ? '_blank' : '_self';
values.icons_boxed_radius = _.fusionValidateAttrValue( values.icons_boxed_radius, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildShortcodeAttr: function( values ) {
var sharingboxShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-sharing-box fusion-sharing-box-' + this.model.get( 'cid' ),
style: ''
} );
sharingboxShortcode[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( 'yes' === values.icons_boxed ) {
sharingboxShortcode[ 'class' ] += ' boxed-icons';
}
if ( '' !== values.backgroundcolor ) {
sharingboxShortcode.style = 'background-color:' + values.backgroundcolor + ';';
if ( 'transparent' === values.backgroundcolor || 0 === jQuery.AWB_Color( values.backgroundcolor ).alpha() ) {
sharingboxShortcode.style += 'padding:0;';
}
}
if ( '' !== values[ 'class' ] ) {
sharingboxShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
sharingboxShortcode[ 'class' ] += ' ' + values.id;
}
if ( '' !== values.margin_top ) {
sharingboxShortcode.style += 'margin-top: ' + values.margin_top + ';';
}
if ( '' !== values.margin_bottom ) {
sharingboxShortcode.style += 'margin-bottom: ' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
sharingboxShortcode.style += 'margin-left: ' + values.margin_left + ';';
}
if ( '' !== values.margin_right ) {
sharingboxShortcode.style += 'margin-right: ' + values.margin_right + ';';
}
sharingboxShortcode[ 'data-title' ] = values.title;
sharingboxShortcode[ 'data-description' ] = values.description;
sharingboxShortcode[ 'data-link' ] = values.link;
sharingboxShortcode[ 'data-image' ] = values.pinterest_image;
return sharingboxShortcode;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSocialNetworksAttr: function( values ) {
var sharingboxShortcodeSocialNetworks = {
class: 'fusion-social-networks sharingbox-shortcode-icon-wrapper sharingbox-shortcode-icon-wrapper-' + this.model.get( 'cid' )
};
if ( 'yes' === values.icons_boxed ) {
sharingboxShortcodeSocialNetworks[ 'class' ] += ' boxed-icons';
}
if ( '' !== values.alignment ) {
sharingboxShortcodeSocialNetworks.style = 'text-align: ' + values.alignment + ';';
}
return sharingboxShortcodeSocialNetworks;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildTaglineAttr: function( values ) {
var sharingboxShortcodeTagline = {
class: 'tagline'
},
that = this;
if ( '' !== values.tagline_color ) {
sharingboxShortcodeTagline.style = 'color:' + values.tagline_color + ';';
}
sharingboxShortcodeTagline.style += _.fusionGetFontStyle( 'tagline_font', values );
if ( 'undefined' !== typeof values.tagline_font_size && '' !== values.tagline_font_size ) {
sharingboxShortcodeTagline.style += 'font-size:' + values.tagline_font_size + ';';
}
if ( 'undefined' !== typeof values.tagline_line_height && '' !== values.tagline_line_height ) {
sharingboxShortcodeTagline.style += 'line-height:' + values.tagline_line_height + ';';
}
if ( 'undefined' !== typeof values.tagline_letter_spacing && '' !== values.tagline_letter_spacing ) {
sharingboxShortcodeTagline.style += 'letter-spacing:' + values.tagline_letter_spacing + ';';
}
if ( 'undefined' !== typeof values.tagline_text_transform && '' !== values.tagline_text_transform ) {
sharingboxShortcodeTagline.style += 'text-transform:' + values.tagline_text_transform + ';';
}
sharingboxShortcodeTagline = _.fusionInlineEditor( {
param: 'tagline',
cid: that.model.get( 'cid' ),
toolbar: false
}, sharingboxShortcodeTagline );
return sharingboxShortcodeTagline;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildIconAttr: function( values ) {
var sharingboxShortcodeTagline = {
class: 'tagline'
};
if ( '' !== values.tagline_color ) {
sharingboxShortcodeTagline.style = 'color:' + values.tagline_color + ';';
}
return sharingboxShortcodeTagline;
},
/**
* Builds HTML for the icons.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra args.
* @return {string}
*/
buildIcons: function( values ) {
var icons = '',
iconColors = values.icon_colors,
boxColors = values.box_colors,
itemTagline = values.icon_taglines,
useBrandColors = false,
numOfIconColors,
numOfBoxColors,
socialNetworks,
socialNetworksCount,
i,
description,
link,
title,
image,
socialLink,
sharingboxShortcodeIcon,
sharingboxShortcodeIconLink,
iconOptions,
socialIconBoxedColors,
network,
tooltip,
numOfTaglines;
if ( 'brand' === values.color_type ) {
useBrandColors = true;
// Get a list of all the available social networks.
socialIconBoxedColors = _.fusionSocialIcons( false, true );
socialIconBoxedColors.mail = {
label: 'Email Address',
color: '#000000'
};
}
iconColors = iconColors.split( '|' );
boxColors = boxColors.split( '|' );
itemTagline = itemTagline.split( '|' );
numOfIconColors = iconColors.length;
numOfBoxColors = boxColors.length;
numOfTaglines = itemTagline.length;
socialNetworks = values.social_share_links;
if ( 'string' === typeof socialNetworks ) {
socialNetworks = socialNetworks.split( ',' );
}
socialNetworksCount = socialNetworks.length;
for ( i = 0; i < socialNetworksCount; i++ ) {
network = socialNetworks[ i ];
if ( true === useBrandColors ) {
iconOptions = {
social_network: network,
icon_color: ( 'yes' === values.icons_boxed ) ? '#ffffff' : socialIconBoxedColors[ network ].color,
box_color: ( 'yes' === values.icons_boxed ) ? socialIconBoxedColors[ network ].color : ''
};
} else {
iconOptions = {
social_network: network,
icon_color: i < iconColors.length ? iconColors[ i ] : '',
box_color: i < boxColors.length ? boxColors[ i ] : ''
};
if ( 1 === numOfIconColors ) {
iconOptions.icon_color = iconColors[ 0 ];
}
if ( 1 === numOfBoxColors ) {
iconOptions.box_color = boxColors[ 0 ];
}
}
if ( 1 === numOfTaglines ) {
iconOptions.icon_tagline = itemTagline[ 0 ];
} else {
iconOptions.icon_tagline = i < itemTagline.length ? itemTagline[ i ] : '';
}
iconOptions.social_network = 'email' === iconOptions.social_network ? 'mail' : iconOptions.social_network;
// sharingboxShortcodeIcon attributes
description = values.description;
link = values.link;
title = values.title;
image = _.fusionRawUrlEncode( values.pinterest_image );
sharingboxShortcodeIcon = {
class: 'fusion-social-network-icon fusion-tooltip fusion-' + iconOptions.social_network + ' awb-icon-' + iconOptions.social_network
};
sharingboxShortcodeIconLink = {};
socialLink = '';
switch ( iconOptions.social_network ) {
case 'facebook':
socialLink = 'https://m.facebook.com/sharer.php?u=' + link;
if ( cssua.ua.mobile ) {
socialLink = 'https://www.facebook.com/sharer.php?m2w&s=100&p[url]=' + link + '&p[images][title]=' + _.fusionRawUrlEncode( title );
}
break;
case 'twitter':
socialLink = 'https://twitter.com/share?text=' + _.fusionRawUrlEncode( title ) + '&url=' + _.fusionRawUrlEncode( link );
break;
case 'linkedin':
socialLink = 'https://www.linkedin.com/shareArticle?mini=true&url=' + _.fusionRawUrlEncode( link ) + '&title=' + _.fusionRawUrlEncode( title ) + '&summary=' + _.fusionRawUrlEncode( description );
break;
case 'reddit':
socialLink = 'https://reddit.com/submit?url=' + link + '&title=' + title;
break;
case 'telegram':
socialLink = 'https://t.me/share/url?url=' + _.fusionRawUrlEncode( link ) + '&text=' + _.fusionRawUrlEncode( title );
break;
case 'tumblr':
socialLink = 'https://www.tumblr.com/share/link?url=' + _.fusionRawUrlEncode( link ) + '&name=' + _.fusionRawUrlEncode( title ) + '&description=' + _.fusionRawUrlEncode( description );
break;
case 'pinterest':
socialLink = 'https://pinterest.com/pin/create/button/?url=' + _.fusionRawUrlEncode( link ) + '&description=' + _.fusionRawUrlEncode( description ) + '&media=' + image;
break;
case 'vk':
socialLink = 'https://vk.com/share.php?url=' + _.fusionRawUrlEncode( link ) + '&title=' + _.fusionRawUrlEncode( title ) + '&description=' + _.fusionRawUrlEncode( description );
break;
case 'mail':
socialLink = 'mailto:?subject=' + _.fusionRawUrlEncode( title ) + '&body=' + _.fusionRawUrlEncode( link );
break;
}
sharingboxShortcodeIconLink.href = socialLink;
sharingboxShortcodeIconLink.target = ( values.linktarget && 'mail' !== iconOptions.social_network ) ? '_blank' : '_self';
if ( '_blank' === sharingboxShortcodeIcon.target ) {
sharingboxShortcodeIconLink.rel = 'noopener noreferrer';
}
sharingboxShortcodeIcon.style = ( iconOptions.icon_color ) ? 'color:' + iconOptions.icon_color + ';' : '';
if ( values.icons_boxed && 'yes' === values.icons_boxed && iconOptions.box_color ) {
sharingboxShortcodeIcon.style += 'background-color:' + iconOptions.box_color + ';border-color:' + iconOptions.box_color + ';';
}
if ( ( 'yes' === values.icons_boxed && values.icons_boxed_radius ) || '0' === values.icons_boxed_radius ) {
if ( 'round' === values.icons_boxed_radius ) {
values.icons_boxed_radius = '50%';
}
sharingboxShortcodeIcon.style += 'border-radius:' + values.icons_boxed_radius + ';';
}
sharingboxShortcodeIconLink[ 'data-placement' ] = values.tooltip_placement;
tooltip = iconOptions.social_network;
sharingboxShortcodeIconLink[ 'data-title' ] = _.fusionUcFirst( tooltip );
sharingboxShortcodeIconLink.title = _.fusionUcFirst( tooltip );
sharingboxShortcodeIconLink[ 'aria-label' ] = _.fusionUcFirst( tooltip );
if ( 'none' !== values.tooltip_placement ) {
sharingboxShortcodeIconLink[ 'data-toggle' ] = 'tooltip';
}
icons += '<span><a ' + _.fusionGetAttributes( sharingboxShortcodeIconLink ) + '>';
icons += 'before' === values.tagline_placement && '' !== iconOptions.icon_tagline ? '<div class="fusion-social-network-icon-tagline">' + iconOptions.icon_tagline + '</div>' : '';
icons += '<i ' + _.fusionGetAttributes( sharingboxShortcodeIcon ) + ' aria-hidden="true"></i>';
icons += 'after' === values.tagline_placement && '' !== iconOptions.icon_tagline ? '<div class="fusion-social-network-icon-tagline">' + iconOptions.icon_tagline + '</div>' : '';
icons += '</a></span>';
if ( 0 < values.separator_border_sizes && i < socialNetworks.length - 1 ) {
icons += '<span class="sharingbox-shortcode-icon-separator"></span>';
}
}
return icons;
},
getTaglineTag: function( values ) {
if ( ! values.tagline_size ) {
return 'h4';
}
if ( !isNaN( values.tagline_size ) && !isNaN( parseFloat( values.tagline_size ) ) ) {
return 'h' + values.tagline_size;
}
return values.tagline_size;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Section separator view.
FusionPageBuilder.fusion_section_separator = FusionPageBuilder.ElementView.extend( {
/**
* BG Image Separator divider types.
*
* @since 3.2
* @return {Object}
*/
bgImageSeparators: [ 'grunge', 'music', 'waves_brush', 'paper', 'squares', 'circles', 'paint', 'grass', 'splash', 'custom' ],
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
this.afterPatch();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() { // eslint-disable-line no-empty-function
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.extras = atts.extras;
// Create attribute objects
attributes.attr = this.buildAtts( atts.values );
attributes.attrSvgWrapper = this.buildSvgWrapperAtts( atts.values );
attributes.attrSpacer = this.buildSpacerAtts( atts.values );
attributes.attrSpacerHeight = this.buildSpacerHeightAtts( atts.values );
attributes.attrCandyArrow = this.buildCandyArrowAtts( atts.values );
attributes.attrCandy = this.buildCandyAtts( atts.values );
attributes.attrSVG = this.buildSVGAtts( atts.values );
attributes.attrSVGBGImage = this.buildSVGBGImageAtts( atts.values );
attributes.attrButton = this.buildButtonAtts( atts.values );
attributes.attrRoundedSplit = this.buildRoundedSplitAtts( atts.values );
attributes.values = atts.values;
attributes.custom_svg = atts.values.custom_svg ? this.getCustomSvg( atts.values ).svg : '';
attributes.spacerHeight = this.spacerHeight( atts.values );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( ! isNaN( values.bordersize ) ) {
values.bordersize = _.fusionGetValueWithUnit( values.bordersize );
}
values.borderSizeWithoutUnits = parseInt( values.bordersize.match( /\d+/ ), 10 );
if ( 'horizon' === values.divider_type ) {
values.yMin = 'top' === values.divider_candy ? '-0.5' : '0';
} else if ( 'hills_opacity' === values.divider_type ) {
values.yMin = 'top' === values.divider_candy ? '-0.5' : '0';
} else if ( 'waves' === values.divider_type ) {
values.yMin = 'top' === values.divider_candy ? '54' : '1';
} else if ( 'waves_opacity' === values.divider_type ) {
values.yMin = 'top' === values.divider_candy ? '0' : '1';
}
values.add_boxed_markup = false;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAtts: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-section-separator section-separator ' + values.divider_type + ' fusion-section-separator-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + _.fusionGetValueWithUnit( values.margin_top ) + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + _.fusionGetValueWithUnit( values.margin_right ) + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + _.fusionGetValueWithUnit( values.margin_bottom ) + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + _.fusionGetValueWithUnit( values.margin_left ) + ';';
}
if ( 'rounded-split' === values.divider_type ) {
attr[ 'class' ] += ' rounded-split-separator';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
// If we are in studio, and color is global var.
if ( 'undefined' !== typeof window.awbOriginalPalette && values.backgroundcolor.includes( '--' ) ) {
attr[ 'data-var' ] = values.backgroundcolor;
attr[ 'data-color' ] = window.awbPalette.getRealColor( values.backgroundcolor ).replaceAll( ' ', '' );
}
return attr;
},
/**
* Builds attributes.
*
* @since 3.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSvgWrapperAtts: function( values ) {
var attr = {
class: 'fusion-section-separator-svg'
},
parentContainernView = FusionPageBuilderApp.getParentContainer( this ),
parentContainerValues = 'undefined' !== typeof parentContainernView.values ? parentContainernView.values : {},
parentColumnView = FusionPageBuilderApp.getParentColumn( this ),
parentColumnValues = 'undefined' !== typeof parentColumnView.values ? parentColumnView.values : {},
extras = jQuery.extend( true, {}, fusionAllElements.fusion_section_separator.extras ),
self = this,
paddingValueLeft = '',
paddingValueRight = '',
columnOuterWidth = jQuery( parentColumnView.$el ).width(),
columnWidth = jQuery( parentColumnView.$el ).children( '.fusion-column-wrapper' ).width(),
dividerHeightArr = [],
selectors,
margin,
scale;
if ( 'triangle' === values.divider_type ) {
if ( '' !== values.bordercolor ) {
if ( 'bottom' === values.divider_candy ) {
attr.style = 'border-bottom:' + values.bordersize + ' solid ' + values.bordercolor + ';';
} else if ( 'top' === values.divider_candy ) {
attr.style = 'border-top:' + values.bordersize + ' solid ' + values.bordercolor + ';';
} else if ( -1 !== values.divider_candy.indexOf( 'top' ) && -1 !== values.divider_candy.indexOf( 'bottom' ) ) {
attr.style = 'border:' + values.bordersize + ' solid ' + values.bordercolor + ';';
}
}
} else if ( 'bigtriangle' === values.divider_type || 'slant' === values.divider_type || 'big-half-circle' === values.divider_type || 'clouds' === values.divider_type || 'curved' === values.divider_type ) {
attr.style = 'padding:0;';
} else if ( 'horizon' === values.divider_type || 'waves' === values.divider_type || 'waves_opacity' === values.divider_type || 'hills' === values.divider_type || 'hills_opacity' === values.divider_type ) {
attr.style = 'font-size:0;line-height:0;';
}
values.additional_styles = '';
if ( _.isObject( parentColumnValues ) ) {
if ( FusionPageBuilderApp.$el.find( '#main' ).hasClass( 'width-100' ) && '1_1' === parentColumnValues.type ) {
if ( 'boxed' === extras.layout && _.isObject( parentContainerValues ) ) {
values.add_boxed_markup = true;
_.each( [ 'large', 'medium', 'small' ], function( size ) {
if ( 'large' === size ) {
values.additional_styles += '.fusion-section-separator-' + self.model.get( 'cid' ) + ' .fusion-section-separator-svg {';
values.additional_styles += 'position: relative;';
if ( ! _.isEmpty( parentContainerValues.padding_left ) && ! _.isEmpty( parentContainerValues.padding_right ) && -1 !== parentContainerValues.padding_left.indexOf( '%' ) && -1 !== parentContainerValues.padding_right.indexOf( '%' ) ) {
margin = parseFloat( parentContainerValues.padding_left ) + parseFloat( parentContainerValues.padding_right );
scale = ( 100 - margin ) / 100;
values.additional_styles += 'margin-left:-' + ( parseFloat( parentContainerValues.padding_left ) / scale ) + '% !important;';
values.additional_styles += 'margin-right:-' + ( parseFloat( parentContainerValues.padding_right ) / scale ) + '% !important;';
} else {
values.additional_styles += 'margin-left:-' + parentContainerValues.padding_left + ';';
values.additional_styles += 'margin-right:-' + parentContainerValues.padding_right + ';';
}
values.additional_styles += '}';
} else if ( ( 'undefined' !== typeof parentContainerValues[ 'padding_left_' + size ] && ! _.isEmpty( parentContainerValues[ 'padding_left_' + size ] ) ) || ( 'undefined' !== typeof parentContainerValues[ 'padding_right_' + size ] && ! _.isEmpty( parentContainerValues[ 'padding_right_' + size ] ) ) ) {
// Medium and Small size screen styles.
values.additional_styles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {';
values.additional_styles += '.fusion-section-separator-' + self.model.get( 'cid' ) + ' .fusion-section-separator-svg {';
if ( 'undefined' !== typeof parentContainerValues[ 'padding_left_' + size ] && ! _.isEmpty( parentContainerValues[ 'padding_left_' + size ] ) && 'undefined' !== typeof parentContainerValues[ 'padding_right_' + size ] && ! _.isEmpty( parentContainerValues[ 'padding_right_' + size ] ) && -1 !== parentContainerValues[ 'padding_left_' + size ].indexOf( '%' ) && -1 !== parentContainerValues[ 'padding_right_' + size ].indexOf( '%' ) ) {
margin = parseFloat( parentContainerValues[ 'padding_left_' + size ] ) + parseFloat( parentContainerValues[ 'padding_right_' + size ] );
scale = ( 100 - margin ) / 100;
values.additional_styles += 'margin-left:-' + ( parseFloat( parentContainerValues[ 'padding_left_' + size ] ) / scale ) + '% !important;';
values.additional_styles += 'margin-right:-' + ( parseFloat( parentContainerValues[ 'padding_right_' + size ] ) / scale ) + '% !important;';
} else {
values.additional_styles += 'margin-left:-' + parentContainerValues[ 'padding_left_' + size ] + ';';
values.additional_styles += 'margin-right:-' + parentContainerValues[ 'padding_right_' + size ] + ';';
}
values.additional_styles += '}';
values.additional_styles += '}';
}
} );
} else {
attr[ 'class' ] += ' fusion-section-separator-fullwidth';
}
}
if ( ! ( FusionPageBuilderApp.$el.find( '#main' ).hasClass( 'width-100' ) && 'boxed' === extras.layout ) ) {
if ( '1_1' === parentColumnValues.type ) {
if ( 'undefined' !== typeof parentColumnValues.upsized_spacing_left && 'undefined' !== typeof parentColumnValues.upsized_spacing_left_medium && 'undefined' !== typeof parentColumnValues.upsized_spacing_left_small ) {
_.each( [ 'large', 'medium', 'small' ], function( size ) {
if ( 'large' === size ) {
if ( ! _.isEmpty( parentColumnValues.upsized_spacing_left ) ) {
values.additional_styles += '.fusion-section-separator-' + self.model.get( 'cid' ) + ' .fusion-section-separator-svg {';
values.additional_styles += 'margin-left:-' + parentColumnValues.upsized_spacing_left + ';';
values.additional_styles += 'margin-right:-' + parentColumnValues.upsized_spacing_right + ';';
values.additional_styles += '}';
}
} else if ( ! _.isEmpty( parentColumnValues[ 'upsized_spacing_left_' + size ] ) ) {
// Medium and Small size screen styles.
values.additional_styles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {';
values.additional_styles += '.fusion-section-separator-' + self.model.get( 'cid' ) + ' .fusion-section-separator-svg {';
values.additional_styles += 'margin-left:-' + parentColumnValues[ 'upsized_spacing_left_' + size ] + ' !important;';
values.additional_styles += 'margin-right:-' + parentColumnValues[ 'upsized_spacing_right_' + size ] + ' !important;';
values.additional_styles += '}';
values.additional_styles += '}';
}
} );
}
} else {
_.each( [ 'large', 'medium', 'small' ], function( size ) {
if ( 'large' === size ) {
if ( ! _.isEmpty( parentColumnValues.padding_left ) ) {
paddingValueLeft = parentColumnValues.padding_left;
if ( -1 !== paddingValueLeft.indexOf( '%' ) ) {
paddingValueLeft = ( parseFloat( paddingValueLeft.replace( '%', '' ) ) / ( columnWidth / columnOuterWidth ) ) + '%';
}
paddingValueRight = parentColumnValues.padding_right;
if ( -1 !== paddingValueRight.indexOf( '%' ) ) {
paddingValueRight = ( parseFloat( paddingValueRight.replace( '%', '' ) ) / ( columnWidth / columnOuterWidth ) ) + '%';
}
values.additional_styles += '.fusion-section-separator-' + self.model.get( 'cid' ) + ' .fusion-section-separator-svg {';
values.additional_styles += 'margin-left:-' + paddingValueLeft + ';';
values.additional_styles += 'margin-right:-' + paddingValueRight + ';';
values.additional_styles += '}';
}
} else if ( ! _.isEmpty( parentColumnValues[ 'padding_left_' + size ] ) ) {
// Medium and Small size screen styles.
paddingValueLeft = parentColumnValues[ 'padding_left_' + size ];
if ( -1 !== paddingValueLeft.indexOf( '%' ) ) {
paddingValueLeft = ( parseFloat( paddingValueLeft.replace( '%', '' ) ) / ( columnWidth / columnOuterWidth ) ) + '%';
}
paddingValueRight = parentColumnValues[ 'padding_right_' + size ];
if ( -1 !== paddingValueRight.indexOf( '%' ) ) {
paddingValueRight = ( parseFloat( paddingValueRight.replace( '%', '' ) ) / ( columnWidth / columnOuterWidth ) ) + '%';
}
values.additional_styles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {';
values.additional_styles += '.fusion-section-separator-' + self.model.get( 'cid' ) + ' .fusion-section-separator-svg {';
values.additional_styles += 'margin-left:-' + paddingValueLeft + ' !important;';
values.additional_styles += 'margin-right:-' + paddingValueRight + ' !important;';
values.additional_styles += '}';
values.additional_styles += '}';
}
} );
}
}
// Check for custom height.
this.baseSelector = '.fusion-section-separator.fusion-section-separator-' + this.model.get( 'cid' );
_.each( [ 'large', 'medium', 'small' ], function( responsiveSize ) {
var key = 'divider_height' + ( 'large' === responsiveSize ? '' : '_' + responsiveSize ),
media;
// Skip for specific type.
if ( 'triangle' === values.divider_type || 'rounded-split' === values.divider_type ) {
return;
}
// Check for flex.
if ( ! self.flexDisplay() && 'large' !== responsiveSize ) {
return;
}
// Check for empty value.
if ( '' === values[ key ] ) {
return;
}
dividerHeightArr[ key ] = values[ key ];
self.dynamic_css = {};
media = 'large' === responsiveSize ? '' : '@media only screen and (max-width:' + extras[ 'visibility_' + responsiveSize ] + 'px)';
// Generate style rules.
selectors = [
self.baseSelector + ' .fusion-section-separator-svg svg',
self.baseSelector + ' .fusion-section-separator-svg-bg'
];
self.addCssProperty( selectors, 'height', values[ key ] );
selectors = [ self.baseSelector + ' .fusion-section-separator-spacer-height' ];
self.addCssProperty( selectors, 'height', values[ key ] + ' !important' );
self.addCssProperty( selectors, 'padding-top', 'inherit !important' );
if ( 'large' === responsiveSize ) {
values.additional_styles += self.parseCSS();
} else {
values.additional_styles += media + '{' + self.parseCSS() + '}';
}
} );
// Background Repeat.
_.each( [ 'large', 'medium', 'small' ], function( responsiveSize ) {
var key = 'divider_repeat' + ( 'large' === responsiveSize ? '' : '_' + responsiveSize ),
keyDividerH = 'divider_height' + ( 'large' === responsiveSize ? '' : '_' + responsiveSize ),
media,
height,
value;
// Only allow for SVG Background type.
if ( -1 === jQuery.inArray( values.divider_type, self.bgImageSeparators ) ) {
return;
}
// Check for flex.
if ( ! self.flexDisplay() && 'large' !== responsiveSize ) {
return;
}
// Check for empty value.
if ( '' === values[ key ] ) {
return;
}
self.dynamic_css = {};
media = 'large' === responsiveSize ? '' : '@media only screen and (max-width:' + extras[ 'visibility_' + responsiveSize ] + 'px)';
height = '' !== values[ keyDividerH ] ? values[ keyDividerH ] : self.getDividerHeightResponsive( keyDividerH, dividerHeightArr );
height = '' === values[ keyDividerH ] && 1 < values[ key ] ? ( parseInt( height ) / values[ key ] ) + 'px' : height; // Aspect ratio height.
selectors = [ self.baseSelector + ' .fusion-section-separator-svg-bg' ];
if ( _.contains( height, '%' ) ) {
value = parseFloat( 100 / values[ key ] ) + '% 100%';
} else {
height = 0 < parseInt( height ) ? height : '100%';
value = parseFloat( 100 / values[ key ] ) + '% ' + height;
}
self.addCssProperty( selectors, 'background-size', value );
if ( 'large' === responsiveSize ) {
values.additional_styles += self.parseCSS();
} else {
values.additional_styles += media + '{' + self.parseCSS() + '}';
}
} );
}
return attr;
},
/**
* Builds attributes.
*
* @since 3.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSpacerAtts: function( values ) { // eslint-disable-line no-unused-vars
var attrSpacer = {
class: 'fusion-section-separator-spacer'
},
parentColumnView = FusionPageBuilderApp.getParentColumn( this ),
parentColumnValues = 'undefined' !== typeof parentColumnView.values ? parentColumnView.values : {},
extras = jQuery.extend( true, {}, fusionAllElements.fusion_section_separator.extras );
// 100% width template && 1/1 column.
if ( FusionPageBuilderApp.$el.find( '#main' ).hasClass( 'width-100' ) && 'undefined' !== typeof parentColumnValues.type && '1_1' === parentColumnValues.type ) {
if ( 'wide' === extras.layout ) {
attrSpacer[ 'class' ] += ' fusion-section-separator-fullwidth';
} else {
attrSpacer.style = 'display: none;';
}
}
return attrSpacer;
},
/**
* Builds attributes.
*
* @since 3.0
* @param {Object} v//alues - The values.
* @return {Object}//
*/
buildSpacerHeightAtts: function( values ) {
var attrSpacerHeight = {
class: 'fusion-section-separator-spacer-height'
},
hundredPxSeparators = [ 'slant', 'bigtriangle', 'curved', 'big-half-circle', 'clouds' ],
height;
if ( -1 !== jQuery.inArray( values.divider_type, hundredPxSeparators ) ) {
attrSpacerHeight.style = 'height:99px;';
} else if ( 'triangle' === values.divider_type ) {
if ( values.bordercolor ) {
if ( 'bottom' === values.divider_candy || 'top' === values.divider_candy ) {
attrSpacerHeight.style = 'height:' + values.bordersize + ';';
} else if ( -1 !== values.divider_candy.indexOf( 'top' ) && -1 !== values.divider_candy.indexOf( 'bottom' ) ) {
attrSpacerHeight.style = 'height:calc( ' + values.bordersize + ' * 2 );';
}
}
} else if ( 'rounded-split' === values.divider_type ) {
attrSpacerHeight.style = 'height:71px;';
} else if ( 'hills_opacity' === values.divider_type ) {
attrSpacerHeight.style = 'padding-top:' + ( 182 / 1024 * 100 ) + '%;';
} else if ( 'hills' === values.divider_type ) {
attrSpacerHeight.style = 'padding-top:' + ( 107 / 1024 * 100 ) + '%;';
} else if ( 'horizon' === values.divider_type ) {
attrSpacerHeight.style = 'padding-top:' + ( 178 / 1024 * 100 ) + '%;';
} else if ( 'waves_opacity' === values.divider_type ) {
attrSpacerHeight.style = 'padding-top:' + ( 216 / 1024 * 100 ) + '%;';
} else if ( 'waves' === values.divider_type ) {
attrSpacerHeight.style = 'padding-top:' + ( 162 / 1024 * 100 ) + '%;';
} else if ( -1 !== jQuery.inArray( values.divider_type, this.bgImageSeparators ) ) {
const defaultSepHeight = 'custom' === values.divider_type && values.custom_svg ? this.getCustomSvg( values ).height : this._getDefaultSepHeight()[ values.divider_type ];
height = '' === values.divider_height && 1 < values.divider_repeat ? ( parseInt( defaultSepHeight ) / values.divider_repeat ) + 'px' : defaultSepHeight; // Aspect ratio height.
attrSpacerHeight.style = 'height:' + height + ';';
}
return attrSpacerHeight;
},
/**
* Spacer height.
*
* @since 3.6
* @param {Object} values - The values.
* @return {String} Spacer height.
*/
spacerHeight( values ) {
const defaultSepHeight = 'custom' === values.divider_type && values.custom_svg ? this.getCustomSvg( values ).height : this._getDefaultSepHeight()[ values.divider_type ];
const height = '' === values.divider_height && 1 < values.divider_repeat ? ( parseInt( defaultSepHeight ) / values.divider_repeat ) + 'px' : defaultSepHeight; // Aspect ratio height.
return height;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildCandyAtts: function( values ) {
var attrCandy = {
class: 'divider-candy'
};
if ( 'bottom' === values.divider_candy ) {
attrCandy[ 'class' ] += ' bottom';
attrCandy.style = 'bottom:-' + ( values.borderSizeWithoutUnits + 20 ) + 'px;border-bottom:1px solid ' + values.bordercolor + ';border-left:1px solid ' + values.bordercolor + ';';
} else if ( 'top' === values.divider_candy ) {
attrCandy[ 'class' ] += ' top';
attrCandy.style = 'top:-' + ( values.borderSizeWithoutUnits + 20 ) + 'px;border-bottom:1px solid ' + values.bordercolor + ';border-left:1px solid ' + values.bordercolor + ';';
// Modern setup, that won't work in IE8.
} else if ( -1 !== values.divider_candy.indexOf( 'top' ) && -1 !== values.divider_candy.indexOf( 'bottom' ) ) {
attrCandy[ 'class' ] += ' both';
attrCandy.style = 'background-color:' + values.backgroundcolor + ';border:1px solid ' + values.bordercolor + ';';
}
if ( -1 !== values.divider_candy.indexOf( 'top' ) && -1 !== values.divider_candy.indexOf( 'bottom' ) ) {
attrCandy[ 'class' ] += ' triangle';
}
return attrCandy;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildCandyArrowAtts: function( values ) {
var attrCandyArrow = {
class: 'divider-candy-arrow'
};
// For borders of size 1, we need to hide the border line on the arrow, thus we set it to 0.
var arrowPosition = values.borderSizeWithoutUnits;
if ( 1 === arrowPosition ) {
arrowPosition = 0;
}
if ( 'bottom' === values.divider_candy ) {
attrCandyArrow[ 'class' ] += ' bottom';
attrCandyArrow.style = 'top:' + arrowPosition + 'px;border-top-color: ' + values.backgroundcolor + ';';
} else if ( 'top' === values.divider_candy ) {
attrCandyArrow[ 'class' ] += ' top';
attrCandyArrow.style = 'bottom:' + arrowPosition + 'px;border-bottom-color: ' + values.backgroundcolor + ';';
}
return attrCandyArrow;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSVGAtts: function( values ) {
var attrSVG = {
display: 'block'
};
if ( 'bigtriangle' === values.divider_type || 'slant' === values.divider_type || 'big-half-circle' === values.divider_type || 'clouds' === values.divider_type || 'curved' === values.divider_type ) {
attrSVG.style = 'padding:0;';
}
if ( 'slant' === values.divider_type && 'bottom' === values.divider_candy ) {
attrSVG.style = 'padding:0;margin-bottom:-3px;display:block';
}
attrSVG.fill = jQuery.AWB_Color( values.backgroundcolor ).toRgbaString();
return attrSVG;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildButtonAtts: function( values ) {
var attrButton = {};
if ( '' !== values.icon ) {
attrButton = {
class: 'section-separator-icon icon ' + _.fusionFontAwesome( values.icon ),
style: 'color:' + values.icon_color + ';'
};
if ( ! values.icon_color ) {
values.icon_color = values.bordercolor;
}
if ( 1 < values.borderSizeWithoutUnits ) {
if ( 'bottom' === values.divider_candy ) {
attrButton.style += 'bottom:-' + ( values.borderSizeWithoutUnits + 10 ) + 'px;top:auto;';
} else if ( 'top' === values.divider_candy ) {
attrButton.style += 'top:-' + ( values.borderSizeWithoutUnits + 10 ) + 'px;';
}
}
}
return attrButton;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildRoundedSplitAtts: function( values ) {
var attrRoundedSplit = {};
if ( 'rounded-split' === values.divider_type ) {
attrRoundedSplit = {
class: 'rounded-split ' + values.divider_candy,
style: 'background-color:' + values.backgroundcolor + ';'
};
}
return attrRoundedSplit;
},
/**
* Builds SVG BG Image attributes.
*
* @since 3.2
* @param {Object} values - The values.
* @return {Object}
*/
buildSVGBGImageAtts: function( values ) {
var attrSVG = {
class: 'fusion-' + values.divider_type + '-candy-sep fusion-section-separator-svg-bg',
style: ''
},
height = this._getDefaultSepHeight()[ values.divider_type ] ? this._getDefaultSepHeight()[ values.divider_type ] : '100px',
transform = [];
if ( '' === values.divider_height ) {
if ( 1 < values.divider_repeat ) {
height = ( parseInt( height ) / values.divider_repeat ) + 'px';
}
attrSVG.style += 'height:' + height + ';';
}
if ( 'right' === values.divider_position ) {
transform.push( 'rotateY(180deg)' );
} else {
transform.push( 'rotateY(0)' );
}
if ( 'bottom' === values.divider_candy ) {
transform.push( 'rotateX(180deg)' );
} else {
transform.push( 'rotateX(0)' );
}
if ( transform.length ) {
attrSVG.style += 'transform: ' + transform.join( ' ' ) + ' ;';
}
return attrSVG;
},
/**
* Get default height of separators.
*
* @since 3.2
* @return {Object}
*/
_getDefaultSepHeight: function() {
return {
grunge: '43px',
music: '297px',
waves_brush: '124px',
paper: '102px',
circles: '164px',
squares: '140px',
paint: '80px',
grass: '195px',
splash: '65px'
};
},
getDividerHeightResponsive: function( key, hash ) {
var keys = hash.keys(),
found_index = _.contains( keys, key );
if ( false === found_index || 0 === found_index ) {
return '';
}
return keys[ found_index - 1 ];
},
/**
* Get custom svg
*
* @since 7.6
* @param {Object} values - The values.
* @return {Object}
*/
getCustomSvg: function( values ) {
var svg = '';
const url = values.custom_svg;
if ( !url ) {
return {};
}
jQuery.ajax( {
url: url,
type: 'get',
dataType: 'html',
async: false,
success: function( data ) {
svg = data;
}
} );
svg = svg.replace( /fill="(.*?)"/ig, `fill="${jQuery.AWB_Color( values.backgroundcolor ).toRgbaString()}"` );
//get the default height
const rx = /viewBox="(.*?)"/g;
const matches = rx.exec( svg );
const height = matches ? matches[ 1 ].split( ' ' )[ 3 ] + 'px' : '65px';
return { svg, height };
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Modal view.
FusionPageBuilder.fusion_modal = FusionPageBuilder.ElementView.extend( {
/**
* Runs during initialize() call.
*
* @since 2.0.0
* @return null
*/
onInit: function() {
var $modal = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el );
$modal.on( 'shown.bs.modal', function() {
jQuery( 'body' ).addClass( 'fusion-builder-no-ui fusion-dialog-ui-active' );
$modal.closest( '.fusion-builder-column' ).css( 'z-index', 'auto' ); // Because of animated items getting z-index 2000.
$modal.closest( '#main' ).css( 'z-index', 'auto' );
$modal.closest( '.fusion-row' ).css( 'z-index', 'auto' );
$modal.closest( '.fusion-builder-container' ).css( 'z-index', 'auto' );
} );
$modal.on( 'hide.bs.modal', function() {
jQuery( 'body' ).removeClass( 'fusion-builder-no-ui fusion-dialog-ui-active' );
$modal.closest( '.fusion-builder-column' ).css( 'z-index', '' );
$modal.closest( '#main' ).css( 'z-index', '' );
$modal.closest( '.fusion-row' ).css( 'z-index', '' );
$modal.closest( '.fusion-builder-container' ).css( 'z-index', '' );
} );
},
/**
* Open actual modal.
*
* @since 2.0
* @return {void}
*/
onSettingsOpen: function() {
var self = this,
$modal = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-modal' ) );
this.disableDroppableElement();
jQuery( this.$el ).closest( '.fusion-builder-live-element' ).css( 'cursor', 'default' );
jQuery( this.$el ).closest( '.fusion-builder-column' ).css( 'z-index', 'auto' ); // Because of animated items getting z-index 2000.
jQuery( this.$el ).closest( '.fusion-row' ).css( 'z-index', 'auto' );
jQuery( this.$el ).closest( '.fusion-builder-container' ).css( 'z-index', 'auto' );
setTimeout( function() {
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#main' ).css( 'z-index', 'auto' );
if ( 'fixed' === jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'position' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'z-index', '-1' );
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).find( '.tfs-slider[data-parallax="1"]' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).css( 'z-index', 'auto' );
}
}
}
}, 100 );
$modal.addClass( 'in' ).show();
$modal.find( 'button[data-dismiss="modal"], .fusion-button[data-dismiss="modal"]' ).one( 'click', function() {
window.FusionEvents.trigger( 'fusion-close-settings-' + self.model.get( 'cid' ) );
} );
},
/**
* Close the modal.
*
* @since 2.0
* @return {void}
*/
onSettingsClose: function() {
var $modal = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-modal' ) );
$modal.find( 'button[data-dismiss="modal"], .fusion-button[data-dismiss="modal"]' ).off( 'click' );
this.enableDroppableElement();
jQuery( this.$el ).closest( '.fusion-builder-live-element' ).css( 'cursor', '' );
jQuery( this.$el ).closest( '.fusion-builder-column' ).css( 'z-index', '' );
jQuery( this.$el ).closest( '.fusion-row' ).css( 'z-index', '' );
jQuery( this.$el ).closest( '.fusion-builder-container' ).css( 'z-index', '' );
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#main' ).css( 'z-index', '' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.fusion-footer-parallax' ).css( 'z-index', '' );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '#sliders-container' ).css( 'z-index', '' );
}
$modal.removeClass( 'in' ).hide();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var $modal = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-modal' ) );
if ( jQuery( '.fusion-builder-module-settings[data-element-cid="' + this.model.get( 'cid' ) + '"]' ).length ) {
$modal.addClass( 'in' ).show();
$modal.find( '.full-video, .video-shortcode, .wooslider .slide-content' ).fitVids();
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.attrModal = this.buildModalAttr( atts.values );
attributes.attrDialog = this.buildDialogAttr( atts.values );
attributes.attrContent = this.buildContentAttr( atts.values );
attributes.attrButton = this.buildButtonAttr( atts.values );
attributes.attrHeading = this.buildHeadingAttr( atts.values );
attributes.attrFooterButton = this.buildHFooterButtonAttr( atts.values );
attributes.attrBody = this.buildBodyAttr( atts.values );
attributes.borderColor = atts.values.border_color;
attributes.title = atts.values.title;
attributes.showFooter = atts.values.show_footer;
attributes.closeText = atts.extras.close_text;
attributes.elementContent = atts.values.element_content;
attributes.name = atts.values.name;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildModalAttr: function( values ) {
var attrModal = {
class: 'fusion-modal modal fade modal-' + this.model.get( 'cid' ),
tabindex: '-1',
role: 'dialog',
style: 'z-index: 9999999; background: rgba(0,0,0,0.5);',
'aria-labelledby': 'modal-heading-' + this.model.get( 'cid' ),
'aria-hidden': 'true'
};
if ( '' !== values.name ) {
attrModal[ 'class' ] += ' ' + values.name;
}
if ( '' !== values[ 'class' ] ) {
attrModal[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attrModal.id = values.id;
}
return attrModal;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildDialogAttr: function( values ) {
var attrDialog = {
class: 'modal-dialog',
role: 'document'
};
attrDialog[ 'class' ] += ( 'small' === values.size ) ? ' modal-sm' : ' modal-lg';
return attrDialog;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildContentAttr: function( values ) {
var attrContent = {
class: 'modal-content fusion-modal-content'
};
if ( '' !== values.background ) {
attrContent.style = 'background-color:' + values.background;
}
return attrContent;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object} - Body attributes.
*/
buildBodyAttr: function() {
var attrBody = {
class: 'modal-body'
};
attrBody = _.fusionInlineEditor( {
cid: this.model.get( 'cid' )
}, attrBody );
return attrBody;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildButtonAttr: function() {
var attrButton = {
class: 'close',
type: 'button',
'data-dismiss': 'modal',
'aria-hidden': 'true'
};
return attrButton;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildHeadingAttr: function() {
var attrHeading = {
class: 'modal-title',
id: 'modal-heading-' + this.model.get( 'cid' ),
'data-dismiss': 'modal',
'aria-hidden': 'true',
'aria-label': 'Close'
};
attrHeading = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
param: 'title',
'disable-return': true,
'disable-extra-spaces': true,
toolbar: false
}, attrHeading );
return attrHeading;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildHFooterButtonAttr: function() {
var attrFooterButton = {
class: 'fusion-button button-default button-medium button default medium',
type: 'button',
'data-dismiss': 'modal'
};
return attrFooterButton;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Code block view.
FusionPageBuilder.fusion_code = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.content = atts.params.element_content;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Alert Element View.
FusionPageBuilder.fusion_alert = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.buttonStyles = this.buildButtonStyles( atts.values );
attributes.contentAttr = this.buildContentAttr( atts.values );
attributes.contentStyles = this.buildContentStyles( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
return attributes;
},
/**
* Modify the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.alert_class = 'info';
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
values.padding_bottom = _.fusionValidateAttrValue( values.padding_bottom, 'px' );
values.padding_left = _.fusionValidateAttrValue( values.padding_left, 'px' );
values.padding_right = _.fusionValidateAttrValue( values.padding_right, 'px' );
values.padding_top = _.fusionValidateAttrValue( values.padding_top, 'px' );
switch ( values.type ) {
case 'general':
values.alert_class = 'info';
if ( ! values.icon || 'none' !== values.icon ) {
values.icon = 'awb-icon-info-circle';
}
break;
case 'error':
values.alert_class = 'danger';
if ( ! values.icon || 'none' !== values.icon ) {
values.icon = 'awb-icon-exclamation-triangle';
}
break;
case 'success':
values.alert_class = 'success';
if ( ! values.icon || 'none' !== values.icon ) {
values.icon = 'awb-icon-check-circle';
}
break;
case 'notice':
values.alert_class = 'warning';
if ( ! values.icon || 'none' !== values.icon ) {
values.icon = 'awb-icon-cog';
}
break;
case 'blank':
values.alert_class = 'blank';
break;
case 'custom':
values.alert_class = 'custom';
break;
}
// Make sure the title text is not wrapped with an unattributed p tag.
if ( 'undefined' !== typeof values.element_content ) {
values.element_content = values.element_content.trim();
values.element_content = values.element_content.replace( /(<p[^>]+?>|<p>|<\/p>)/img, '' );
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-alert alert fusion-live-alert fusion-alert-cid' + this.model.get( 'cid' ),
style: '',
role: 'alert'
} ),
alertClass = values.alert_class;
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( 'capitalize' === values.text_transform ) {
alertClass += ' fusion-alert-capitalize';
}
if ( 'yes' === values.dismissable ) {
alertClass += ' alert-dismissable';
}
attr[ 'class' ] += ' alert-' + alertClass;
attr[ 'class' ] += ' fusion-alert-' + values.text_align;
attr[ 'class' ] += ' ' + values.type;
if ( 'yes' === values.box_shadow ) {
attr[ 'class' ] += ' alert-shadow';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.padding_top ) {
attr.style += 'padding-top:' + values.padding_top + ';';
}
if ( '' !== values.padding_right ) {
attr.style += 'padding-right:' + values.padding_right + ';';
}
if ( '' !== values.padding_bottom ) {
attr.style += 'padding-bottom:' + values.padding_bottom + ';';
}
if ( '' !== values.padding_left ) {
attr.style += 'padding-left:' + values.padding_left + ';';
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildContentStyles: function( values ) {
var alertClass = values.alert_class,
args = {},
styles = '',
cid = this.model.get( 'cid' ),
backgroundColor,
accentColor;
if ( 'custom' === alertClass ) {
values.border_size = parseFloat( values.border_size ) + 'px';
args.background_color = values.background_color;
args.accent_color = values.accent_color;
args.border_size = values.border_size;
} else {
backgroundColor = 'var(--' + alertClass + '_bg_color)';
accentColor = 'var(--' + alertClass + '_accent_color)';
args.background_color = backgroundColor;
args.accent_color = accentColor;
args.border_size = parseFloat( window.fusionAllElements.fusion_alert.defaults.border_size ) + 'px';
}
styles = '<style type="text/css">';
styles += '.fusion-alert.alert.fusion-alert-cid' + cid + '{';
styles += 'background-color:' + args.background_color + ';';
styles += 'color:' + args.accent_color + ';';
styles += 'border-color:' + args.accent_color + ';';
styles += 'border-width:' + args.border_size + ';';
styles += '}';
styles += '</style>';
return styles;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildContentAttr: function() {
var contentAttr = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
'disable-return': true,
'disable-extra-spaces': true,
toolbar: 'simple'
}, {
class: 'fusion-alert-content'
} );
return contentAttr;
},
/**
* Builds the styles.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {string}
*/
buildButtonStyles: function( values ) {
if ( 'custom' === values.alert_class ) {
return 'color:' + values.accent_color + ';border-color:' + values.accent_color + ';';
}
return '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Alert Element View.
FusionPageBuilder.fusion_audio = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
return attributes;
},
/**
* Modify values.
*
* @since 2.1
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
var corners = [
'top_left',
'top_right',
'bottom_right',
'bottom_left'
];
_.each( corners, function( corner ) {
if ( 'undefined' !== typeof values[ 'border_radius_' + corner ] && '' !== values[ 'border_radius_' + corner ] ) {
values[ 'border_radius_' + corner ] = _.fusionGetValueWithUnit( values[ 'border_radius_' + corner ] );
} else {
values[ 'border_radius_' + corner ] = '0px';
}
} );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.1
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var style,
attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-audio',
style: ''
} ),
corners = [
'top_left',
'top_right',
'bottom_right',
'bottom_left'
];
if ( values.progress_color ) {
style = '--fusion-audio-accent-color:' + values.progress_color + ';';
}
if ( values.border_size ) {
style += '--fusion-audio-border-size:' + values.border_size + ';';
}
if ( values.border_color ) {
style += '--fusion-audio-border-color:' + values.border_color + ';';
}
_.each( corners, function( corner ) {
if ( values[ 'border_radius_' + corner ] ) {
style += '--fusion-audio-border-' + corner.replace( '_', '-' ) + '-radius:' + values[ 'border_radius_' + corner ] + ';';
}
} );
if ( values.background_color ) {
style += '--fusion-audio-background-color:' + values.background_color + ';';
}
if ( values.max_width ) {
style += '--fusion-audio-max-width:' + values.max_width + ';';
}
// Box shadow.
if ( 'yes' === values.box_shadow ) {
style += '--fusion-audio-box-shadow:' + _.fusionGetBoxShadowStyle( values ) + ';';
}
if ( '' !== values.margin_top ) {
style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
style += 'margin-left:' + values.margin_left + ';';
}
attr.style = style;
if ( 'dark' === values.controls_color_scheme ) {
attr[ 'class' ] += ' dark-controls';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
attr.values = values;
return attr;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Google Map View.
FusionPageBuilder.fusion_map = FusionPageBuilder.ElementView.extend( {
jsVars: {},
/**
* Makes JS init call.
*
*/
initMap: function() {
var $thisEl = this.$el;
if ( 'undefined' !== typeof $thisEl && ! _.isEmpty( this.jsVars ) && ! _.isEmpty( this.jsVars.json_addresses ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( $thisEl.find( '#map_' + this.model.get( 'cid' ) ) ).fusion_maps( {
addresses: this.jsVars.json_addresses,
animations: this.jsVars.animation,
infobox_background_color: this.jsVars.infobox_background_color,
infobox_styling: this.jsVars.infobox,
infobox_text_color: this.jsVars.infobox_text_color,
map_style: this.jsVars.map_style,
map_type: this.jsVars.type,
marker_icon: this.jsVars.icon,
overlay_color: this.jsVars.overlay_color,
overlay_color_hsl: this.jsVars.overlay_color_hsl,
pan_control: this.jsVars.zoom_pancontrol,
show_address: this.jsVars.popup,
scale_control: this.jsVars.scale,
scrollwheel: this.jsVars.scrollwheel,
zoom: parseInt( this.jsVars.zoom, 10 ),
zoom_control: this.jsVars.zoom_pancontrol
} );
}
},
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var self = this;
jQuery( '#fb-preview' ).on( 'load', function() {
self.initMap();
} );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var mapCopy,
parent;
if ( ! _.isEmpty( this.jsVars ) && ! _.isEmpty( this.jsVars.json_addresses ) ) {
mapCopy = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '#map_' + this.model.get( 'cid' ) ) )[ 0 ].cloneNode();
parent = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-builder-element-content' ) );
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '#map_' + this.model.get( 'cid' ) ) ).remove();
jQuery( parent ).append( mapCopy );
this.initMap();
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
html,
jsVars;
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
if ( 'js' === atts.values.api_type ) {
jsVars = this.buildJsVars( atts.values, atts.extras );
} else if ( 'embed' === atts.values.api_type ) {
html = this.buildEmbedHtml( atts.values, atts.extras );
} else if ( 'static' === atts.values.api_type ) {
html = this.buildStaticHtml( atts.values, atts.extras );
}
attributes.googleMapShortcode = this.buildGoogleMapShortcode( atts );
attributes.jsVars = jsVars;
attributes.html = html;
attributes.id = atts.values.id;
attributes.apiType = atts.values.api_type;
attributes.address = atts.values.address;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
this.jsVars = jsVars;
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
values.width = _.fusionValidateAttrValue( values.width, 'px' );
values.height = _.fusionValidateAttrValue( values.height, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
// Set placeholder coordinates.
if ( '' === values.address ) {
values.address = 'latlng=0,0';
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildGoogleMapShortcode: function( atts ) {
var googleMapShortcode = _.fusionVisibilityAtts( atts.values.hide_on_mobile, {
class: 'shortcode-map fusion-google-map fusion-maps-' + atts.values.api_type + '-type',
style: ''
} );
if ( '' !== atts.values[ 'class' ] ) {
googleMapShortcode[ 'class' ] += ' ' + atts.values[ 'class' ];
}
googleMapShortcode.id = 'map_' + this.model.get( 'cid' );
if ( 'js' === atts.values.api_type ) {
googleMapShortcode.style = 'height:' + atts.values.height + ';width:' + atts.values.width + ';';
}
if ( '' !== atts.values.margin_top ) {
googleMapShortcode.style += 'margin-top:' + atts.values.margin_top + ';';
}
if ( '' !== atts.values.margin_bottom ) {
googleMapShortcode.style += 'margin-bottom:' + atts.values.margin_bottom + ';';
}
return googleMapShortcode;
},
/**
* Builds the vars that will be used by the JS maps.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra args.
* @return {Object}
*/
buildJsVars: function( values, extras ) {
var jsVars = {},
address = values.address,
mapStyle = values.map_style,
icon = values.icon,
animation = values.animation,
infobox = values.infobox,
overlayColor = values.overlay_color,
infoboxBackgroundColor = values.infobox_background_color,
infoboxTextColor = values.infobox_text_color,
infoboxContent = values.infobox_content,
type = values.type,
zoom = values.zoom,
coordinates = [],
jsonAddresses = [],
iconArray,
infoboxContentArray,
numOfAddresses,
colorObject,
overlayColorHSL,
rgb,
cachedAddresses,
latLng,
iconUrl,
brightnessLevel,
addresses,
i;
if ( '' !== address ) {
addresses = address.split( '|' );
if ( addresses.length ) {
address = addresses;
}
numOfAddresses = addresses.length;
try {
if ( infoboxContent && '' !== infoboxContent && FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( infoboxContent ) ) === infoboxContent ) {
infoboxContent = FusionPageBuilderApp.base64Decode( infoboxContent );
}
} catch ( error ) {
console.log( error ); // jshint ignore:line
}
infoboxContentArray = ( -1 === jQuery.inArray( values.map_style, [ 'default', 'theme' ] ) && 'default' !== values.infobox ) ? infoboxContent.split( '|' ) : [];
iconArray = [];
if ( '' !== values.icon ) {
iconArray = values.icon.split( '|' );
}
if ( 'theme' === values.map_style ) {
colorObject = jQuery.AWB_Color( extras.primary_color );
rgb = [ colorObject.red(), colorObject.green(), colorObject.blue() ];
mapStyle = 'custom';
icon = 'theme';
animation = 'yes';
infobox = 'custom';
overlayColor = extras.primary_color;
infoboxBackgroundColor = 'rgba(' + rgb[ 0 ] + ', ' + rgb[ 1 ] + ', ' + rgb[ 2 ] + ', 0.8)';
brightnessLevel = colorObject.lightness();
infoboxTextColor = '#747474';
if ( 140 < brightnessLevel ) {
infoboxTextColor = '#fff';
}
} else if ( 'custom' === values.map_style ) {
if ( 0 === jQuery.AWB_Color( values.overlay_color ).alpha() ) {
overlayColor = '';
}
}
// If only one custom icon is set, use it for all markers.
if ( 'custom' === values.map_style && '' !== values.icon && 'theme' !== values.icon && iconArray && 1 === iconArray.length ) {
iconUrl = iconArray[ 0 ];
for ( i = 0; i < numOfAddresses; i++ ) {
iconArray[ i ] = iconUrl;
}
}
if ( 'theme' === values.icon && 'custom' === values.map_style ) {
for ( i = 0; i < numOfAddresses; i++ ) {
iconArray[ i ] = extras.theme_icon;
}
}
_.each( address, function( add ) {
add = add.trim().split( '\n' ).filter( function( e ) {
return String( e ).trim();
} ).join( '<br/>' ).replace( /\r/g, '' ).replace( /\n/g, '' );
coordinates.push( { address: add } );
} );
if ( ! coordinates ) {
return;
}
for ( i = 0; i < numOfAddresses; i++ ) {
if ( 0 === address[ i ].indexOf( 'latlng=' ) ) {
address[ i ] = coordinates[ i ].address;
}
}
infoboxContent = address;
if ( infoboxContentArray ) {
for ( i = 0; i < numOfAddresses; i++ ) {
if ( ! infoboxContentArray[ i ] ) {
infoboxContentArray[ i ] = address[ i ];
}
}
infoboxContent = infoboxContentArray;
}
cachedAddresses = extras.cached_addresses;
_.each( address, function( address, key ) {
jsonAddresses.push( {
address: address,
infobox_content: _.unescape( infoboxContent[ key ] )
} );
if ( iconArray && iconArray[ key ] ) {
jsonAddresses[ key ].marker = iconArray[ key ];
}
if ( -1 !== address.indexOf( 'latlng=' ) ) {
jsonAddresses[ key ].address = address.replace( 'latlng=', '' );
latLng = jsonAddresses[ key ].address.split( ',' );
jsonAddresses[ key ].coordinates = true;
jsonAddresses[ key ].latitude = latLng[ 0 ];
jsonAddresses[ key ].longitude = latLng[ 1 ];
jsonAddresses[ key ].cache = false;
if ( -1 !== infoboxContent[ key ].indexOf( 'latlng=' ) ) {
jsonAddresses[ key ].infobox_content = '';
}
if ( cachedAddresses[ jsonAddresses[ key ].latitude.trim() + ',' + jsonAddresses[ key ].longitude.trim() ] ) {
jsonAddresses[ key ].geocoded_address = cachedAddresses[ jsonAddresses[ key ].latitude.trim() + ',' + jsonAddresses[ key ].longitude.trim() ].address.trim();
jsonAddresses[ key ].cache = true;
}
} else {
jsonAddresses[ key ].coordinates = false;
jsonAddresses[ key ].cache = false;
if ( cachedAddresses[ jsonAddresses[ key ].address.trim() ] ) {
jsonAddresses[ key ].latitude = cachedAddresses[ jsonAddresses[ key ].address.trim() ].latitude;
jsonAddresses[ key ].longitude = cachedAddresses[ jsonAddresses[ key ].address.trim() ].longitude;
jsonAddresses[ key ].cache = true;
}
}
} );
colorObject = jQuery.AWB_Color( overlayColor );
overlayColorHSL = {
hue: colorObject.hue(),
sat: colorObject.saturation() * 100,
lum: colorObject.lightness() * 100
};
jsVars.json_addresses = jsonAddresses;
jsVars.infobox_background_color = infoboxBackgroundColor;
jsVars.infobox = infobox;
jsVars.infobox_text_color = infoboxTextColor;
jsVars.map_style = mapStyle;
jsVars.type = type;
jsVars.icon = icon;
jsVars.overlay_color = overlayColor;
jsVars.overlay_color_hsl = overlayColorHSL;
jsVars.zoom = zoom;
jsVars.animation = ( 'yes' === animation ) ? 'true' : false;
jsVars.zoom_pancontrol = ( 'yes' === values.zoom_pancontrol ) ? 'true' : false,
jsVars.popup = ( 'yes' === values.popup ) ? 'true' : false,
jsVars.scale = ( 'yes' === values.scale ) ? 'true' : false,
jsVars.scrollwheel = ( 'yes' === values.scrollwheel ) ? 'true' : false;
}
return jsVars;
},
/**
* Builds the embed HTML.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra data.
* @return {string}
*/
buildEmbedHtml: function( values, extras ) {
var html = '',
embedAddress = values.embed_address;
if ( embedAddress ) {
embedAddress = embedAddress.replace( / /g, '+' );
if ( -1 !== values.width.indexOf( 'px' ) ) {
values.width = parseInt( values.width, 10 );
}
html = '<iframe width="' + values.width + '" height="' + parseInt( values.height, 10 ) + '" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=' + extras.gmap_api + '&q=' + embedAddress + '&maptype=' + values.embed_map_type + '&zoom=' + values.zoom + '" allowfullscreen></iframe>';
}
return html;
},
/**
* Builds the static-API HTML.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra data.
* @return {string}
*/
buildStaticHtml: function( values, extras ) {
var html = '',
style = '',
address = values.address,
addressesArray,
iconArray,
markers,
addressCount,
rgb,
colorObject,
saturation,
lightness,
i;
if ( address ) {
addressesArray = address.split( '|' );
iconArray = values.icon_static ? values.icon_static.split( '|' ) : [];
markers = [];
addressCount = addressesArray.length;
for ( i = 0; i < addressCount; i++ ) {
addressesArray[ i ] = addressesArray[ i ].trim();
if ( 0 === addressesArray[ i ].indexOf( 'latlng=' ) ) {
addressesArray[ i ] = addressesArray[ i ].replace( 'latlng=', '' );
} else {
addressesArray[ i ] = addressesArray[ i ].split( ',' ).map( function( e ) {
return e.trim();
} ).join( ',' );
addressesArray[ i ] = addressesArray[ i ].replace( ' ', '+' );
}
if ( 'undefined' !== typeof iconArray[ i ] ) {
if ( 'theme' === iconArray[ i ] ) {
iconArray[ i ] = extras.amms_icon;
}
// TODO: add permanent JS URL validator funtion.
if ( 0 < iconArray[ i ].indexOf( '://' ) || 0 === iconArray[ i ].indexOf( '//' ) ) {
iconArray[ i ] = 'icon:' + iconArray[ i ];
}
iconArray[ i ] = iconArray[ i ].trim();
iconArray[ i ] = iconArray[ i ].replace( ',', '|' ) + '|';
} else {
iconArray[ i ] = '';
}
markers.push( iconArray[ i ] + addressesArray[ i ] );
}
if ( values.static_map_color ) {
rgb = values.static_map_color.replace( '#', '' );
colorObject = jQuery.AWB_Color( values.static_map_color );
saturation = ( colorObject.saturation() * 200 ) - 100;
lightness = ( colorObject.lightness() * 200 ) - 100;
style += '&style=feature:all|hue:0x' + rgb + '|saturation:' + saturation + '|lightness:' + lightness + '|visibility:simplified';
style += '&style=feature:administrative|hue:0x' + rgb + '|saturation:' + saturation + '|lightness:' + lightness + '|visibility:simplified';
style += '&style=feature:landscape|hue:0x' + rgb + '|saturation:' + saturation + '|lightness:' + lightness + '|visibility:simplified';
style += '&style=feature:poi|hue:0x' + rgb + '|saturation:' + saturation + '|lightness:' + lightness + '|visibility:simplified';
style += '&style=feature:road|hue:0x' + rgb + '|saturation:' + saturation + '|lightness:' + lightness + '|visibility:simplified';
style += '&style=feature:transit|hue:0x' + rgb + '|saturation:' + saturation + '|lightness:' + lightness + '|visibility:simplified';
style += '&style=feature:water|hue:0x' + rgb + '|saturation:' + saturation + '|lightness:' + lightness + '|visibility:simplified';
}
html = '<img width="' + parseInt( values.width, 10 ) + '" height="' + parseInt( values.height, 10 ) + '" src="https://maps.googleapis.com/maps/api/staticmap?key=' + extras.gmap_api + '¢er=' + addressesArray[ 0 ] + '&maptype=' + values.type + '&zoom=' + values.zoom + '&size=' + parseInt( values.width, 10 ) + 'x' + parseInt( values.height, 10 ) + '&markers=' + markers.join( '&markers=' ) + style + '&scale=2">';
}
return html;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionApp, FusionPageBuilderApp, fusionAppConfig */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Font Awesome Element View.
FusionPageBuilder.fusion_fontawesome = FusionPageBuilder.ElementView.extend( {
/**
* Runs when element is first init.
*
* @since 2.0
* @return {void}
*/
onInit: function() {
var params = this.model.get( 'params' );
// Check for newer hover params. If unset but regular is, copy from there.
if ( 'object' === typeof params ) {
if ( 'undefined' === typeof params.iconcolor_hover && 'string' === typeof params.iconcolor ) {
params.iconcolor_hover = params.iconcolor;
}
if ( 'undefined' === typeof params.circlecolor_hover && 'string' === typeof params.circlecolor ) {
params.circlecolor_hover = params.circlecolor;
}
if ( 'undefined' === typeof params.circlebordercolor_hover && 'string' === typeof params.circlebordercolor ) {
params.circlebordercolor_hover = params.circlebordercolor;
}
this.model.set( 'params', params );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
this.afterPatch();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var params = this.model.get( 'params' ),
alignment = '';
this.$el.removeClass( 'fusion-element-alignment-right fusion-element-alignment-left fusion-element-alignment-textflow' );
if ( 'undefined' !== typeof params.alignment ) {
alignment = params.alignment;
// Text-flow.
if ( '' === alignment ) {
alignment = 'left';
if ( jQuery( 'body' ).hasClass( 'rtl' ) ) {
alignment = 'right';
}
this.$el.addClass( 'fusion-element-alignment-textflow' );
}
}
if ( alignment && ( 'right' === alignment || 'left' === alignment ) ) {
this.$el.addClass( 'fusion-element-alignment-' + alignment );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.alignment = atts.values.alignment;
attributes.alignment_medium = atts.values.alignment_medium;
attributes.alignment_small = atts.values.alignment_small;
attributes.output = atts.values.element_content;
attributes.hasLink = 'string' === typeof atts.values.link && '' !== atts.values.link;
attributes.styleBlock = this.styleBlock( atts.values );
return attributes;
},
/**
* Builds style block.
*
* @access public
* @since 2.2
* @param array values Element values.
* @return string
*/
styleBlock: function( values ) {
var backgroundColor = '',
borderColor = '',
backgroundHover = '',
borderHover = '',
tag = '',
html,
cid = this.model.get( 'cid' );
tag = 'string' === typeof values.link && '' !== values.link ? 'a' : 'i';
if ( 'yes' === values.circle ) {
if ( values.circlecolor ) {
backgroundColor = ' background-color: ' + values.circlecolor + ';';
}
if ( values.circlecolor_hover ) {
backgroundHover = ' background-color: ' + values.circlecolor_hover + ';';
}
if ( values.circlebordercolor ) {
borderColor = ' border-color: ' + values.circlebordercolor + ';';
}
if ( values.circlebordercolor_hover ) {
borderHover = ' border-color: ' + values.circlebordercolor_hover + ';';
}
}
html = '<style>';
html += tag + '.fb-icon-element.fontawesome-icon.fb-icon-element-live-' + cid + '{ color: ' + values.iconcolor + ';' + backgroundColor + borderColor + '}';
html += tag + '.fb-icon-element.fontawesome-icon.fb-icon-element-live-' + cid + ':hover, .fb-icon-element.fontawesome-icon.fb-icon-element-live-' + cid + '.hover { color: ' + values.iconcolor_hover + ';' + backgroundHover + borderHover + '}';
// Pulsate effect color for outershadow.
if ( 'pulsate' === values.icon_hover_type ) {
html += tag + '.fb-icon-element.fontawesome-icon.fb-icon-element-live-' + cid + '.icon-hover-animation-pulsate:after {';
html += '-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px ' + values.circlecolor_hover + ', 0 0 0 10px rgba(255,255,255,0.5);';
html += '-moz-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px ' + values.circlecolor_hover + ', 0 0 0 10px rgba(255,255,255,0.5);';
html += 'box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px ' + values.circlecolor_hover + ', 0 0 0 10px rgba(255,255,255,0.5);';
html += '}';
}
html += '</style>';
return html;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
var corners = [
'top_left',
'top_right',
'bottom_right',
'bottom_left'
];
values.font_size = _.fusionValidateAttrValue( this.convertDeprecatedSizes( values.size ), '' );
_.each( corners, function( corner ) {
if ( 'undefined' !== typeof values[ 'border_radius_' + corner ] && '' !== values[ 'border_radius_' + corner ] ) {
values[ 'border_radius_' + corner ] = _.fusionGetValueWithUnit( values[ 'border_radius_' + corner ] );
} else {
values[ 'border_radius_' + corner ] = '0px';
}
} );
},
/**
* Converts deprecated font sizes.
*
* @since 2.0
* @param {string} size - The size (small|medium|large).
* @return {string}
*/
convertDeprecatedSizes: function( size ) {
switch ( size ) {
case 'small':
return '10px';
case 'medium':
return '18px';
case 'large':
return '40px';
default:
return size;
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values ) {
var legacyIcon = false;
var attr = {};
var corners = [
'top_left',
'top_right',
'bottom_right',
'bottom_left'
];
values.circle_yes_font_size = 'undefined' !== values.bg_size && '-1' !== values.bg_size ? values.font_size : values.font_size * 0.88;
values.height = 'undefined' !== values.bg_size && '-1' !== values.bg_size ? parseInt( values.bg_size ) : values.font_size * 1.76;
values.line_height = values.height - ( 2 * parseInt( values.circlebordersize ) );
values.icon_margin = values.font_size * 0.5;
values.circlebordersize = _.fusionValidateAttrValue( values.circlebordersize, 'px' );
// Check if an old icon shortcode is used, where no margin option is present, or if all margins were left empty.
if ( 'undefined' === typeof values.margin_left || ( '' === values.margin_top && '' === values.margin_right && '' === values.margin_bottom && '' === values.margin_left ) ) {
legacyIcon = true;
}
attr = {
class: 'fb-icon-element-live-' + this.model.get( 'cid' ) + ' fb-icon-element fontawesome-icon ' + _.fusionFontAwesome( values.icon ) + ' circle-' + values.circle,
'aria-hidden': 'true'
};
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
attr.style = '';
if ( 'yes' === values.circle ) {
attr.style += 'font-size:' + values.circle_yes_font_size + 'px;';
attr.style += 'line-height:' + values.line_height + 'px;height:' + values.height + 'px;width:' + values.height + 'px;';
attr.style += 'border-width:' + values.circlebordersize + ';';
_.each( corners, function( corner ) {
if ( values[ 'border_radius_' + corner ] ) {
attr.style += 'border-' + corner.replace( '_', '-' ) + '-radius:' + values[ 'border_radius_' + corner ] + ';';
}
} );
} else {
attr.style += 'font-size:' + values.font_size + 'px;';
}
if ( '' === values.alignment ) {
attr[ 'class' ] += ' fusion-text-flow';
}
if ( legacyIcon ) {
if ( 'left' === values.alignment ) {
values.icon_margin_position = 'right';
} else if ( 'right' === values.alignment ) {
values.icon_margin_position = 'left';
} else {
values.icon_margin_position = FusionPageBuilderApp.$el.hasClass( 'rtl' ) ? 'left' : 'right';
}
if ( 'center' === values.alignment ) {
attr.style += 'margin-left:0;margin-right:0;';
} else {
attr.style += 'margin-' + values.icon_margin_position + ':' + values.icon_margin + 'px;';
}
} else {
if ( values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
}
if ( values.rotate ) {
attr[ 'class' ] += ' fa-rotate-' + values.rotate;
}
if ( 'yes' === values.spin ) {
attr[ 'class' ] += ' fa-spin';
}
if ( values.flip ) {
attr[ 'class' ] += ' fa-flip-' + values.flip;
}
// Link related parameters.
if ( '' !== values.link ) {
attr[ 'class' ] += ' fusion-link';
attr.href = values.link;
attr.target = values.linktarget;
if ( '_blank' === values.linktarget ) {
attr.rel = 'noopener noreferrer';
}
}
if ( 'pulsate' === values.icon_hover_type || 'slide' === values.icon_hover_type ) {
attr[ 'class' ] += ' icon-hover-animation-' + values.icon_hover_type;
}
if ( values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Runs just after render on cancel.
*
* @since 3.5
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) ),
iconWithoutFusionPrefix;
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( '' !== values.icon && 'fusion-prefix-' === values.icon.substr( 0, 14 ) ) {
if ( 'undefined' !== typeof fusionAppConfig.customIcons ) {
iconWithoutFusionPrefix = values.icon.substr( 14 );
// TODO: try to optimize this check.
jQuery.each( fusionAppConfig.customIcons, function( iconPostName, iconSet ) {
if ( 0 === iconWithoutFusionPrefix.indexOf( iconSet.css_prefix ) ) {
FusionPageBuilderApp.mediaMap.icons[ iconSet.post_id ] = iconSet.css_prefix;
return false;
}
} );
}
}
}
}
} );
} );
}( jQuery ) );
;/* 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 ) );
;/* global FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Breadcrumbs view.
FusionPageBuilder.fusion_breadcrumbs = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.font_size = _.fusionValidateAttrValue( values.font_size, 'px' );
},
/**
* Builds output.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-breadcrumbs' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.breadcrumbs ) {
output = atts.query_data.breadcrumbs;
}
if ( ( FusionApp.data.is_home || FusionApp.data.is_front_page ) && 1 < jQuery( jQuery.parseHTML( output ) ).filter( '.fusion-breadcrumb-item' ).length ) {
output = jQuery( jQuery.parseHTML( output ) ).filter( '.fusion-breadcrumb-item' ).eq( 1 ).remove().html();
}
return output;
},
/**
* Builds attributes.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-breadcrumbs fusion-live-breadcrumbs fusion-breadcrumbs-' + this.model.get( 'cid' ),
style: ''
} );
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( '' !== values.alignment ) {
attr.style += 'text-align:' + values.alignment + ';';
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds styles.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var style = '<style type="text/css">';
if ( '' !== values.font_size ) {
style += '.fusion-breadcrumbs.fusion-breadcrumbs-' + this.model.get( 'cid' ) + '{font-size:' + values.font_size + ';}';
}
if ( '' !== values.text_hover_color ) {
style += '.fusion-breadcrumbs.fusion-breadcrumbs-' + this.model.get( 'cid' ) + ' span a:hover{color:' + values.text_hover_color + '!important;}';
}
if ( '' !== values.text_color ) {
style += '.fusion-breadcrumbs.fusion-breadcrumbs-' + this.model.get( 'cid' ) + ',';
style += '.fusion-breadcrumbs.fusion-breadcrumbs-' + this.model.get( 'cid' ) + ' a{color:' + values.text_color + ';}';
}
if ( FusionApp.data.is_home || FusionApp.data.is_front_page ) {
style += '.fusion-breadcrumbs.fusion-breadcrumbs-' + this.model.get( 'cid' ) + ' .fusion-breadcrumb-prefix{display:none}';
style += '.fusion-breadcrumbs.fusion-breadcrumbs-' + this.model.get( 'cid' ) + ' .fusion-breadcrumb-sep{display:none}';
}
style += '</style>';
return style;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionApp, FusionPageBuilderApp, builderConfig */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Image Frame Element View.
FusionPageBuilder.fusion_imageframe = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
this.afterPatch();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var params = this.model.get( 'params' ),
link = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-lightbox' ) );
this.$el.removeClass( 'fusion-element-alignment-right fusion-element-alignment-left' );
if ( ! this.flexDisplay() ) {
if ( 'undefined' !== typeof params.align && ( 'right' === params.align || 'left' === params.align ) ) {
this.$el.addClass( 'fusion-element-alignment-' + params.align );
}
}
if ( 'object' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaLightBox ) {
if ( 'undefined' !== typeof this.iLightbox ) {
this.iLightbox.destroy();
}
if ( link.length ) {
this.iLightbox = link.iLightBox( jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaLightBox.prepare_options( 'single' ) );
}
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
if ( 'undefined' !== typeof atts.values.element_content ) {
this.isFlex = this.flexDisplay();
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
this.values = atts.values;
this.extras = atts.extras;
atts.isFlex = this.isFlex;
atts.attr = this.buildAttr( atts.values );
atts.contentAttr = this.buildContentAttr( atts.values );
atts.linkAttr = this.buildLinktAttr( atts.values );
atts.borderRadius = this.buildBorderRadius( atts.values );
atts.imgStyles = this.buildImgStyles( atts.values );
if ( this.isFlex ) {
atts.responsiveAttr = this.buildResponsiveAttr( atts.values );
}
this.buildElementContent( atts );
atts.liftupClasses = this.buildLiftupClasses( atts );
atts.liftupStyles = this.buildLiftupStyles( atts );
atts.captionHtml = this.generateCaption( atts );
//styles
atts.maskStyles = this.buildMaskStyles( atts );
atts.aspectRatioStyles = this.buildAspectRatioStyles( atts );
atts.marginStyles = this.buildMarginStyles( atts );
// Add min height sticky.
atts.stickyStyles = '' !== atts.values.sticky_max_width ? '<style>.fusion-sticky-container.fusion-sticky-transition .imageframe-cid' + this.model.get( 'cid' ) + '{ max-width:' + _.fusionGetValueWithUnit( atts.values.sticky_max_width ) + ' !important; }</style>' : false;
atts.filter_style_block = _.fusionGetFilterStyleElem( atts.values, '.imageframe-cid' + this.model.get( 'cid' ), this.model.get( 'cid' ) );
}
return atts;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.borderradius = _.fusionValidateAttrValue( values.borderradius, 'px' );
values.bordersize = _.fusionValidateAttrValue( values.bordersize, 'px' );
values.blur = _.fusionValidateAttrValue( values.blur, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
// If caption style used then disable style type.
if ( -1 === jQuery.inArray( values.caption_style, [ 'off', 'above', 'below' ] ) ) {
values.style_type = 'none';
}
// If mask used disable style type.
if ( values.mask ) {
values.style_type = 'none';
}
if ( ! values.style ) {
values.style = values.style_type;
}
if ( values.borderradius && 'bottomshadow' === values.style ) {
values.borderradius = '0';
}
if ( 'round' === values.borderradius ) {
values.borderradius = '50%';
}
},
/**
* Builds responsive container attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildResponsiveAttr: function( values ) {
var attr = {
style: '',
class: ''
},
alignLarge = values.align && 'none' !== values.align ? values.align : false,
alignMedium = values.align_medium && 'none' !== values.align_medium ? values.align_medium : false,
alignSmall = values.align_small && 'none' !== values.align_small ? values.align_small : false;
if ( this.isFlex ) {
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
}
if ( alignLarge ) {
attr.style += 'text-align:' + alignLarge + ';';
}
if ( alignMedium && alignLarge !== alignMedium ) {
attr[ 'class' ] += ' md-text-align-' + alignMedium;
}
if ( alignSmall && alignLarge !== alignSmall ) {
attr[ 'class' ] += ' sm-text-align-' + alignSmall;
}
if ( -1 !== jQuery.inArray( values.caption_style, [ 'above', 'below' ] ) ) {
attr[ 'class' ] += ' awb-imageframe-style awb-imageframe-style-' + values.caption_style + ' awb-imageframe-style-' + this.model.get( 'cid' );
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
// Main wrapper attributes
var attr = {
class: 'fusion-imageframe',
style: ''
},
imgStyles,
styleColorVal = values.stylecolor ? values.stylecolor : '',
styleColor = ( 0 === styleColorVal.indexOf( '#' ) ) ? jQuery.AWB_Color( styleColorVal ).alpha( 0.3 ).toVarOrRgbaString() : jQuery.AWB_Color( styleColorVal ).toVarOrRgbaString(),
blur = values.blur,
blurRadius = ( parseInt( blur, 10 ) + 4 ) + 'px';
if ( ! this.isFlex ) {
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
attr[ 'class' ] += ' fusion-imageframe-align-' + values.align;
}
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( ! values.style ) {
values.style = values.style_type;
}
imgStyles = '';
// Border style only if not using mask.
if ( '' === values.mask ) {
if ( '' != values.bordersize && '0' != values.bordersize && '0px' !== values.bordersize ) {
imgStyles += 'border:' + values.bordersize + ' solid ' + values.bordercolor + ';';
}
if ( '0' != values.borderradius && '0px' !== values.borderradius ) {
imgStyles += '-webkit-border-radius:' + values.borderradius + ';-moz-border-radius:' + values.borderradius + ';border-radius:' + values.borderradius + ';';
if ( '50%' === values.borderradius || 100 < parseFloat( values.borderradius ) ) {
imgStyles += '-webkit-mask-image: -webkit-radial-gradient(circle, white, black);';
}
}
}
if ( 'glow' === values.style ) {
imgStyles += '-moz-box-shadow: 0 0 ' + blur + ' ' + styleColor + ';-webkit-box-shadow: 0 0 ' + blur + ' ' + styleColor + ';box-shadow: 0 0 ' + blur + ' ' + styleColor + ';';
} else if ( 'dropshadow' === values.style ) {
imgStyles += '-moz-box-shadow: ' + blur + ' ' + blur + ' ' + blurRadius + ' ' + styleColor + ';-webkit-box-shadow: ' + blur + ' ' + blur + ' ' + blurRadius + ' ' + styleColor + ';box-shadow: ' + blur + ' ' + blur + ' ' + blurRadius + ' ' + styleColor + ';';
}
if ( '' !== imgStyles ) {
attr.style += imgStyles;
}
attr[ 'class' ] += ' imageframe-' + values.style + ' imageframe-cid' + this.model.get( 'cid' );
if ( values.z_index ) {
attr.style += 'z-index:' + values.z_index + ';';
}
if ( 'bottomshadow' === values.style ) {
attr[ 'class' ] += ' element-bottomshadow';
}
if ( '' !== values.mask ) {
attr[ 'class' ] += ' has-mask';
}
if ( '' !== values.aspect_ratio ) {
attr[ 'class' ] += ' has-aspect-ratio';
}
if ( 'liftup' !== values.hover_type && -1 !== jQuery.inArray( values.caption_style, [ 'off', 'above', 'below' ] ) ) {
if ( ! this.isFlex ) {
if ( 'left' === values.align ) {
attr.style += 'margin-right:25px;float:left;';
} else if ( 'right' === values.align ) {
attr.style += 'margin-left:25px;float:right;';
}
}
attr[ 'class' ] += ' hover-type-' + values.hover_type;
}
if ( '' !== values.max_width && '' === values.aspect_ratio ) {
attr.style += 'max-width:' + _.fusionGetValueWithUnit( values.max_width ) + '';
}
// Caption style.
if ( -1 === jQuery.inArray( values.caption_style, [ 'off', 'above', 'below' ] ) ) {
attr[ 'class' ] += ' awb-imageframe-style awb-imageframe-style-' + values.caption_style;
}
if ( 'undefined' !== typeof values[ 'class' ] && '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'undefined' !== typeof values.id && '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds link attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildLinktAttr: function( values ) {
// Link Attributes
var linkAttr = {};
if ( 'yes' === values.lightbox ) {
// Set the lightbox image to the dedicated link if it is set.
if ( '' !== values.lightbox_image ) {
values.pic_link = values.lightbox_image;
}
linkAttr.href = values.pic_link;
linkAttr[ 'class' ] = 'fusion-lightbox imageframe-shortcode-link';
if ( '' !== values.gallery_id || '0' === values.gallery_id ) {
linkAttr[ 'data-rel' ] = 'iLightbox[' + values.gallery_id + ']';
} else {
linkAttr[ 'data-rel' ] = 'iLightbox[image-' + this.model.get( 'cid' ) + ']';
}
} else if ( values.link ) {
linkAttr[ 'class' ] = 'fusion-no-lightbox';
linkAttr.href = values.link;
linkAttr.target = values.linktarget;
if ( '_blank' === values.linktarget ) {
linkAttr.rel = 'noopener noreferrer';
}
}
return linkAttr;
},
/**
* Builds content attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildContentAttr: function( values ) {
var contentAttr = {},
title = '',
src = '';
// values.image_id = '';
// Could add JS to get image dimensions if necessary.
if ( ! values.element_content ) {
return 'no_image_set';
}
// eslint-disable-next-line no-useless-escape
src = values.element_content.match( /(src=["\'](.*?)["\'])/ );
if ( src && 1 < src.length ) {
src = src[ 2 ];
} else if ( -1 === values.element_content.indexOf( '<img' ) && '' !== values.element_content ) {
src = values.element_content;
}
if ( 'undefined' !== typeof src && src && '' !== src ) {
src = src.replace( '×', 'x' );
contentAttr.src = src;
values.pic_link = src;
if ( 'no' === values.lightbox && '' !== values.link ) {
contentAttr.title = title;
} else {
contentAttr.title = '';
}
contentAttr.alt = values.alt;
}
if ( '' !== values.aspect_ratio ) {
contentAttr[ 'class' ] = 'img-with-aspect-ratio';
}
let imageIdSize, imageId, imageSize;
if ( 'undefined' !== typeof values.image_id && '' !== values.image_id ) {
const self = this;
if ( -1 !== values.image_id.indexOf( '|' ) ) {
imageIdSize = values.image_id.split( '|' );
imageId = imageIdSize[ 0 ];
imageSize = imageIdSize[ 1 ];
} else {
imageId = values.image_id;
}
const media = wp.media.attachment( imageId );
if ( _.isUndefined( media.get( 'title' ) ) ) {
media.fetch().then( function() {
self.reRender();
self._refreshJs();
} );
} else if ( imageSize && ! _.isUndefined( media.attributes.sizes ) ) {
contentAttr.width = media.attributes.sizes[ imageSize ].width;
contentAttr.height = media.attributes.sizes[ imageSize ].height;
} else {
contentAttr.width = media.attributes.width;
contentAttr.height = media.attributes.height;
}
}
return contentAttr;
},
/**
* Builds border radius.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {string}
*/
buildBorderRadius: function( values ) {
var borderRadius = '';
if ( values.borderradius && '' !== values.borderradius && 0 !== values.borderradius && '0' !== values.borderradius && '0px' !== values.borderradius ) {
borderRadius += '-webkit-border-radius:' + values.borderradius + ';-moz-border-radius:' + values.borderradius + ';border-radius:' + values.borderradius + ';';
}
return borderRadius;
},
/**
* Builds image styles.
*
* @since 2.0
* @param {Object} atts - The atts object.
* @return {string}
*/
buildImgStyles: function( atts ) {
var imgStyles = '';
if ( atts.borderRadius ) {
imgStyles = ' style="' + atts.borderRadius + '"';
}
return imgStyles;
},
/**
* Builds element content.
*
* @since 2.0
* @param {Object} atts - The atts object.
*/
buildElementContent: function( atts ) {
var imgClasses = 'img-responsive',
classes = '',
imageAtts = '';
if ( 'no_image_set' === atts.contentAttr ) {
return;
} else if ( _.FusionIsValidJSON( atts.contentAttr.src ) ) {
atts.values.element_content = this.getLogoImages( atts );
} else {
imageAtts = _.fusionGetAttributes( atts.contentAttr );
imageAtts = -1 === imageAtts.indexOf( 'alt=' ) ? imageAtts + ' alt' : imageAtts;
atts.values.element_content = '<img ' + imageAtts + ' />';
}
if ( '' !== atts.values.image_id ) {
imgClasses += ' wp-image-' + atts.values.image_id;
}
// Get custom classes from the img tag.
// eslint-disable-next-line no-useless-escape
classes = atts.values.element_content.match( /(class=["\'](.*?)["\'])/ );
if ( classes && 1 < classes.length ) {
imgClasses += ' ' + classes[ 2 ];
}
imgClasses = 'class="' + imgClasses + '"';
// Add custom and responsive class and the needed styles to the img tag.
if ( classes && 'undefined' !== typeof classes[ 0 ] ) {
atts.values.element_content = atts.values.element_content.replace( classes[ 0 ], imgClasses + atts.imgStyles );
} else {
atts.values.element_content = atts.values.element_content.replace( '/>', imgClasses + atts.imgStyles + '/>' );
}
// Set the lightbox image to the dedicated link if it is set.
if ( '' !== atts.values.lightbox_image ) {
atts.values.pic_link = atts.values.lightbox_image;
}
if ( -1 === jQuery.inArray( atts.values.caption_style, [ 'off', 'above', 'below' ] ) ) {
atts.values.element_content += this.generateCaption( atts );
}
if ( 'yes' === atts.values.lightbox || atts.values.link ) {
atts.values.element_content = '<a ' + _.fusionGetAttributes( atts.linkAttr ) + '>' + atts.values.element_content + '</a>';
}
},
/**
* Builds liftup classes.
*
* @since 2.0
* @param {Object} atts - The atts object.
* @return {string}
*/
buildLiftupClasses: function( atts ) {
var liftupClasses = '',
cid = this.model.get( 'cid' );
if ( 'liftup' === atts.values.hover_type || ( 'bottomshadow' === atts.values.style_type && ( 'none' === atts.values.hover_type || 'zoomin' === atts.values.hover_type || 'zoomout' === atts.values.hover_type ) ) ) {
if ( 'liftup' === atts.values.hover_type ) {
liftupClasses = 'imageframe-liftup';
if ( '' !== atts.values.aspect_ratio ) {
liftupClasses += ' liftup-with-aspect-ratio';
}
if ( ! this.isFlex ) {
if ( 'left' === atts.values.align ) {
liftupClasses += ' fusion-imageframe-liftup-left';
} else if ( 'right' === atts.values.align ) {
liftupClasses += ' fusion-imageframe-liftup-right';
}
}
if ( atts.borderRadius ) {
liftupClasses += ' imageframe-cid' + cid;
}
if ( '' !== atts.values.hover_type && '' !== atts.values.mask ) {
liftupClasses += ' awb-image-frame hover-with-mask';
}
} else {
liftupClasses += 'fusion-image-frame-bottomshadow image-frame-shadow-cid' + cid;
}
liftupClasses += ' imageframe-cid' + cid;
}
return liftupClasses;
},
/**
* Builds mask styles.
*
* @since 7.6
* @param {Object} atts - The atts object.
* @return {string}
*/
buildMaskStyles: function( atts ) {
var maskStyles = '',
cid = this.model.get( 'cid' );
if ( atts.values.mask ) {
const maskUrl = 'custom' === atts.values.mask ? atts.values.custom_mask
: `${builderConfig.fusion_builder_plugin_dir + '/assets/images/masks/'}${atts.values.mask}.svg`;
let maskStyle = '',
hoverMaskStyle = '';
if ( atts.values.mask_size ) {
const maskSize = atts.values.mask_size;
if ( 'fit' === maskSize ) {
maskStyle += '-webkit-mask-size: contain;';
maskStyle += 'mask-size: contain;';
if ( 'liftup' === atts.values.hover_type ) {
hoverMaskStyle += 'background-size: contain;';
}
}
if ( 'fill' === maskSize ) {
maskStyle += '-webkit-mask-size: cover;';
maskStyle += 'mask-size: cover;';
if ( 'liftup' === atts.values.hover_type ) {
hoverMaskStyle += 'background-size: cover;';
}
}
if ( 'custom' === maskSize ) {
maskStyle += '-webkit-mask-size: ' + atts.values.mask_custom_size + ';';
maskStyle += 'mask-size: ' + atts.values.mask_custom_size + ';';
if ( 'liftup' === atts.values.hover_type ) {
hoverMaskStyle += 'background-size: ' + atts.values.mask_custom_size + ';';
}
}
}
if ( atts.values.mask_position ) {
const maskPosition = 'custom' !== atts.values.mask_position ? atts.values.mask_position.replace( '-', ' ' ) : atts.values.mask_custom_position;
maskStyle += '-webkit-mask-position: ' + maskPosition + ';';
maskStyle += 'mask-position: ' + maskPosition + ';';
if ( 'liftup' === atts.values.hover_type ) {
hoverMaskStyle += 'background-position: ' + maskPosition + ';';
}
}
if ( atts.values.mask_repeat ) {
maskStyle += '-webkit-mask-repeat: ' + atts.values.mask_repeat + ';';
maskStyle += 'mask-repeat: ' + atts.values.mask_repeat + ';';
if ( 'liftup' === atts.values.hover_type ) {
hoverMaskStyle += 'background-repeat: ' + atts.values.mask_repeat + ';';
}
}
maskStyles += maskUrl ? `.fusion-imageframe.imageframe-cid${cid} img {
-webkit-mask-image: url(${maskUrl});
mask-image: url(${maskUrl});
${maskStyle}
}` : '';
maskStyles += maskUrl && 'liftup' === atts.values.hover_type ? `.imageframe-liftup.imageframe-cid${cid}:before {
background-image: url(${maskUrl});
${hoverMaskStyle}
}` : '';
}
return maskStyles;
},
/**
* Builds aspect ratio styles.
*
* @since 3.6
* @param {Object} atts - The atts object.
* @return {string}
*/
buildAspectRatioStyles: function() {
var selectors, aspectRatio, width, height;
if ( '' === this.values.aspect_ratio ) {
return '';
}
this.dynamic_css = {};
this.baseSelector = '.fusion-imageframe.imageframe-cid' + this.model.get( 'cid' );
selectors = [ this.baseSelector + ' img' ];
// Calc Ratio
if ( 'custom' === this.values.aspect_ratio && '' !== this.values.custom_aspect_ratio ) {
this.addCssProperty( selectors, 'aspect-ratio', `100 / ${this.values.custom_aspect_ratio}` );
} else {
aspectRatio = this.values.aspect_ratio.split( '-' );
width = aspectRatio[ 0 ] || '';
height = aspectRatio[ 1 ] || '';
this.addCssProperty( selectors, 'aspect-ratio', `${width} / ${height}` );
}
//Ratio Position
if ( '' !== this.values.aspect_ratio_position ) {
this.addCssProperty( selectors, 'object-position', this.values.aspect_ratio_position );
}
const css = this.parseCSS();
return css;
},
/**
* Builds liftup styles.
*
* @since 2.0
* @param {Object} atts - The atts object.
* @return {string}
*/
buildLiftupStyles: function( atts ) {
var liftupStyles = '<style>',
cid = this.model.get( 'cid' ),
styleColor;
if ( atts.borderRadius ) {
liftupStyles += '.imageframe-liftup.imageframe-cid' + cid + ':before{' + atts.borderRadius + '}';
}
if ( '' !== atts.values.max_width && '' === atts.values.aspect_ratio ) {
liftupStyles += '.imageframe-cid' + cid + '{max-width:' + _.fusionGetValueWithUnit( atts.values.max_width ) + '}';
}
if ( 'liftup' === atts.values.hover_type || ( 'bottomshadow' === atts.values.style_type && ( 'none' === atts.values.hover_type || 'zoomin' === atts.values.hover_type || 'zoomout' === atts.values.hover_type ) ) ) {
styleColor = ( 0 === atts.values.stylecolor.indexOf( '#' ) ) ? jQuery.AWB_Color( atts.values.stylecolor ).alpha( 0.4 ).toVarOrRgbaString() : jQuery.AWB_Color( atts.values.stylecolor ).toVarOrRgbaString();
if ( 'liftup' === atts.values.hover_type ) {
if ( 'bottomshadow' === atts.values.style_type ) {
liftupStyles += '.element-bottomshadow.imageframe-cid' + cid + ':before, .element-bottomshadow.imageframe-cid' + cid + ':after{';
liftupStyles += '-webkit-box-shadow: 0 17px 10px ' + styleColor + ';box-shadow: 0 17px 10px ' + styleColor + ';}';
}
} else {
liftupStyles += '.imageframe-cid' + cid + '{display: inline-block}';
liftupStyles += '.element-bottomshadow.imageframe-cid' + cid + ':before, .element-bottomshadow.imageframe-cid' + cid + ':after{';
liftupStyles += '-webkit-box-shadow: 0 17px 10px ' + styleColor + ';box-shadow: 0 17px 10px ' + styleColor + ';}';
}
}
liftupStyles += '</style>';
return liftupStyles;
},
/**
* Builds margin styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildMarginStyles: function( atts ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = 'div.imageframe-cid' + this.model.get( 'cid' ),
responsiveStyles = '';
if ( 'liftup' !== atts.values.hover_type && 'bottomshadow' !== atts.values.style ) {
elementSelector = 'span.imageframe-cid' + this.model.get( 'cid' );
}
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== atts.values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( atts.values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
responsiveStyles += this.buildCaptionStyles( atts );
return responsiveStyles;
},
/**
* Builds caption styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildCaptionStyles: function( atts ) {
var css, media,
responsive = '',
selectors, font_styles, sides, marginName;
this.dynamic_css = {};
this.baseSelector = '.fusion-imageframe.imageframe-cid' + this.model.get( 'cid' );
if ( 'off' === atts.values.caption_style ) {
return '';
}
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
this.baseSelector = '.awb-imageframe-style.awb-imageframe-style-' + this.model.get( 'cid' );
}
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-title' ];
// title color.
if ( ! this.isDefault( 'caption_title_color' ) ) {
this.addCssProperty( selectors, 'color', atts.values.caption_title_color, true );
}
// title size.
if ( ! this.isDefault( 'caption_title_size' ) ) {
this.addCssProperty( selectors, 'font-size', _.fusionGetValueWithUnit( atts.values.caption_title_size ), true );
}
// title font.
font_styles = _.fusionGetFontStyle( 'caption_title_font', atts.values, 'object' );
for ( rule in font_styles ) { // eslint-disable-line
var value = font_styles[ rule ]; // eslint-disable-line
this.addCssProperty( selectors, rule, value, true ); // eslint-disable-line
}
// title transform.
if ( ! this.isDefault( 'caption_title_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', atts.values.caption_title_transform, true );
}
// Line height.
if ( ! this.isDefault( 'caption_title_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', atts.values.caption_title_line_height, true );
}
// Letter spacing.
if ( ! this.isDefault( 'caption_title_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( atts.values.caption_title_letter_spacing ), true );
}
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
// text color.
if ( ! this.isDefault( 'caption_text_color' ) ) {
this.addCssProperty( selectors, 'color', atts.values.caption_text_color );
}
// text size.
if ( ! this.isDefault( 'caption_text_size' ) ) {
this.addCssProperty( selectors, 'font-size', _.fusionGetValueWithUnit( atts.values.caption_text_size ) );
}
// text font.
font_styles = _.fusionGetFontStyle( 'caption_text_font', atts.values, 'object' );
for ( rule in font_styles ) { // eslint-disable-line
var value = font_styles[ rule ]; // eslint-disable-line
this.addCssProperty( selectors, rule, value, true ); // eslint-disable-line
}
// text transform.
if ( ! this.isDefault( 'caption_text_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', atts.values.caption_text_transform );
}
// Line height.
if ( ! this.isDefault( 'caption_text_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', atts.values.caption_text_line_height );
}
// Letter spacing.
if ( ! this.isDefault( 'caption_text_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( atts.values.caption_text_letter_spacing ) );
}
// Border color.
if ( 'resa' === atts.values.caption_style && ! this.isDefault( 'caption_border_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container:before' ];
this.addCssProperty( selectors, 'border-top-color', atts.values.caption_border_color );
this.addCssProperty( selectors, 'border-bottom-color', atts.values.caption_border_color );
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container:after' ];
this.addCssProperty( selectors, 'border-right-color', atts.values.caption_border_color );
this.addCssProperty( selectors, 'border-left-color', atts.values.caption_border_color );
}
if ( 'dario' === atts.values.caption_style && ! this.isDefault( 'caption_border_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption .awb-imageframe-caption-title:after' ];
this.addCssProperty( selectors, 'background', atts.values.caption_border_color );
}
// Overlay color.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'dario', 'resa', 'schantel', 'dany', 'navin' ] ) ) {
selectors = [ this.baseSelector ];
this.addCssProperty( selectors, 'background', atts.values.caption_overlay_color );
}
// Background color.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'schantel', 'dany' ] ) && ! this.isDefault( 'caption_background_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
this.addCssProperty( selectors, 'background', atts.values.caption_background_color );
}
// If no caption bg color then set bg same as overlay color.
if ( 'dany' === atts.values.caption_style && this.isDefault( 'caption_background_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
this.addCssProperty( selectors, 'background', atts.values.caption_overlay_color );
}
// Caption margin.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
sides = [ 'top', 'right', 'bottom', 'left' ];
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container' ];
_.each( sides, function( side ) {
marginName = 'caption_margin_' + side;
if ( ! this.isDefault( marginName ) ) {
this.addCssProperty( selectors, 'margin-' + side, _.fusionGetValueWithUnit( atts.values[ marginName ] ) );
}
}, this );
if ( ! this.isDefault( 'caption_title' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
this.addCssProperty( selectors, 'margin-top', '0.5em' );
}
}
css = this.parseCSS();
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
_.each( [ '', 'medium', 'small' ], function( size ) {
var key = 'caption_align' + ( '' === size ? '' : '_' + size );
// Check for default value.
if ( this.isDefault( key ) ) {
return;
}
this.dynamic_css = {};
// Build responsive alignment.
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container' ];
this.addCssProperty( selectors, 'text-align', atts.values[ key ] );
if ( '' === size ) {
responsive += this.parseCSS();
} else {
media = '@media only screen and (max-width:' + this.extras[ 'visibility_' + size ] + 'px)';
responsive += media + '{' + this.parseCSS() + '}';
}
}, this );
css += responsive;
}
// when image max-width applied.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) && '' !== atts.values.max_width ) {
_.each( [ '', 'medium', 'small' ], function( size ) {
var key = 'align' + ( '' === size ? '' : '_' + size ),
align, props, styles;
// Check for default value.
if ( this.isDefault( key ) ) {
return;
}
align = atts.values[ key ];
if ( 'left' === align ) {
align = 'right';
} else if ( 'right' === align ) {
align = 'left';
}
if ( 'center' === align ) {
props = 'margin: 0 auto;';
} else {
props = 'margin-' + align + ': auto;';
}
if ( 'small' === size ) {
props = 'margin: 0;';
}
// Build responsive alignment.
styles = this.baseSelector + ' .awb-imageframe-caption-container {' + props + '}';
if ( '' === size ) {
css += styles;
} else {
media = '@media only screen and (max-width:' + this.extras[ 'visibility_' + size ] + 'px)';
css += media + '{' + styles + '}';
}
}, this );
}
return css;
},
/**
* Generate logos images markup.
*
* @since 3.0
* @param {string} images - The atts object.
* @return {string}
*/
getLogoImages: function( atts ) {
var data = JSON.parse( atts.contentAttr.src ),
normalUrl = data[ 'default' ] && data[ 'default' ].normal && data[ 'default' ].normal.url,
stickyUrl = data.sticky && data.sticky.normal && data.sticky.normal.url,
mobileUrl = data.mobile && data.mobile.normal && data.mobile.normal.url,
content = '';
if ( normalUrl ) {
content += this.getLogoImage( atts, data[ 'default' ], 'fusion-standard-logo' );
}
if ( stickyUrl ) {
content += this.getLogoImage( atts, data.sticky, 'fusion-sticky-logo' );
}
if ( mobileUrl ) {
content += this.getLogoImage( atts, data.mobile, 'fusion-mobile-logo' );
}
return content;
},
/**
* Generate logos image markup.
*
* @since 3.0
* @param {Object} data - The data object.
* @param {string} itemClass - Class for image.
* @return {string}
*/
getLogoImage: function( atts, data, itemClass ) {
var content = '',
logoUrl = '',
logoData = {
'url': '',
'srcset': '',
'style': '',
'retina_url': false,
'width': '',
'height': '',
'class': itemClass
},
retinaUrl = ( data.retina && data.retina.url ) || '';
logoUrl = data.normal.url;
logoData.srcset = logoUrl + ' 1x';
// Get retina logo, if default one is not set.
if ( '' === logoUrl ) {
logoUrl = retinaUrl;
logoData.srcset = logoUrl + ' 1x';
logoData.url = logoUrl;
logoData.width = data.retina.width;
logoData.height = data.retina.height;
if ( '' !== logoData.width ) {
logoData.style = 'max-height:' + logoData.height + 'px;height:auto;';
}
} else {
logoData.url = logoUrl;
logoData.width = ( data.normal && data.normal.width ) || '';
logoData.height = ( data.normal && data.normal.height ) || '';
}
if ( data.normal && '' !== data.normal && '' !== logoData.width && '' !== logoData.height ) {
logoData.retina_url = retinaUrl;
logoData.srcset += ', ' + retinaUrl + ' 2x';
if ( '' !== logoData.width ) {
logoData.style = 'max-height:' + logoData.height + 'px;height:auto;';
}
}
atts.attr[ 'class' ] += ' has-' + itemClass;
content = '<img ' + _.fusionGetAttributes( logoData ) + ' />';
return content;
},
/**
* Generate caption markup.
*
* @since 3.5
* @param {string} atts - The atts object.
* @return {string}
*/
generateCaption: function( atts ) {
var self = this,
content = '<div ' + _.fusionGetAttributes( this.buildCaptionAttr( atts.values ) ) + '><div class="awb-imageframe-caption">',
title = '',
caption = '',
title_tag = '',
image_id,
media;
if ( 'off' === atts.values.caption_style ) {
return '';
}
// Get image title & caption from attachment attribute.
if ( 'undefined' !== typeof atts.values.image_id && '' !== atts.values.image_id ) {
if ( -1 !== atts.values.image_id.indexOf( '|' ) ) {
image_id = atts.values.image_id.split( '|' )[ 0 ];
} else {
image_id = atts.values.image_id;
}
media = wp.media.attachment( image_id );
if ( _.isUndefined( media.get( 'title' ) ) ) {
media.fetch().then( function() {
self.reRender();
self._refreshJs();
} );
} else {
title = media.get( 'title' );
caption = media.get( 'caption' );
}
}
// Otherwise get title & caption from custom option.
if ( '' !== atts.values.caption_title ) {
title = atts.values.caption_title;
}
if ( '' !== atts.values.caption_text ) {
caption = atts.values.caption_text;
}
if ( '' !== title ) {
title_tag = 'div' === atts.values.caption_title_tag ? 'div' : 'h' + atts.values.caption_title_tag;
content += '<' + title_tag + ' class="awb-imageframe-caption-title">' + title + '</' + title_tag + '>';
}
if ( '' !== caption ) {
content += '<p class="awb-imageframe-caption-text">' + caption + '</p>';
}
content += '</div></div>';
return content;
},
/**
* Runs just after render on cancel.
*
* @since 3.5
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) );
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( '' !== values.element_content ) {
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.images[ values.element_content ] ) {
FusionPageBuilderApp.mediaMap.images[ values.element_content ] = true;
}
// Check if we have an image ID for this param.
if ( 'undefined' !== typeof values.image_id && '' !== values.image_id ) {
if ( 'object' !== typeof FusionPageBuilderApp.mediaMap.images[ values.element_content ] ) {
FusionPageBuilderApp.mediaMap.images[ values.element_content ] = {};
}
FusionPageBuilderApp.mediaMap.images[ values.element_content ].image_id = values.image_id;
}
}
}
},
/**
* Builds caption attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildCaptionAttr: function( values ) {
// Caption Attributes.
var attr = {
'class': 'awb-imageframe-caption-container',
'style': ''
};
if ( '' !== values.max_width && -1 !== jQuery.inArray( values.caption_style, [ 'above', 'below' ] ) && '' === values.aspect_ratio ) {
attr.style += 'max-width:' + _.fusionGetValueWithUnit( values.max_width ) + ';';
}
return attr;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Lightbox View.
FusionPageBuilder.layerslider = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
window.FusionApp.injectScripts( this.model.get( 'cid' ) );
},
filterTemplateAtts: function( atts ) {
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output ) {
atts.markup.output = window.FusionApp.removeScripts( atts.markup.output, this.model.get( 'cid' ) );
}
return atts;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Slider revolution View.
FusionPageBuilder.rev_slider = FusionPageBuilder.ElementView.extend( {
filterRenderContent: function( output ) {
return this.filterDuplicates( this.disableInlineScripts( output ) );
},
filterOutput: function( output ) {
return this.filterDuplicates( output );
},
filterDuplicates: function( output ) {
if ( jQuery( '#fb-preview' ).contents().find( 'rs-module-wrap[data-alias="' + this.model.get( 'params' ).alias + '"]' ).length ) {
return '<div class="fusion-builder-placeholder">' + window.fusionBuilderText.duplicate_slider_revolution + '</div>';
}
return output;
},
disableInlineScripts: function( output ) {
if ( -1 !== output.indexOf( 'rev_slider_error' ) || ( -1 !== output.indexOf( 'rs_error_message' ) && -1 !== output.indexOf( '<script' ) && -1 !== output.indexOf( '</script>' ) ) ) {
output = output.replace( '<script', '<!--<script' ).replace( '</script>', '</script>-->' ).replace( '<rs-module id="', '<rs-module style="dusplay: block; visibility:visible;" id="' );
}
return output;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Person Element View.
FusionPageBuilder.fusion_person = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var tooltips = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el ).find( '[data-toggle="tooltip"]' );
if ( tooltips.length && 'function' === typeof tooltips.tooltip ) {
tooltips.tooltip( 'destroy' );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var tooltips = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el ).find( '[data-toggle="tooltip"]' );
setTimeout( function() {
if ( tooltips.length && 'function' === typeof tooltips.tooltip ) {
tooltips.tooltip( {
container: 'body'
} );
}
}, 150 );
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Validate values and extras.
this.validateValuesExtras( atts.values, atts.extras );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.imageAttr = this.buildImageAttr( atts.values );
attributes.hrefAttr = this.buildHrefAttr( atts.values );
attributes.wrapperAttr = this.buildWrapperAttr( atts.values );
attributes.imageContainerAttr = this.buildImageContainerAttr( atts.values );
attributes.styles = this.buildStyles( atts.values );
attributes.socialAttr = this.buildSocialAttr( atts.values );
attributes.descAttr = this.buildDescAttr( atts.values );
attributes.socialNetworks = this.getSocialNetworks( atts.values );
attributes.icons = _.fusionBuildSocialLinks( attributes.socialNetworks, this.personIconAttr, atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.pic_style_blur = _.fusionValidateAttrValue( values.pic_style_blur, 'px' );
values.pic_bordersize = _.fusionValidateAttrValue( values.pic_bordersize, 'px' );
values.pic_borderradius = _.fusionValidateAttrValue( values.pic_borderradius, 'px' );
values.social_icon_boxed_radius = _.fusionValidateAttrValue( values.social_icon_boxed_radius, 'px' );
values.social_icon_font_size = _.fusionValidateAttrValue( values.social_icon_font_size, 'px' );
values.social_icon_padding = _.fusionValidateAttrValue( values.social_icon_padding, 'px' );
if ( 'round' === values.pic_borderradius ) {
values.pic_borderradius = '50%';
}
this.stylecolor = ( '#' === values.pic_style_color.charAt( 0 ) ) ? jQuery.AWB_Color( values.pic_style_color ).alpha( 0.3 ).toVarOrRgbaString() : jQuery.AWB_Color( values.pic_style_color ).toVarOrRgbaString();
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @param {Object} extras - Extra args.
* @return {void}
*/
validateValuesExtras: function( values, extras ) {
values.linktarget = values.linktarget ? '_blank' : '_self';
values.social_media_icons = extras.social_media_icons;
values.social_media_icons_icon = extras.social_media_icons.icon;
values.social_media_icons_url = extras.social_media_icons.url;
values.icons_boxed_radius = _.fusionValidateAttrValue( values.icons_boxed_radius, 'px' );
values.font_size = _.fusionValidateAttrValue( values.font_size, 'px' );
values.boxed_padding = _.fusionValidateAttrValue( extras.boxed_padding, 'px' );
if ( '' == values.color_type ) {
values.box_colors = values.social_links_box_color;
values.icon_colors = values.social_links_icon_color;
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
// Person Shortcode Attributes.
var cid = this.model.get( 'cid' ),
personShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-person fusion-person-' + cid + ' person fusion-person-' + values.content_alignment + ' fusion-person-icon-' + values.icon_position
} );
if ( '' !== values[ 'class' ] ) {
personShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
personShortcode.id = values.id;
}
//Animation
personShortcode = _.fusionAnimations( values, personShortcode );
return personShortcode;
},
/**
* Builds image attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildImageAttr: function( values ) {
// PersonShortcodeImg Attributes.
var personShortcodeImg = {
class: 'person-img img-responsive',
style: ''
};
personShortcodeImg.src = values.picture;
personShortcodeImg.alt = values.name;
return personShortcodeImg;
},
/**
* Builds href attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildHrefAttr: function( values ) {
// PersonShortcodeHref attributes.
var personShortcodeHref = {
href: values.pic_link
};
if ( 'yes' === values.lightbox ) {
personShortcodeHref[ 'class' ] = 'lightbox-shortcode';
personShortcodeHref.href = values.picture;
} else {
personShortcodeHref.target = values.linktarget;
}
return personShortcodeHref;
},
/**
* Builds style block
*
* @since 2.0
* @param {Object} values - The values object.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '';
if ( 'bottomshadow' === values.pic_style ) {
styles += '.fusion-person-' + this.model.get( 'cid' ) + ' .element-bottomshadow:before, .fusion-person-' + this.model.get( 'cid' ) + ' .element-bottomshadow:after{';
styles += '-webkit-box-shadow: 0 17px 10px ' + this.stylecolor + ';box-shadow: 0 17px 10px ' + this.stylecolor + ';}';
}
if ( 'liftup' === values.hover_type && '' !== values.pic_borderradius && values.pic_borderradius ) {
styles += '.fusion-person-' + this.model.get( 'cid' ) + ' .imageframe-liftup:before{';
styles += '-webkit-border-radius:' + values.pic_borderradius + ';-moz-border-radius:' + values.pic_borderradius + ';border-radius:' + values.pic_borderradius + ';';
}
styles += this.buildMarginStyles( values );
styles += this.getSocialStyle( values );
if ( '' !== styles ) {
styles = '<style>' + styles + '</style>';
}
return styles;
},
/**
* Builds styles.
*
* @since 3.6
* @param {Object} values - The values object.
* @return {String}
*/
getSocialStyle: function( values ) {
var css, selectors;
this.baseSelector = '.fusion-person-' + this.model.get( 'cid' );
this.dynamic_css = {};
//Icon styles.
if ( 'brand' !== values.social_color_type ) {
selectors = [ this.baseSelector + ' .boxed-icons .fusion-social-network-icon' ];
if ( '' !== values.social_box_border_top ) {
this.addCssProperty( selectors, 'border-top-width', _.fusionGetValueWithUnit( values.social_box_border_top ), true );
}
if ( '' !== values.social_box_border_right ) {
this.addCssProperty( selectors, 'border-right-width', _.fusionGetValueWithUnit( values.social_box_border_right ), true );
}
if ( '' !== values.social_box_border_bottom ) {
this.addCssProperty( selectors, 'border-bottom-width', _.fusionGetValueWithUnit( values.social_box_border_bottom ), true );
}
if ( '' !== values.social_box_border_left ) {
this.addCssProperty( selectors, 'border-left-width', _.fusionGetValueWithUnit( values.social_box_border_left ), true );
}
if ( '' !== values.social_box_border_color ) {
this.addCssProperty( selectors, 'border-color', values.social_box_border_color, true );
}
selectors = [ this.baseSelector + ' .boxed-icons .fusion-social-network-icon:hover' ];
if ( '' !== values.social_box_colors_hover ) {
this.addCssProperty( selectors, 'background-color', values.social_box_colors_hover, true );
}
if ( '' !== values.social_box_border_color_hover ) {
this.addCssProperty( selectors, 'border-color', values.social_box_border_color_hover, true );
}
selectors = [ this.baseSelector + ' .fusion-social-network-icon:hover' ];
if ( '' !== values.social_icon_colors_hover ) {
this.addCssProperty( selectors, 'color', values.social_icon_colors_hover, true );
}
}
css = this.parseCSS();
return ( css ) ? css : '';
},
/**
* Builds margin styles.
*
* @since 3.6
* @param {Object} values - The values object.
* @return {string}
*/
buildMarginStyles: function( values ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-person-' + this.model.get( 'cid' ),
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
return responsiveStyles;
},
/**
* Builds wrapper attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildWrapperAttr: function( values ) {
// PersonShortcodeImageWrapper Attributes.
var personShortcodeImageWrapper = {
class: 'person-shortcode-image-wrapper'
};
if ( 'liftup' === values.hover_type ) {
personShortcodeImageWrapper[ 'class' ] += ' imageframe-liftup';
}
return personShortcodeImageWrapper;
},
/**
* Builds image container attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildImageContainerAttr: function( values ) {
// PersonShortcodeImageContainer Attributes.
var personShortcodeImageContainer = {
class: 'person-image-container',
style: ''
},
styles = '',
blur = values.pic_style_blur,
blurRadius = ( parseInt( blur, 10 ) + 4 ) + 'px';
if ( '' !== values.hover_type && 'liftup' !== values.hover_type ) {
personShortcodeImageContainer[ 'class' ] += ' hover-type-' + values.hover_type;
}
if ( 'round' === values.pic_borderradius ) {
values.pic_borderradius = '50%';
}
if ( '0px' !== values.pic_borderradius && '' !== values.pic_borderradius && 'bottomshadow' === values.pic_style ) {
values.pic_style = 'none';
}
if ( 'glow' === values.pic_style ) {
personShortcodeImageContainer[ 'class' ] += ' glow';
} else if ( 'dropshadow' === values.pic_style ) {
personShortcodeImageContainer[ 'class' ] += ' dropshadow';
} else if ( 'bottomshadow' === values.pic_style ) {
personShortcodeImageContainer[ 'class' ] += ' element-bottomshadow';
}
if ( 'glow' === values.pic_style ) {
styles += '-webkit-box-shadow: 0 0 ' + blur + ' ' + this.stylecolor + ';box-shadow: 0 0 ' + blur + ' ' + this.stylecolor + ';';
} else if ( 'dropshadow' === values.pic_style ) {
styles += '-webkit-box-shadow: ' + blur + ' ' + blur + ' ' + blurRadius + ' ' + this.stylecolor + ';box-shadow: ' + blur + ' ' + blur + ' ' + blurRadius + ' ' + this.stylecolor + ';';
}
if ( '' !== values.pic_borderradius ) {
styles += '-webkit-border-radius:' + values.pic_borderradius + ';-moz-border-radius:' + values.pic_borderradius + ';border-radius:' + values.pic_borderradius + '; overflow:hidden;';
}
if ( '' !== values.pic_bordersize ) {
styles += 'border:' + values.pic_bordersize + ' solid ' + values.pic_bordercolor + ';';
}
personShortcodeImageContainer.style += styles;
return personShortcodeImageContainer;
},
/**
* Builds social attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildSocialAttr: function( values ) {
// PersonShortcodeSocialNetworks Attributes.
var personShortcodeSocialNetworks = {
class: 'fusion-social-networks'
};
if ( 'yes' === values.social_icon_boxed ) {
personShortcodeSocialNetworks[ 'class' ] += ' boxed-icons';
}
return personShortcodeSocialNetworks;
},
/**
* Builds description attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildDescAttr: function( values ) {
// PersonDesc Attributes.
var personDesc = {
class: 'person-desc'
};
if ( values.background_color && 'transparent' !== values.background_color && 0 !== jQuery.AWB_Color( values.background_color ).alpha() ) {
personDesc.style = 'background-color:' + values.background_color + ';padding:40px;margin-top:0;';
}
return personDesc;
},
/**
* Builds person icon attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
personIconAttr: function( args, values ) {
var attr = {
class: 'fusion-social-network-icon fusion-tooltip fusion-' + args.social_network
},
link = '',
target = '',
tooltip = '';
if ( ! _.isEmpty( args.icon_mark ) ) {
attr[ 'class' ] += ' ' + args.icon_mark;
} else {
attr[ 'class' ] += ' awb-icon-' + args.social_network;
}
attr[ 'aria-label' ] = 'fusion-' + args.social_network;
link = args.social_link,
target = values.target;
if ( 'mail' === args.social_network && 'undefined' !== typeof args.social_link ) {
link = 'mailto:' + args.social_link.replace( 'mailto:', '' );
target = '_self';
}
if ( 'phone' === args.social_network && 'undefined' !== typeof args.social_link ) {
link = 'tel:' + args.social_link.replace( 'tel:', '' );
target = '_self';
}
attr.href = link;
attr.target = target;
if ( '_blank' === target ) {
attr.rel = 'noopener noreferrer';
}
attr.style = '';
if ( '' !== args.icon_color ) {
attr.style = 'color:' + args.icon_color + ';';
}
if ( 'yes' === values.social_icon_boxed && '' !== args.box_color ) {
attr.style += 'background-color:' + args.box_color + ';border-color:' + args.box_color + ';';
}
if ( ( 'yes' === values.social_icon_boxed && '' !== values.social_icon_boxed_radius ) || '0' === values.social_icon_boxed_radius ) {
if ( 'round' === values.social_icon_boxed_radius ) {
values.social_icon_boxed_radius = '50%';
}
attr.style += 'border-radius:' + values.social_icon_boxed_radius + ';';
}
if ( '' !== values.social_icon_font_size ) {
attr.style += 'font-size:' + values.social_icon_font_size + ';';
}
if ( 'yes' === values.social_icon_boxed && '' !== values.social_icon_padding ) {
attr.style += 'padding:' + values.social_icon_padding + ';';
}
attr[ 'data-placement' ] = values.social_icon_tooltip;
tooltip = args.social_network;
tooltip = ( 'youtube' === tooltip.toLowerCase() ) ? 'YouTube' : tooltip;
attr[ 'data-title' ] = _.fusionUcFirst( tooltip );
attr.title = _.fusionUcFirst( tooltip );
if ( 'none' !== values.social_icon_tooltip ) {
attr[ 'data-toggle' ] = 'tooltip';
}
return attr;
},
/**
* Get list of social networks.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
getSocialNetworks: function( values ) {
var socialNetworks = _.fusionGetSocialNetworks( values );
socialNetworks = _.fusionSortSocialNetworks( socialNetworks, values );
return socialNetworks;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Lottie Element View.
FusionPageBuilder.fusion_lottie = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.isFlex = this.flexDisplay();
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.wrapperAttr = this.buildWrapperAttr( atts.values );
attributes.tag = '' !== atts.values.link ? 'a' : 'div';
attributes.styleBlock = _.fusionGetFilterStyleElem( atts.values, '.fusion-lottie-' + this.model.get( 'cid' ), this.model.get( 'cid' ) );
return attributes;
},
buildAttr: function( values ) {
var attr = {
'class': 'fusion-lottie-animation',
'style': ''
},
alignClasses = {
'center': 'mx-auto',
'left': 'mr-auto',
'right': 'ml-auto'
},
alignLarge,
alignMedium,
alignSmall;
if ( '' !== values.json ) {
attr[ 'data-path' ] = values.json;
attr[ 'data-loop' ] = 'yes' === values.loop ? 1 : 0;
attr[ 'data-reverse' ] = 'yes' === values.reverse ? 1 : 0;
attr[ 'data-speed' ] = values.speed;
attr[ 'data-trigger' ] = values.trigger;
if ( 'viewport' === values.trigger ) {
attr[ 'data-animationoffset' ] = values.trigger_offset;
}
}
if ( values.max_width ) {
attr.style += 'width:100%;max-width:' + values.max_width + ';';
if ( '' !== values.link ) {
attr.style += 'display:block;';
}
}
// Link if set.
if ( '' !== values.link ) {
attr.href = values.link;
attr.target = values.target;
if ( '_blank' === values.target ) {
attr.rel = 'noopener noreferrer';
}
}
if ( this.isFlex ) {
alignLarge = values.align && 'none' !== values.align ? values.align : false,
alignMedium = values.align_medium && 'none' !== values.align_medium ? values.align_medium : false,
alignSmall = values.align_small && 'none' !== values.align_small ? values.align_small : false;
if ( alignLarge ) {
attr[ 'class' ] += ' lg-' + alignClasses[ alignLarge ];
}
if ( alignMedium ) {
attr[ 'class' ] += ' md-' + alignClasses[ alignMedium ];
}
if ( alignSmall ) {
attr[ 'class' ] += ' sm-' + alignClasses[ alignSmall ];
}
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildWrapperAttr: function( values ) {
var attr = {
style: '',
'class': 'fusion-lottie fusion-lottie-' + this.model.get( 'cid' ),
'data-id': this.model.get( 'cid' )
};
// Hide on mobile.
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
attr = _.fusionAnimations( values, attr );
// Margins.
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + _.fusionValidateAttrValue( values.margin_top, 'px' ) + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + _.fusionValidateAttrValue( values.margin_right, 'px' ) + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + _.fusionValidateAttrValue( values.margin_bottom, 'px' ) + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + _.fusionValidateAttrValue( values.margin_left, 'px' ) + ';';
}
return attr;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionAllElements, fusionSanitize */
var FusionPageBuilder = FusionPageBuilder || {};
( function () {
jQuery( document ).ready( function () {
// Alert Element View.
FusionPageBuilder.fusion_menu = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function ( atts ) {
var attributes = {};
this.values = atts.values;
attributes.attr = this.buildAttr();
attributes.menuMarkup = 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.menu_markup ? atts.query_data.menu_markup : 'No menu markup';
attributes.buttonMarkup = 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.button_markup ? atts.query_data.button_markup : 'No button markup';
attributes.flyoutButtonMarkup = 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.flyout_button_markup ? atts.query_data.flyout_button_markup : 'No flyout button markup';
attributes.inlineStyles = this.getStyles();
return attributes;
},
addCssProperty: function ( selectors, property, value, important ) {
if ( 'object' === typeof selectors ) {
selectors = Object.values( selectors );
}
if ( 'object' === typeof selectors ) {
selectors = selectors.join( ',' );
}
if ( 'object' !== typeof this.dynamic_css[ selectors ] ) {
this.dynamic_css[ selectors ] = {};
}
if ( 'undefined' !== typeof important && important ) {
value += ' !important';
}
if ( 'undefined' === typeof this.dynamic_css[ selectors ][ property ] || ( 'undefined' !== typeof important && important ) || ! this.dynamic_css[ selectors ][ property ].includes( 'important' ) ) {
this.dynamic_css[ selectors ][ property ] = value;
}
},
isDefault: function( param ) {
return this.values[ param ] === fusionAllElements.fusion_menu.defaults[ param ];
},
getStyles: function () {
var selectors, gap_value, gap_unit, half_gap, value, unit, half,
menuStyles = {},
self = this;;
this.baseSelector = '.fusion-menu-element-wrapper[data-cid="' + this.model.get('cid') + '"]';
this.dynamic_css = {};
if (!this.isDefault('font_size')) {
selectors = [ this.baseSelector, this.baseSelector + ' .fusion-menu-element-list .menu-item > a' ];
this.addCssProperty(selectors, 'font-size', this.values['font_size']);
}
if (!this.isDefault('margin_top')) {
this.addCssProperty( this.baseSelector, 'margin-top', this.values['margin_top']);
}
if (!this.isDefault('margin_bottom')) {
this.addCssProperty( this.baseSelector, 'margin-bottom', this.values['margin_bottom']);
}
if (!this.isDefault('direction')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list', 'flex-direction', this.values['direction']);
}
if (!this.isDefault('justify_content')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list', 'justify-content', this.values['justify_content']);
}
if (!this.isDefault('align_items')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list', 'align-items', this.values['align_items']);
}
selectors = [ this.baseSelector + ' .fusion-menu-element-list', this.baseSelector + ' > .avada-menu-mobile-menu-trigger', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu .fusion-megamenu-title .awb-justify-title' ];
menuStyles = _.fusionGetFontStyle( 'typography', this.values, 'object' );
jQuery.each( menuStyles, function( rule, value ) {
self.addCssProperty( selectors, rule, value );
} );
this.addCssProperty([ this.baseSelector + ' [class*="awb-icon-"]', this.baseSelector + ' [class^="awb-icon-"]' ], 'font-family', this.values['fusion_font_family_typography'], true);
if (!this.isDefault('min_height')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list', 'min-height', this.values['min_height']);
}
if (!this.isDefault('sticky_min_height')) {
this.addCssProperty('.fusion-body .fusion-sticky-container.fusion-sticky-transition ' + this.baseSelector + ' .fusion-menu-element-list', 'min-height', this.values['sticky_min_height']);
}
if (!this.isDefault('text_transform') ) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li,' + this.baseSelector + ' .fusion-menu-element-list .fusion-megamenu-title', 'text-transform', this.values['text_transform']);
}
if (!this.isDefault('line_height') ) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li,' + this.baseSelector + ' .fusion-menu-element-list .fusion-megamenu-title', 'line-height', this.values['line_height']);
}
if (!this.isDefault('letter_spacing')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li > a', 'letter-spacing', _.fusionGetValueWithUnit( this.values['letter_spacing'] ));
}
if (!this.isDefault('mobile_trigger_background_color')) {
this.addCssProperty( this.baseSelector + ' > .avada-menu-mobile-menu-trigger', 'background-color', this.values['mobile_trigger_background_color']);
}
if (!this.isDefault('mobile_trigger_color')) {
this.addCssProperty( this.baseSelector + ' > .avada-menu-mobile-menu-trigger', 'color', this.values['mobile_trigger_color']);
}
if (!this.isDefault('trigger_padding_top')) {
this.addCssProperty( this.baseSelector + ' > .avada-menu-mobile-menu-trigger', 'padding-top', this.values['trigger_padding_top']);
}
if (!this.isDefault('trigger_padding_right')) {
this.addCssProperty( this.baseSelector + ' > .avada-menu-mobile-menu-trigger', 'padding-right', this.values['trigger_padding_right']);
}
if (!this.isDefault('trigger_padding_bottom')) {
this.addCssProperty( this.baseSelector + ' > .avada-menu-mobile-menu-trigger', 'padding-bottom', this.values['trigger_padding_bottom']);
}
if (!this.isDefault('trigger_padding_left')) {
this.addCssProperty( this.baseSelector + ' > .avada-menu-mobile-menu-trigger', 'padding-left', this.values['trigger_padding_left']);
}
if (!this.isDefault('transition_time')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list', this.baseSelector + ' .fusion-menu-element-list .menu-item a', this.baseSelector + ' .fusion-menu-element-list > li', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button)', this.baseSelector + ' .fusion-overlay-search', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active', this.baseSelector + '.expand-method-click.direction-row > ul > li > .fusion-open-nav-submenu', this.baseSelector + ':not(.submenu-mode-flyout) .fusion-menu-element-list li:not(.fusion-mega-menu) .sub-menu', this.baseSelector + ':not(.submenu-mode-flyout) .fusion-menu-element-list .fusion-megamenu-wrapper', this.baseSelector + ' .avada-menu-mobile-menu-trigger .collapsed-nav-icon-open', this.baseSelector + ' .avada-menu-mobile-menu-trigger .collapsed-nav-icon-close', this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled' ];
if ('never' !== this.values['breakpoint']) {
selectors.push( this.baseSelector + '.collapse-enabled.mobile-mode-collapse-to-button > ul');
selectors.push( this.baseSelector + '.collapse-enabled .menu-item a > .fusion-button');
}
this.addCssProperty(selectors, 'transition-duration', Number( this.values['transition_time']) + 'ms');
}
if (!this.isDefault('gap')) {
if ('column' !== this.values['direction']) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li', 'margin-left', 'calc(' + this.values['gap'] + ' / 2)');
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li', 'margin-right', 'calc(' + this.values['gap'] + ' / 2)');
}
else {
this.addCssProperty( this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(:last-child)', 'margin-bottom', this.values['gap'], true);
}
}
if (!this.isDefault('bg')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button)', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default', this.baseSelector + ' .custom-menu-search-overlay ~ .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .custom-menu-search-overlay .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .custom-menu-search-dropdown' ];
this.addCssProperty(selectors, 'background-color', this.values['bg']);
}
if (!this.isDefault('border_radius_top_left') || !this.isDefault('border_radius_top_right') || !this.isDefault('border_radius_bottom_right') || !this.isDefault('border_radius_bottom_left')) {
value = this.values['border_radius_top_left'] + ' ' + this.values['border_radius_top_right'] + ' ' + this.values['border_radius_bottom_right'] + ' ' + this.values['border_radius_bottom_left'];
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button)', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active' ];
this.addCssProperty(selectors, 'border-radius', value);
}
if (!this.isDefault('items_padding_top') || !this.isDefault('border_top')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) .fusion-widget-cart > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .fusion-open-nav-submenu' ];
this.addCssProperty(selectors, 'padding-top', 'calc(' + this.values['items_padding_top'] + ' + ' + this.values['border_top'] + ')');
}
if (!this.isDefault('items_padding_right') || !this.isDefault('border_right')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) .fusion-widget-cart > a' ];
this.addCssProperty(selectors, 'padding-right', 'calc(' + this.values['items_padding_right'] + ' + ' + this.values['border_right'] + ')');
}
if (!this.isDefault('items_padding_bottom') || !this.isDefault('border_bottom')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > a' ];
if (true) {
selectors.push( this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) .fusion-widget-cart > a');
}
this.addCssProperty(selectors, 'padding-bottom', 'calc(' + this.values['items_padding_bottom'] + ' + ' + this.values['border_bottom'] + ')');
}
if (!this.isDefault('items_padding_left') || !this.isDefault('border_left')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > a' ];
if (true) {
selectors.push( this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) .fusion-widget-cart > a');
}
this.addCssProperty(selectors, 'padding-left', 'calc(' + this.values['items_padding_left'] + ' + ' + this.values['border_left'] + ')');
}
if (!this.isDefault('items_padding_top') || !this.isDefault('active_border_top')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):hover > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).hover > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):focus > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):active > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):focus-within > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-item > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-ancestor > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-parent > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).expanded > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):focus > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):active > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):focus-within > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-item > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-ancestor > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-parent > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button).expanded > .fusion-open-nav-submenu' ];
if ('column' === this.values['direction']) {
selectors.push( this.baseSelector + '.direction-column .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .fusion-open-nav-submenu');
}
this.addCssProperty(selectors, 'padding-top', 'calc(' + this.values['items_padding_top'] + ' + ' + this.values['active_border_top'] + ')');
}
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children):hover > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children).hover > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children):focus > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children):active > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children):focus-within > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children).current-menu-item > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children).current-menu-ancestor > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children).current-menu-parent > a', this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.menu-item-has-children).expanded > a' ];
// Combined padding right and active border right.
if (!this.isDefault('items_padding_right') || !this.isDefault('active_border_right')) {
this.addCssProperty(selectors, 'padding-right', 'calc(' + this.values['items_padding_right'] + ' + ' + this.values['active_border_right'] + ')');
}
if (!this.isDefault('items_padding_bottom') || !this.isDefault('active_border_bottom')) {
this.addCssProperty(selectors, 'padding-bottom', 'calc(' + this.values['items_padding_bottom'] + ' + ' + this.values['active_border_bottom'] + ')');
if ('column' === this.values['direction']) {
this.addCssProperty( this.baseSelector + '.direction-column .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .fusion-open-nav-submenu', 'padding-bottom', 'calc(' + this.values['items_padding_bottom'] + ' + ' + this.values['active_border_bottom'] + ')');
}
else if ('click' === this.values['expand_method']) {
this.addCssProperty( this.baseSelector + '.expand-method-click.direction-row > ul > li > .fusion-open-nav-submenu', 'padding-bottom', 'calc(' + this.values['items_padding_bottom'] + ' + ' + this.values['active_border_bottom'] + ')');
}
}
if (!this.isDefault('items_padding_left') || !this.isDefault('active_border_left')) {
this.addCssProperty(selectors, 'padding-left', 'calc(' + this.values['items_padding_left'] + ' + ' + this.values['active_border_left'] + ')');
}
if (!this.isDefault('items_padding_top')) {
selectors = [ this.baseSelector + ' .fusion-menu-form-inline', this.baseSelector + ' .custom-menu-search-overlay ~ .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .custom-menu-search-overlay .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .fusion-menu-form-inline' ];
this.addCssProperty(selectors, 'padding-top', this.values['items_padding_top']);
}
if ('row' === this.values['direction'] && 'click' === this.values['expand_method'] && (!this.isDefault('items_padding_top') || !this.isDefault('submenu_items_padding_top'))) {
this.addCssProperty( this.baseSelector + '.expand-method-click.direction-row > ul > li > .fusion-open-nav-submenu', 'padding-bottom', 'calc(' + this.values['items_padding_bottom'] + ' + ' + this.values['active_border_bottom'] + ')');
if ('yes' === this.values['dropdown_carets']) {
this.addCssProperty( this.baseSelector + '.dropdown-carets-yes:not(.collapse-enabled).direction-row.expand-method-click li.menu-item-has-children:not(.fusion-menu-item-button) ul .fusion-open-nav-submenu', 'padding-top', this.values['submenu_items_padding_top']);
this.addCssProperty( this.baseSelector + '.dropdown-carets-yes:not(.collapse-enabled).direction-row.expand-method-click li.menu-item-has-children:not(.fusion-menu-item-button) ul .fusion-open-nav-submenu', 'padding-bottom', this.values['submenu_items_padding_bottom']);
}
}
if (!this.isDefault('items_padding_bottom')) {
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-form-inline', this.baseSelector + ':not(.collapse-enabled) .custom-menu-search-overlay ~ .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .custom-menu-search-overlay .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .fusion-menu-form-inline' ];
this.addCssProperty(selectors, 'padding-bottom', this.values['items_padding_bottom']);
}
if (!this.isDefault('items_padding_right')) {
if (jQuery( 'body' ).hasClass( 'rtl' ) && 'click' === this.values['expand_method']) {
this.addCssProperty(['.ltr' + this.baseSelector + '.expand-method-click li.menu-item-has-children:not(.fusion-menu-item-button) > .fusion-open-nav-submenu' ], 'padding-right', this.values['items_padding_right']);
}
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-form-inline', this.baseSelector + ':not(.collapse-enabled) .custom-menu-search-overlay ~ .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .custom-menu-search-overlay .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .fusion-menu-form-inline' ];
if (jQuery( 'body' ).hasClass( 'rtl' ) && 'click' === this.values['expand_method'] && 'column' === this.values['direction']) {
selectors.push('.ltr' + this.baseSelector + '.direction-column.expand-method-click.expand-left .menu-item-has-children > a');
}
this.addCssProperty(selectors, 'padding-right', this.values['items_padding_right']);
this.addCssProperty( this.baseSelector + ' .custom-menu-search-dropdown .fusion-main-menu-icon', 'padding-right', this.values['items_padding_right'], true);
}
if (!this.isDefault('items_padding_left')) {
if (jQuery( 'body' ).hasClass( 'rtl' ) && 'click' === this.values['expand_method']) {
selectors = ['.rtl' + this.baseSelector + '.expand-method-click li.menu-item-has-children:not(.fusion-menu-item-button) > .fusion-open-nav-submenu' ];
this.addCssProperty(selectors, 'padding-left', this.values['items_padding_left']);
}
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-form-inline', this.baseSelector + ':not(.collapse-enabled) .custom-menu-search-overlay ~ .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .custom-menu-search-overlay .fusion-overlay-search', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .fusion-menu-form-inline' ];
if (jQuery( 'body' ).hasClass( 'rtl' ) && 'click' === this.values['expand_method'] && 'column' === this.values['direction']) {
selectors.push('.ltr' + this.baseSelector + '.direction-column.expand-method-click.expand-left .menu-item-has-children > a');
}
this.addCssProperty(selectors, 'padding-left', this.values['items_padding_left']);
// Important ones.
this.addCssProperty( this.baseSelector + ' .custom-menu-search-dropdown .fusion-main-menu-icon', 'padding-left', this.values['items_padding_left'], true);
}
if (!this.isDefault('color')) {
// Ones with important.
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button) > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .fusion-open-nav-submenu' ];
this.addCssProperty(selectors, 'color', this.values['color'], true);
// Ones without important.
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + '.expand-method-click li ul .fusion-open-nav-submenu');
}
this.addCssProperty(selectors, 'color', this.values['color']);
// Background, but why?
selectors = [ this.baseSelector + ' .fusion-overlay-search .fusion-close-search:before', this.baseSelector + ' .fusion-overlay-search .fusion-close-search:after' ];
this.addCssProperty(selectors, 'background', this.values['color']);
}
if (!this.isDefault('active_bg')) {
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active' ];
this.addCssProperty( this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active', 'background', this.values['active_bg']);
// Border top.
if ('row' === this.values['direction']) {
// Click method.
selectors = [ this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children.expanded:after', this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:hover:after', this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children.hover:after', this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:focus:after', this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:active:after', this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:focus-within:after' ];
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li.expanded:after');
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li.expanded:after');
}
}
this.addCssProperty(selectors, 'border-top-color', this.values['active_bg']);
}
if ('column' === this.values['direction']) {
if ('click' === this.values['expand_method']) {
selectors = [ this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu):after' ];
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right > ul > li.expanded:after');
}
}
if ('hover' === this.values['expand_method']) {
selectors = [ ];
if (false !== this.values['arrows'].includes('main')) {
selectors = [ this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):hover:after', this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).hover:after', this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus:after', this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):active:after', this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus-within:after' ];
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right > ul > li.expanded:after');
}
}
this.addCssProperty(selectors, 'border-left-color', this.values['active_bg']);
}
if ('column' === this.values['direction']) {
if ('click' === this.values['expand_method']) {
selectors = [ this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu):after' ];
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left > ul > li.expanded:after');
}
}
if ('hover' === this.values['expand_method']) {
selectors = [ ];
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus-within:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li.expanded:after');
}
}
this.addCssProperty(selectors, 'border-right-color', this.values['active_bg']);
}
}
if (!this.isDefault('active_color')) {
// Important ones.
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.custom-menu-search-overlay):hover > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).hover > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.custom-menu-search-overlay):focus > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.custom-menu-search-overlay):active > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.custom-menu-search-overlay):focus-within > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-item > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-ancestor > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-parent > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).expanded > a', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):hover > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).hover > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):focus > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):active > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):focus-within > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-item > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-ancestor > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).current-menu-parent > .fusion-open-nav-submenu', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button).expanded > .fusion-open-nav-submenu' ];
this.addCssProperty(selectors, 'color', this.values['active_color'], true);
}
if (!this.isDefault('border_top')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default' ];
this.addCssProperty(selectors, 'border-top-width', this.values['border_top']);
}
if (!this.isDefault('border_right')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default' ];
this.addCssProperty(selectors, 'border-right-width', this.values['border_right']);
}
if (!this.isDefault('border_bottom')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default' ];
this.addCssProperty(selectors, 'border-bottom-width', this.values['border_bottom']);
}
if (!this.isDefault('border_left')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default' ];
this.addCssProperty(selectors, 'border-left-width', this.values['border_left']);
}
if (!this.isDefault('border_color')) {
// Important ones.
selectors = [ this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-default' ];
this.addCssProperty(selectors, 'border-color', this.values['border_color']);
}
if (!this.isDefault('active_border_top')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active', 'border-top-width', this.values['active_border_top']);
}
if (!this.isDefault('active_border_right')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active', 'border-right-width', this.values['active_border_right']);
}
if (!this.isDefault('active_border_bottom')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active', 'border-bottom-width', this.values['active_border_bottom']);
}
if (!this.isDefault('active_border_left')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active', 'border-left-width', this.values['active_border_left']);
}
if (!this.isDefault('active_border_color')) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list > li:not(.fusion-menu-item-button) > .background-active', 'border-color', this.values['active_border_color']);
if ('row' === this.values['direction']) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-row.has-active-border-bottom-yes > ul > li.menu-item-has-children.expanded:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row.has-active-border-bottom-yes > ul > li.expanded:after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-row.has-active-border-bottom-color-yes > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-row.has-active-border-bottom-color-yes > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-row.has-active-border-bottom-color-yes > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-row.has-active-border-bottom-color-yes > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-row.has-active-border-bottom-color-yes > ul > li.menu-item-has-children:focus-within:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row.has-active-border-bottom-yes > ul > li.expanded:after');
}
}
this.addCssProperty(selectors, 'border-top-color', this.values['active_border_color']);
}
if ('column' === this.values['direction']) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-column.expand-right.has-active-border-right-yes > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu):after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-right.has-active-border-right-yes > ul > li.expanded:after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right.has-active-border-right-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right.has-active-border-right-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right.has-active-border-right-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right.has-active-border-right-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right.has-active-border-right-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus-within:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-right.has-active-border-right-yes > ul > li.expanded:after');
}
}
this.addCssProperty(selectors, 'border-left-color', this.values['active_border_color']);
}
if ('column' === this.values['direction']) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-column.expand-left.has-active-border-left-yes > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu):after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-column.expand-left.has-active-border-left-yes > ul > li.expanded:after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left.has-active-border-left-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left.has-active-border-left-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left.has-active-border-left-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left.has-active-border-left-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left.has-active-border-left-yes > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus-within:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li:focus-within:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li.current-menu-item:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li.current-menu-ancestor:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li.current-menu-parent:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left.has-active-border-left-yes > ul > li.expanded:after');
}
}
this.addCssProperty(selectors, 'border-right-color', this.values['active_border_color']);
}
}
if (!this.isDefault('submenu_space')) {
if ('flyout' !== this.values['submenu_mode']) {
selectors = [ this.baseSelector + ':not(.collapse-enabled):not(.submenu-mode-flyout) .fusion-menu-element-list .fusion-megamenu-wrapper', this.baseSelector + '.direction-row:not(.collapse-enabled):not(.submenu-mode-flyout) .fusion-menu-element-list > li > ul.sub-menu:not(.fusion-megamenu)' ];
this.addCssProperty(selectors, 'margin-top', this.values['submenu_space'], true);
}
if ('row' === this.values['direction']) {
selectors = [ ];
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click.direction-row > ul > li:after');
}
if ('hover' === this.values['expand_method']) {
selectors.push( this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:hover:before');
selectors.push( this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li.hover:before');
selectors.push( this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:focus:before');
selectors.push( this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:active:before');
selectors.push( this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:focus-within:before');
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-row > ul > li:after');
}
}
this.addCssProperty(selectors, 'bottom', 'calc(0px - ' + this.values['submenu_space'] + ')');
if ('click' === this.values['expand_method']) {
selectors = [ ];
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children::after');
}
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children::after');
}
this.addCssProperty(selectors, 'bottom', 'calc(0px - ' + this.values['submenu_space'] + ')');
}
}
if ('column' === this.values['direction']) {
if ('hover' === this.values['expand_method']) {
selectors = [ this.baseSelector + '.expand-method-hover.direction-column.expand-right li:hover:before', this.baseSelector + '.expand-method-hover.direction-column.expand-right li.hover:before', this.baseSelector + '.expand-method-hover.direction-column.expand-right li:focus:before', this.baseSelector + '.expand-method-hover.direction-column.expand-right li:active:before', this.baseSelector + '.expand-method-hover.direction-column.expand-right li:focus-within:before' ];
this.addCssProperty(selectors, 'width', this.values['submenu_space']);
}
this.addCssProperty( this.baseSelector + '.direction-column.expand-right .fusion-menu-element-list ul', 'margin-left', this.values['submenu_space'], true);
this.addCssProperty( this.baseSelector + '.direction-column.expand-left .fusion-menu-element-list ul', 'margin-right', this.values['submenu_space'], true);
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-column.expand-left > ul > li:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-column.expand-left > ul > li:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.active-item-arrows-on.direction-column.expand-left > ul > li:after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover.direction-column.expand-left > ul > li:after');
}
}
this.addCssProperty(selectors, 'left', 'calc(0px - ' + this.values['submenu_space'] + ')');
}
if ('row' === this.values['direction']) {
if ('hover' === this.values['expand_method']) {
selectors = [ this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:hover:before', this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li.hover:before', this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:focus:before', this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:active:before', this.baseSelector + '.expand-method-hover.direction-row .fusion-menu-element-list > li:focus-within:before' ];
this.addCssProperty(selectors, 'height', this.values['submenu_space']);
}
if ('slide_up' === this.values['expand_transition']) {
this.addCssProperty([ this.baseSelector + '.submenu-transition-slide_up:not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.direction-row .fusion-menu-element-list li::after' ], 'transform', 'translateY(' + this.values['submenu_space'] + ')');
}
}
}
if ( (!this.isDefault('submenu_space') || !this.isDefault('arrows_size_width')) && 'column' === this.values['direction']) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-column > ul > li:not(.fusion-menu-item-button):after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-column > ul > li:not(.fusion-menu-item-button):after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-right > ul > li:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li:after');
}
}
this.addCssProperty(selectors, 'width', 'calc(' + this.values['submenu_space'] + ' - ' + this.values['arrows_size_width'] + ' * 2)');
}
if ( (!this.isDefault('submenu_space') || !this.isDefault('arrows_size_height')) && 'row' === this.values['direction']) {
if (false !== this.values['arrows'].includes('active')) {
this.addCssProperty([ this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-' + this.values['expand_method'] + '.direction-row > ul > li:after' ], 'height', this.values['submenu_space']);
}
if ('slide_up' === this.values['expand_transition']) {
this.addCssProperty([ this.baseSelector + ':not(.collapse-enabled).submenu-transition-slide_up.direction-row.dropdown-arrows-parent > ul > li:after' ], 'top', 'calc(100% - ' + this.values['submenu_space'] + ')', true);
}
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children.expanded:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.expanded:after');
}
}
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-' + this.values['expand_method'] + '.dropdown-arrows-parent.direction-row > ul > li.menu-item-has-children:focus-within:after');
}
if ('hover' === this.values['expand_method'] && false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:focus-within:after');
}
this.addCssProperty(selectors, 'height', 'calc(' + this.values['submenu_space'] + ' - ' + this.values['arrows_size_height'] + ' * 2)');
if (false !== this.values['arrows'].includes('active')) {
this.addCssProperty([ this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li:hover:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li.hover:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li:focus:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li:active:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li:focus-within:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li.current-menu-item:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li.current-menu-ancestor:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li.current-menu-parent:after', this.baseSelector + '.active-item-arrows-on.direction-row:not(.collapse-enabled) > ul > li.expanded:after' ], 'height', 'calc(' + this.values['submenu_space'] + ' - ' + this.values['arrows_size_height'] + ' * 2)', true);
}
}
if (!this.isDefault('arrows_size_width')) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent > ul > li.menu-item-has-children.expanded:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child > ul > li.menu-item-has-children.expanded:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-click > ul > li:not(.fusion-menu-item-button):after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:focus-within:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:focus-within:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover > ul > li:not(.fusion-menu-item-button):after');
}
}
this.addCssProperty(selectors, 'border-left-width', this.values['arrows_size_width']);
this.addCssProperty(selectors, 'border-right-width', this.values['arrows_size_width']);
}
if (!this.isDefault('arrows_size_height')) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent > ul > li.menu-item-has-children.expanded:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent > ul > li.menu-item-has-children.expanded:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child > ul > li.menu-item-has-children.expanded:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child > ul > li.menu-item-has-children.expanded:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.active-item-arrows-on > ul > li:not(.fusion-menu-item-button):after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.active-item-arrows-on > ul > li:not(.fusion-menu-item-button):after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent > ul > li.menu-item-has-children:focus-within:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child > ul > li.menu-item-has-children:focus-within:after');
}
if (false !== this.values['arrows'].includes('active')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover > ul > li:not(.fusion-menu-item-button):after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).active-item-arrows-on.expand-method-hover > ul > li:not(.fusion-menu-item-button):after');
}
}
this.addCssProperty(selectors, 'border-top-width', this.values['arrows_size_height']);
this.addCssProperty(selectors, 'border-bottom-width', this.values['arrows_size_height']);
selectors = [ ];
if ('click' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-parent.direction-column > ul > li:not(.fusion-menu-item-button):after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-column > ul > li:not(.fusion-menu-item-button):after');
}
}
if ('hover' === this.values['expand_method']) {
if (false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li:after');
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-right > ul > li:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li:after');
}
}
this.addCssProperty(selectors, 'top', 'calc(50% - ' + this.values['arrows_size_height'] + ')');
}
if ('flyout' !== this.values['submenu_mode']) {
if ( ! this.isDefault('submenu_border_radius_top_left')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list .sub-menu', this.baseSelector + ' .fusion-menu-element-list .sub-menu > li:first-child', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' .fusion-megamenu-wrapper' ];
this.addCssProperty(selectors, 'border-top-left-radius', this.values['submenu_border_radius_top_left']);
}
if ( ! this.isDefault('submenu_border_radius_top_right')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list .sub-menu', this.baseSelector + ' .fusion-menu-element-list .sub-menu > li:first-child', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' .fusion-megamenu-wrapper' ];
this.addCssProperty(selectors, 'border-top-right-radius', this.values['submenu_border_radius_top_right']);
}
if ( ! this.isDefault('submenu_border_radius_bottom_left')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list .sub-menu', this.baseSelector + ' .fusion-menu-element-list .sub-menu > li:last-child', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' .fusion-megamenu-wrapper' ];
this.addCssProperty(selectors, 'border-bottom-left-radius', this.values['submenu_border_radius_bottom_left']);
}
if ( ! this.isDefault('submenu_border_radius_bottom_right')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list .sub-menu', this.baseSelector + ' .fusion-menu-element-list .sub-menu > li:last-child', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' .fusion-megamenu-wrapper' ];
this.addCssProperty(selectors, 'border-bottom-right-radius', this.values['submenu_border_radius_bottom_right']);
}
}
selectors = [ this.baseSelector + ' .fusion-menu-element-list .sub-menu > li', this.baseSelector + ' .fusion-menu-element-list .sub-menu li a' ];
menuStyles = _.fusionGetFontStyle( 'submenu_typography', this.values, 'object' );
jQuery.each( menuStyles, function( rule, value ) {
self.addCssProperty( selectors, rule, value );
} );
if (!this.isDefault('submenu_bg')) {
selectors = [ this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-holder', this.baseSelector + ' .sub-menu .fusion-menu-cart', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' .avada-menu-login-box .avada-custom-menu-item-contents' ];
if ('flyout' === this.values['submenu_mode']) {
selectors.push( this.baseSelector + '.submenu-mode-flyout .fusion-custom-menu .sub-menu');
selectors.push( this.baseSelector + '.submenu-mode-flyout .fusion-custom-menu .fusion-megamenu-wrapper');
selectors.push( this.baseSelector + '.submenu-mode-flyout .fusion-custom-menu .fusion-flyout-menu-backgrounds');
}
else {
selectors.push( this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button)');
selectors.push( this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled' );
}
this.addCssProperty(selectors, 'background-color', this.values['submenu_bg']);
if ('row' === this.values['direction']) {
if (false !== this.values['arrows'].includes('submenu')) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.expanded:after');
}
if ('hover' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children:focus-within:after');
}
this.addCssProperty(selectors, 'border-bottom-color', this.values['submenu_bg']);
}
}
if ('column' === this.values['direction']) {
if (false !== this.values['arrows'].includes('submenu')) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-column.expand-right > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu):after');
}
if ('hover' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus-within:after');
}
this.addCssProperty(selectors, 'border-right-color', this.values['submenu_bg']);
}
if (false !== this.values['arrows'].includes('submenu')) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-column.expand-left > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu):after');
}
if ('hover' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu):focus-within:after');
}
this.addCssProperty(selectors, 'border-left-color', this.values['submenu_bg']);
}
}
}
if (!this.isDefault('submenu_color')) {
selectors = [ this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu .fusion-megamenu-title a', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu .fusion-megamenu-icon', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu .fusion-megamenu-widgets-container .widget_text .textwidget', this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled' ];
// In hover mode color is inherited from parent anchor.
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + ' ul ul .fusion-open-nav-submenu');
}
this.addCssProperty(selectors, 'color', this.values['submenu_color']);
// Important ones.
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button) > a', 'color', this.values['submenu_color'], true);
if ('click' === this.values['expand_method']) {
this.addCssProperty( this.baseSelector + '.expand-method-click li .sub-menu .fusion-open-nav-submenu', 'color', this.values['submenu_color'], true);
}
}
if (true) {
this.addCssProperty([ this.baseSelector + ' .fusion-menu-cart-checkout a:before', this.baseSelector + ' .fusion-menu-cart-items a', this.baseSelector + ' ul .fusion-menu-login-box-register', this.baseSelector + ' ul .fusion-menu-cart-checkout a:before', this.baseSelector + ' .fusion-menu-cart-items a' ], 'color', this.values['submenu_color']);
}
if (!this.isDefault('submenu_active_bg')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu):not(.fusion-menu-searchform-dropdown) > li:not(.fusion-menu-item-button):hover', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu):not(.fusion-menu-searchform-dropdown) > li:not(.fusion-menu-item-button).hover', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu):not(.fusion-menu-searchform-dropdown) > li:not(.fusion-menu-item-button):focus', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu):not(.fusion-menu-searchform-dropdown) > li:not(.fusion-menu-item-button):focus-within', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu):not(.fusion-menu-searchform-dropdown) > li:not(.fusion-menu-item-button).expanded', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-item:not(.fusion-menu-item-button)', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-parent:not(.fusion-menu-item-button)', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-ancestor:not(.fusion-menu-item-button)', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current_page_item:not(.fusion-menu-item-button)', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a.hover', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:active', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus-within', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a.hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:active > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus-within > .fusion-open-nav-submenu', this.baseSelector + '.submenu-mode-dropdown li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children:focus-within .fusion-open-nav-submenu', this.baseSelector + '.submenu-mode-dropdown li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children .fusion-background-highlight:hover .fusion-open-nav-submenu', this.baseSelector + '.submenu-mode-dropdown li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children:focus-within > .fusion-background-highlight', this.baseSelector + '.submenu-mode-dropdown li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children .fusion-background-highlight:hover' ];
this.addCssProperty(selectors, 'background-color', this.values['submenu_active_bg']);
if ('column' === this.values['direction']) {
selectors = [ ];
if ('click' === this.values['expand_method'] && false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-column.expand-right > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu).alt-arrow-child-color:after');
}
if ('hover' === this.values['expand_method'] && false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-right > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:focus-within:after');
}
this.addCssProperty(selectors, 'border-right-color', this.values['submenu_active_bg']);
selectors = [ ];
if ('click' === this.values['expand_method'] && false !== this.values['arrows'].includes('submenu')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-column.expand-left > ul > li.menu-item-has-children.expanded:not(.fusion-megamenu-menu).alt-arrow-child-color:after');
}
if ('hover' === this.values['expand_method'] && false !== this.values['arrows'].includes('main')) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-parent.direction-column.expand-left > ul > li.menu-item-has-children:not(.fusion-megamenu-menu).alt-arrow-child-color:focus-within:after');
}
this.addCssProperty(selectors, 'border-left-color', this.values['submenu_active_bg']);
}
if ('row' === this.values['direction']) {
if (false !== this.values['arrows'].includes('submenu')) {
selectors = [ ];
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-click.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.expanded.alt-arrow-child-color:after');
}
if ('hover' === this.values['expand_method']) {
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.alt-arrow-child-color:hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.alt-arrow-child-color.hover:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.alt-arrow-child-color:focus:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.alt-arrow-child-color:active:after');
selectors.push( this.baseSelector + ':not(.collapse-enabled).expand-method-hover.dropdown-arrows-child.direction-row > ul > li.menu-item-has-children.alt-arrow-child-color:focus-within:after');
}
this.addCssProperty(selectors, 'border-bottom-color', this.values['submenu_active_bg']);
}
}
}
if (!this.isDefault('submenu_active_color')) {
// Important ones.
selectors = [ this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:hover > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.hover > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:focus > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:focus-within > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button):hover > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.hover:not(.fusion-menu-item-button) > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button):focus > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button):focus-within > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.expanded > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button).current-menu-item > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-ancestor > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-parent > a', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:hover > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.hover > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:focus > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:focus-within > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.expanded > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button).current-menu-item > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-ancestor > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-parent > a .fusion-button', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:focus > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:focus-within > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.expanded > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-item > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-ancestor > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li.current-menu-parent > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a.hover', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:active', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus-within', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a.hover > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:active > .fusion-open-nav-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus-within > .fusion-open-nav-submenu', this.baseSelector + '.submenu-mode-dropdown li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children:focus-within .fusion-open-nav-submenu', this.baseSelector + ' li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children .fusion-background-highlight:hover .fusion-open-nav-submenu', this.baseSelector + ' li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children:focus-within > .fusion-background-highlight', this.baseSelector + ' li ul.fusion-megamenu li.menu-item-has-children .sub-menu li.menu-item-has-children .fusion-background-highlight:hover' ];
if (true) {
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout:hover .fusion-menu-cart-link a');
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout:hover .fusion-menu-cart-checkout-link a');
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout:hover .fusion-menu-cart-link a:before');
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout:hover .fusion-menu-cart-checkout-link a:before');
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout:focus .fusion-menu-cart-link a:before');
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout:focus .fusion-menu-cart-checkout-link a:before');
}
this.addCssProperty(selectors, 'color', this.values['submenu_active_color'], true);
}
if ('flyout' === this.values['submenu_mode']) {
selectors = [ this.baseSelector + '.submenu-mode-flyout .fusion-close-flyout:before', this.baseSelector + '.submenu-mode-flyout .fusion-close-flyout:after' ];
this.addCssProperty(selectors, 'background-color', this.values['flyout_close_color']);
selectors = [ this.baseSelector + '.submenu-mode-flyout .fusion-close-flyout:hover:before', this.baseSelector + '.submenu-mode-flyout .fusion-close-flyout:hover:after' ];
this.addCssProperty(selectors, 'background-color', this.values['flyout_active_close_color'], true);
}
if (!this.isDefault('submenu_max_width') && 'dropdown' === this.values['submenu_mode']) {
this.addCssProperty([ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list ul:not(.fusion-megamenu) > li' ], 'width', this.values['submenu_max_width'], true);
// Don't set min width if sub menu width is explictly set.
this.addCssProperty([ this.baseSelector + '.direction-row:not(.collapse-enabled) .sub-menu' ], 'min-width', '0');
}
if (!this.isDefault('submenu_items_padding_top')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button) > a', this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a', this.baseSelector + ' .sub-menu .fusion-menu-cart a', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' .avada-menu-login-box .avada-custom-menu-item-contents form' ];
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + '.expand-method-click li ul .fusion-open-nav-submenu');
}
this.addCssProperty(selectors, 'padding-top', this.values['submenu_items_padding_top']);
if ('column' === this.values['direction']) {
this.addCssProperty( this.baseSelector + '.direction-column .fusion-menu-element-list ul', 'top', 'calc(0.5em - ' + this.values['submenu_items_padding_top'] + ')');
}
}
if (!this.isDefault('submenu_items_padding_right')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button) > a', this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a', this.baseSelector + ' .sub-menu .fusion-menu-cart a', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' ul ul .fusion-open-nav-submenu:before', this.baseSelector + ' .avada-menu-login-box .avada-custom-menu-item-contents form', this.baseSelector + ' .avada-menu-login-box .avada-custom-menu-item-contents .fusion-menu-login-box-register' ];
if ('never' !== this.values['breakpoint']) {
selectors.push( this.baseSelector + '.collapse-enabled .fusion-megamenu-holder');
}
if ('column' === this.values['direction'] && jQuery( 'body' ).hasClass( 'rtl' ) && 'click' === this.values['expand_method']) {
selectors.push('.ltr' + this.baseSelector + '.direction-column.expand-method-click.expand-left .menu-item-has-children li a');
}
if (true) {
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout');
}
if ('flyout' === this.values['submenu_mode']) {
selectors.push('.ltr' + this.baseSelector + '.submenu-mode-flyout:not(.collapse-enabled) .sub-menu li:not(.fusion-menu-item-button) > a');
}
this.addCssProperty(selectors, 'padding-right', this.values['submenu_items_padding_right']);
if (true) {
this.addCssProperty('.rtl' + this.baseSelector + ' .fusion-menu-cart-link', 'padding-right', '0');
this.addCssProperty('.ltr' + this.baseSelector + ' .fusion-menu-cart-checkout-link', 'padding-right', '0');
}
}
if (!this.isDefault('submenu_items_padding_bottom')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button) > a', this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a', this.baseSelector + ' .sub-menu .fusion-menu-cart a', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' .avada-menu-login-box .avada-custom-menu-item-contents .fusion-menu-login-box-register' ];
if ('click' === this.values['expand_method']) {
selectors.push( this.baseSelector + '.expand-method-click li ul .fusion-open-nav-submenu');
}
this.addCssProperty(selectors, 'padding-bottom', this.values['submenu_items_padding_bottom']);
}
if (!this.isDefault('submenu_items_padding_left')) {
selectors = [ this.baseSelector + ' .fusion-menu-element-list ul:not(.fusion-megamenu) > li:not(.fusion-menu-item-button) > a', this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a', this.baseSelector + ' .sub-menu .fusion-menu-cart a', this.baseSelector + ' .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content', this.baseSelector + ' ul ul .fusion-open-nav-submenu:before', this.baseSelector + ' .avada-menu-login-box .avada-custom-menu-item-contents form', this.baseSelector + ' .avada-menu-login-box .avada-custom-menu-item-contents .fusion-menu-login-box-register' ];
if ('never' !== this.values['breakpoint']) {
selectors.push( this.baseSelector + '.collapse-enabled .fusion-megamenu-holder');
}
if ('column' === this.values['direction'] && jQuery( 'body' ).hasClass( 'rtl' ) && 'click' === this.values['expand_method']) {
selectors.push('.rtl' + this.baseSelector + '.direction-column.expand-method-click.expand-right .menu-item-has-children li a');
}
if (true) {
selectors.push( this.baseSelector + ' .fusion-menu-cart-checkout');
}
if ('flyout' === this.values['submenu_mode']) {
selectors.push('.rtl' + this.baseSelector + '.submenu-mode-flyout:not(.collapse-enabled) .sub-menu li:not(.fusion-menu-item-button) > a');
}
this.addCssProperty(selectors, 'padding-left', this.values['submenu_items_padding_left']);
if (true) {
this.addCssProperty('.rtl' + this.baseSelector + ' .fusion-menu-cart-checkout-link', 'padding-left', '0');
this.addCssProperty('.ltr' + this.baseSelector + ' .fusion-menu-cart-link', 'padding-left', '0');
}
}
if ( (!this.isDefault('submenu_items_padding_left') || !this.isDefault('submenu_items_padding_right')) && 'click' === this.values['expand_method']) {
this.addCssProperty( this.baseSelector + '.expand-method-click li ul .fusion-open-nav-submenu', 'width', 'calc(1em + ' + this.values['submenu_items_padding_left'] + ' / 2 + ' + this.values['submenu_items_padding_right'] + ' / 2)');
}
if (!this.isDefault('submenu_sep_color')) {
this.addCssProperty([ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list ul:not(.fusion-megamenu) > li' ], 'border-bottom-color', this.values['submenu_sep_color']);
this.addCssProperty([ this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu', this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-submenu .fusion-megamenu-border' ], 'border-color', this.values['submenu_sep_color']);
this.addCssProperty( this.baseSelector + ' .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled', 'border-color', this.values['submenu_sep_color']);
}
if (!this.isDefault('submenu_font_size')) {
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list ul:not(.fusion-megamenu) a', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper .fusion-megamenu-submenu > a', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper .fusion-megamenu-submenu > a.hover', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:active', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:focus-within', this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu' ];
this.addCssProperty(selectors, 'font-size', this.values['submenu_font_size']);
if ('flyout' === this.values['submenu_mode']) {
selectors = [ this.baseSelector + '.submenu-mode-flyout .fusion-close-flyout' ];
this.addCssProperty(selectors, 'width', this.values['submenu_font_size']);
this.addCssProperty(selectors, 'height', this.values['submenu_font_size']);
}
}
if (!this.isDefault('mobile_nav_button_align_hor')) {
selectors = [ ];
if ('on' === this.values['mobile_nav_trigger_fullwidth']) {
selectors.push( this.baseSelector + '.mobile-trigger-fullwidth-on > .avada-menu-mobile-menu-trigger > .inner');
}
if ('never' !== this.values['breakpoint']) {
selectors.push( this.baseSelector + '.collapse-enabled');
}
this.addCssProperty(selectors, 'justify-content', this.values['mobile_nav_button_align_hor']);
}
if (!this.isDefault('mobile_nav_trigger_bottom_margin') && 'never' !== this.values['breakpoint']) {
this.addCssProperty( this.baseSelector + '.collapse-enabled .fusion-menu-element-list', 'margin-top', _.fusionGetValueWithUnit( this.values['mobile_nav_trigger_bottom_margin']));
}
if (!this.isDefault('submenu_text_transform') ) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list ul', 'text-transform', this.values['submenu_text_transform']);
}
if (!this.isDefault('submenu_line_height') ) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list ul', 'line-height', this.values['submenu_line_height']);
}
if (!this.isDefault('submenu_letter_spacing') ) {
this.addCssProperty( this.baseSelector + ' .fusion-menu-element-list ul', 'letter-spacing', _.fusionGetValueWithUnit( this.values['submenu_letter_spacing'] ));
}
if (!this.isDefault('icons_size')) {
this.addCssProperty([ this.baseSelector + ':not(.collapse-enabled) li.menu-item > .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) li.menu-item > a > .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) li.menu-item > a.fusion-menu-icon-search' ], 'font-size', _.fusionGetValueWithUnit( this.values['icons_size']));
}
if (!this.isDefault('icons_color')) {
this.addCssProperty([ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item > .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item > a > .fusion-megamenu-icon' ], 'color', this.values['icons_color']);
this.addCssProperty([ this.baseSelector + ' .custom-menu-search-dropdown .fusion-main-menu-icon', this.baseSelector + ' .custom-menu-search-overlay .fusion-menu-icon-search.trigger-overlay', this.baseSelector + ' .custom-menu-search-overlay ~ .fusion-overlay-search' ], 'color', this.values['icons_color'], true);
}
this.addCssProperty([ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item:hover > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item.hover > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item:focus > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item:active > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item:focus-within > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item.current-menu-item > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item.current-menu-ancestor > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li:not(.awb-flyout-top-level-no-link).menu-item.current-menu-parent > a .fusion-megamenu-icon', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list > li.menu-item.expanded > a .fusion-megamenu-icon' ], 'color', this.values['icons_hover_color']);
this.addCssProperty([ this.baseSelector + ' .custom-menu-search-dropdown:hover .fusion-main-menu-icon', this.baseSelector + ' .custom-menu-search-overlay:hover .fusion-menu-icon-search.trigger-overlay', this.baseSelector + ' .custom-menu-search-overlay:hover ~ .fusion-overlay-search' ], 'color', this.values['icons_hover_color'], true);
// Thumbnail size.
if (!this.isDefault('thumbnail_size_width')) {
this.addCssProperty( this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-title .fusion-megamenu-image > img', 'width', this.values['thumbnail_size_width']);
this.addCssProperty( this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-title .fusion-megamenu-thumbnail > img', 'width', this.values['thumbnail_size_width']);
}
if (!this.isDefault('thumbnail_size_height')) {
this.addCssProperty( this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-title .fusion-megamenu-image > img', 'height', this.values['thumbnail_size_height']);
this.addCssProperty( this.baseSelector + ':not(.collapse-enabled) .fusion-megamenu-title .fusion-megamenu-thumbnail > img', 'height', this.values['thumbnail_size_width']);
}
if (!this.isDefault('justify_title')) {
this.addCssProperty( this.baseSelector + ' .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu .fusion-megamenu-title .awb-justify-title', 'justify-content', this.values['justify_title']);
}
if (!this.isDefault('mobile_trigger_font_size')) {
this.addCssProperty( this.baseSelector + ' > .avada-menu-mobile-menu-trigger', 'font-size', this.values['mobile_trigger_font_size']);
}
if ('never' !== this.values['breakpoint']) {
// Mobile background.
if ( ! this.isDefault('mobile_bg')) {
selectors = [
this.baseSelector + '.collapse-enabled ul li > a', this.baseSelector + '.collapse-enabled ul li:hover .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.hover .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li:focus .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li:active .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li:focus-within .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.current-menu-item .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.current-menu-ancestor .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.current-menu-parent .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.expanded .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.custom-menu-search-inline', this.baseSelector + '.collapse-enabled ul .fusion-menu-form-inline', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button', this.baseSelector + '.collapse-enabled ul', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li' ];
this.addCssProperty(selectors, 'background', this.values['mobile_bg'], true);
}
if ( ! this.isDefault('mobile_color')) {
selectors = [ this.baseSelector + '.collapse-enabled ul li > a', this.baseSelector + '.collapse-enabled ul li > a .fusion-button', this.baseSelector + '.collapse-enabled ul li > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:hover .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.hover .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li:focus .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li:active .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li:focus-within .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.current-menu-item .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.current-menu-ancestor .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.current-menu-parent .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled ul li.expanded .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded) a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li .awb-justify-title' ];
this.addCssProperty(selectors, 'color', this.values['mobile_color'], true);
}
if ( ! this.isDefault('mobile_active_bg')) {
selectors = [ this.baseSelector + '.collapse-enabled ul li:hover > a', this.baseSelector + '.collapse-enabled ul li.hover > a', this.baseSelector + '.collapse-enabled ul li:focus > a', this.baseSelector + '.collapse-enabled ul li:active > a', this.baseSelector + '.collapse-enabled ul li:focus-within > a', this.baseSelector + '.collapse-enabled ul li.current-menu-item > a', this.baseSelector + '.collapse-enabled ul li.current-menu-ancestor > a', this.baseSelector + '.collapse-enabled ul li.current-menu-parent > a', this.baseSelector + '.collapse-enabled ul li.expanded > a', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button:hover', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button.hover', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button:focus', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button:active', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button:focus-within', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button.current-menu-item', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button.current-menu-ancestor', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button.current-menu-parent', this.baseSelector + '.collapse-enabled ul li.fusion-menu-item-button.expanded', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):hover a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded).hover a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):focus a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):active a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):focus-within a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li.current-menu-item', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:hover', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:active', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:focus', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:focus-within' ];
this.addCssProperty(selectors, 'background', this.values['mobile_active_bg'], true);
}
if ( ! this.isDefault('mobile_active_color')) {
selectors = [ this.baseSelector + '.collapse-enabled ul li:hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li.hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:focus > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:active > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:focus-within > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:hover > a', this.baseSelector + '.collapse-enabled ul li.hover > a', this.baseSelector + '.collapse-enabled ul li:focus > a', this.baseSelector + '.collapse-enabled ul li:active > a', this.baseSelector + '.collapse-enabled ul li:focus-within > a', this.baseSelector + '.collapse-enabled ul li.current-menu-item > a', this.baseSelector + '.collapse-enabled ul li.current-menu-ancestor > a', this.baseSelector + '.collapse-enabled ul li.current-menu-parent > a', this.baseSelector + '.collapse-enabled ul li.expanded > a', this.baseSelector + '.collapse-enabled ul li:hover > a .fusion-button', this.baseSelector + '.collapse-enabled ul li.hover > a .fusion-button', this.baseSelector + '.collapse-enabled ul li:focus > a .fusion-button', this.baseSelector + '.collapse-enabled ul li:active > a .fusion-button', this.baseSelector + '.collapse-enabled ul li:focus-within > a .fusion-button', this.baseSelector + '.collapse-enabled ul li.current-menu-item > a .fusion-button', this.baseSelector + '.collapse-enabled ul li.current-menu-ancestor > a .fusion-button', this.baseSelector + '.collapse-enabled ul li.current-menu-parent > a .fusion-button', this.baseSelector + '.collapse-enabled ul li.expanded > a .fusion-button', this.baseSelector + '.collapse-enabled ul li:hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li.hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:focus > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:active > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li:focus-within > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li.current-menu-item > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li.current-menu-parent > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li.current-menu-ancestor > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-ancestor > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-parent > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.expanded > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):hover a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded).hover a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):focus a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):active a', this.baseSelector + '.collapse-enabled ul li .sub-menu li:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):not(.expanded):focus-within a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:active > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus-within > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:hover > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.hover > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:active > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus-within > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-item > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-ancestor > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-parent > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.expanded > a', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:hover > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.hover > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:active > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus-within > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-item > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-ancestor > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-parent > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.expanded > a:hover', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.hover > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:active > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li:focus-within > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-item > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-ancestor > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.current-menu-parent > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled ul.sub-menu.sub-menu li.expanded > .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li.current-menu-item a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:hover a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:active a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:focus a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:focus-within a', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:hover .fusion-megamenu-title', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:hover .fusion-megamenu-title .awb-justify-title', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:active .fusion-megamenu-title', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:active .fusion-megamenu-title .awb-justify-title', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:focus .fusion-megamenu-title', this.baseSelector + '.collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:focus .fusion-megamenu-title .awb-justify-title' ];
this.addCssProperty(selectors, 'color', this.values['mobile_active_color'], true);
}
if ( ! this.isDefault('mobile_sep_color')) {
selectors = [ this.baseSelector + '.collapse-enabled li:not(:last-child)', this.baseSelector + '.collapse-enabled li.menu-item.expanded .fusion-megamenu-wrapper ul.fusion-megamenu li.menu-item-has-children .fusion-megamenu-title', this.baseSelector + '.collapse-enabled li.menu-item:not(.expanded)' ];
this.addCssProperty(selectors, 'border-bottom-color', this.values['mobile_sep_color'], true);
this.addCssProperty( this.baseSelector + '.collapse-enabled li.menu-item.expanded .fusion-megamenu-wrapper', 'border-top-color', this.values['mobile_sep_color']);
this.addCssProperty( this.baseSelector + '.collapse-enabled li.menu-item.menu-item-has-children ul.sub-menu li.menu-item-has-children.expanded>ul.sub-menu', 'border-top-color', this.values['mobile_sep_color']);
}
if ( ! this.isDefault('mobile_nav_items_height')) {
selectors = [ this.baseSelector + '.collapse-enabled ul li > a', this.baseSelector + '.collapse-enabled .fusion-open-nav-submenu-on-click:before', this.baseSelector + '.collapse-enabled li.menu-item' ];
this.addCssProperty(selectors, 'min-height', _.fusionGetValueWithUnit( this.values['mobile_nav_items_height']));
}
if ( ! this.isDefault('mobile_sticky_max_height') ) {
selectors = [
'.fusion-body .fusion-sticky-container.fusion-sticky-transition ' + this.baseSelector + '.collapse-enabled.mobile-size-column-absolute:not(.mobile-mode-always-expanded).expanded>ul',
'.fusion-body .fusion-sticky-container.fusion-sticky-transition ' + this.baseSelector + '.collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded).expanded>ul'
];
this.addCssProperty(selectors, 'max-height', _.fusionGetValueWithUnit( this.values['mobile_sticky_max_height'] ) );
}
selectors = [ this.baseSelector + '.collapse-enabled .fusion-menu-element-list li a', this.baseSelector + '.collapse-enabled .fusion-menu-element-list li a .fusion-button', this.baseSelector + '.collapse-enabled .fusion-menu-element-list li .fusion-open-nav-submenu:before', this.baseSelector + '.collapse-enabled .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu-submenu .fusion-megamenu-title a' ];
if ( ! this.isDefault('mobile_font_size')) {
this.addCssProperty( selectors, 'font-size', this.values['mobile_font_size']);
}
if ( ! this.isDefault('mobile_text_transform')) {
this.addCssProperty( selectors, 'text-transform', this.values['mobile_text_transform']);
}
if ( ! this.isDefault('mobile_line_height')) {
this.addCssProperty( selectors, 'line-height', this.values['mobile_line_height']);
}
if ( ! this.isDefault('mobile_letter_spacing')) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( this.values['mobile_letter_spacing'] ) );
}
selectors = [ this.baseSelector + '.collapse-enabled', this.baseSelector + '.collapse-enabled ul li > a', this.baseSelector + '.collapse-enabled ul li > a .fusion-button', this.baseSelector + '.collapse-enabled .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu-submenu .fusion-megamenu-title a' ];
menuStyles = _.fusionGetFontStyle( 'mobile_typography', this.values, 'object' );
jQuery.each( menuStyles, function( rule, value ) {
self.addCssProperty( selectors, rule, value );
} );
}
if (!this.isDefault('box_shadow')) {
selectors = [ this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list ul', this.baseSelector + ':not(.collapse-enabled) .fusion-menu-element-list .fusion-megamenu-wrapper', this.baseSelector + ':not(.collapse-enabled) .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content' ];
this.addCssProperty(selectors, 'box-shadow', _.fusionGetBoxShadowStyle( this.values));
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
},
parseCSS: function () {
var css = '';
if ( 'object' !== typeof this.dynamic_css ) {
return '';
}
_.each( this.dynamic_css, function ( properties, selector ) {
if ( 'object' === typeof properties ) {
css += selector + '{';
_.each( properties, function ( value, property ) {
css += property + ':' + value + ';';
} );
css += '}';
}
} );
return css;
},
/**
* Builds attributes.
*
* @since 3.0
* @return {Object}
*/
buildAttr: function () {
var hasActiveBorderBottom = !this.values.active_border_bottom || '' === this.values.active_border_bottom || 0 === parseInt( this.values.active_border_bottom ) ? 'no' : 'yes',
hasActiveBorderLeft = !this.values.active_border_left || '' === this.values.active_border_left || 0 === parseInt( this.values.active_border_left ) ? 'no' : 'yes',
hasActiveBorderRight = !this.values.active_border_right || '' === this.values.active_border_right || 0 === parseInt( this.values.active_border_right ) ? 'no' : 'yes',
expandTransition = 'row' !== this.values.direction ? 'opacity' : this.values.expand_transition,
attr = {
class: [
'fusion-menu-element-wrapper',
'direction-' + this.values.direction,
'mode-' + this.values.collapsed_mode,
'expand-method-' + this.values.expand_method,
'submenu-mode-' + this.values.submenu_mode,
'mobile-mode-' + this.values.mobile_nav_mode,
'mobile-size-' + this.values.mobile_nav_size,
'icons-position-' + this.values.icons_position,
'dropdown-carets-' + this.values.dropdown_carets,
'has-active-border-bottom-' + hasActiveBorderBottom,
'has-active-border-left-' + hasActiveBorderLeft,
'has-active-border-right-' + hasActiveBorderRight,
'mobile-trigger-fullwidth-' + this.values.mobile_nav_trigger_fullwidth,
'mobile-indent-' + this.values.mobile_indent_submenu,
'mobile-justify-' + this.values.mobile_justify_content,
'main-justify-' + this.values.main_justify_content,
].join( ' ' ),
style: ''
};
if ( 0 <= this.values.arrows.indexOf( 'active' ) ) {
attr[ 'class' ] += ' active-item-arrows-on';
}
if ( 0 <= this.values.arrows.indexOf( 'main' ) ) {
attr[ 'class' ] += ' dropdown-arrows-parent';
}
if ( 0 <= this.values.arrows.indexOf( 'submenu' ) ) {
attr[ 'class' ] += ' dropdown-arrows-child';
}
if ( 'flyout' === this.values.submenu_mode ) {
attr[ 'class' ] += ' submenu-flyout-direction-' + this.values.submenu_flyout_direction;
}
if ( 'flyout' !== this.values.submenu_mode ) {
attr[ 'class' ] += ' expand-' + this.values.expand_direction;
}
if ( 'dropdown' === this.values.submenu_mode ) {
attr[ 'class' ] += ' submenu-transition-' + expandTransition;
}
attr[ 'data-cid' ] = this.model.get( 'cid' );
this.addUnitsWhereRequired();
if ( 'small' === this.values.breakpoint ) {
attr[ 'data-breakpoint' ] = FusionApp.settings.visibility_small;
} else if ( 'medium' === this.values.breakpoint ) {
attr[ 'data-breakpoint' ] = FusionApp.settings.visibility_medium;
} else if ( 'large' === this.values.breakpoint ) {
attr[ 'data-breakpoint' ] = 10000;
} else if ( 'custom' === this.values.breakpoint ) {
attr[ 'data-breakpoint' ] = parseInt( this.values.custom_breakpoint );
}
attr[ 'class' ] += _.fusionGetStickyClass( this.values.sticky_display );
attr[ 'data-transition-type' ] = this.values.transition_type;
if ( '' !== this.values[ 'class' ] ) {
attr[ 'class' ] += ' ' + this.values[ 'class' ];
}
if ( '' !== this.values.id ) {
attr.id = this.values.id;
}
attr = _.fusionAnimations( this.values, attr );
attr = _.fusionVisibilityAtts( this.values.hide_on_mobile, attr );
return attr;
},
/**
* Modify values.
*
* @since 3.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
addUnitsWhereRequired: function () {
var values = this.values;
_.each( [
'margin_top',
'margin_bottom',
'items_padding_top',
'items_padding_bottom',
'items_padding_left',
'items_padding_right',
'gap',
'font_size',
'min_height',
'border_top',
'border_bottom',
'border_left',
'border_right',
'active_border_top',
'active_border_bottom',
'active_border_left',
'active_border_right',
'border_radius_top_left',
'border_radius_top_right',
'border_radius_bottom_right',
'border_radius_bottom_left',
'submenu_border_radius_top_left',
'submenu_border_radius_top_right',
'submenu_border_radius_bottom_right',
'submenu_border_radius_bottom_left',
'submenu_space',
'arrows_size_width',
'arrows_size_height',
'submenu_items_padding_top',
'submenu_items_padding_bottom',
'submenu_items_padding_left',
'submenu_items_padding_right',
'submenu_font_size',
'box_shadow_horizontal',
'box_shadow_spread',
'box_shadow_vertical',
'thumbnail_size_width',
'thumbnail_size_height',
'trigger_padding_top',
'trigger_padding_right',
'trigger_padding_bottom',
'trigger_padding_left',
'mobile_trigger_font_size',
], function ( param ) {
if ( 'undefined' !== typeof values[ param ] && '' !== values[ param ] && !isNaN( values[ param ] ) ) {
values[ param ] = values[ param ].trim() + 'px';
}
} );
this.values = values;
},
/**
* Runs just after render on cancel.
*
* @since 3.5
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) );
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( '' !== values.menu ) {
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.menus[ values.menu ] ) {
FusionPageBuilderApp.mediaMap.menus[ values.menu ] = true;
}
}
}
},
} );
} );
}( jQuery ) );
;/* jshint -W024 */
/* global fusionAllElements, FusionApp, FusionPageBuilderApp, awbPalette */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Video View.
FusionPageBuilder.fusion_video = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.1
* @return {void}
*/
onRender: function() {
this.afterPatch();
},
/**
* Runs after view DOM is patched.
*
* @since 2.1
* @return {void}
*/
afterPatch: function() {
var params = this.model.get( 'params' );
var video = this.$el.find( 'video' );
this.$el.removeClass( 'fusion-element-alignment-right fusion-element-alignment-left' );
if ( 'undefined' !== typeof params.alignment && ( 'right' === params.alignment || 'left' === params.alignment ) ) {
this.$el.addClass( 'fusion-element-alignment-' + params.alignment );
}
this.refreshVideo( video, params );
},
/**
* Refreshes video functions.
*
* @since 2.1
* @param {Object} video - The video object.
* @param {Object} params - The params.
* @return {void}
*/
refreshVideo: function( video, params ) {
if ( video.length && 'undefined' !== typeof video.get( 0 ) ) {
// Source change.
video.get( 0 ).load();
// Auto play.
( 'yes' === params.autoplay ) ? video.get( 0 ).play() : video.get( 0 ).pause();
// Mute.
video.get( 0 ).muted = ( 'yes' === params.mute ) ? true : false;
}
},
/**
* Modify template attributes.
*
* @since 2.1
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.validateValues( atts.values );
attributes.attr = this.buildAttr( atts.values );
attributes.wrapperAttr = this.buildWrapperAttr( atts.values );
attributes.videoAttr = this.buildVideoAttr( atts.values );
attributes.video_webm = atts.values.video_webm;
attributes.video = atts.values.video;
return attributes;
},
/**
* Validates values.
*
* @since 2.1
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
var borderRadiusTopLeft = 'undefined' !== typeof values.border_radius_top_left && '' !== values.border_radius_top_left ? _.fusionGetValueWithUnit( values.border_radius_top_left ) : '0px',
borderRadiusTopRight = 'undefined' !== typeof values.border_radius_top_right && '' !== values.border_radius_top_right ? _.fusionGetValueWithUnit( values.border_radius_top_right ) : '0px',
borderRadiusBottomRight = 'undefined' !== typeof values.border_radius_bottom_right && '' !== values.border_radius_bottom_right ? _.fusionGetValueWithUnit( values.border_radius_bottom_right ) : '0px',
borderRadiusBottomLeft = 'undefined' !== typeof values.border_radius_bottom_left && '' !== values.border_radius_bottom_left ? _.fusionGetValueWithUnit( values.border_radius_bottom_left ) : '0px';
values.border_radius = borderRadiusTopLeft + ' ' + borderRadiusTopRight + ' ' + borderRadiusBottomRight + ' ' + borderRadiusBottomLeft;
values.border_radius = ( '0px 0px 0px 0px' === values.border_radius ) ? '' : values.border_radius;
// Box shadow.
if ( 'yes' === values.box_shadow ) {
values.box_shadow = _.fusionGetBoxShadowStyle( values ) + ';';
}
},
/**
* Builds attributes.
*
* @since 2.1
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = {
class: 'fusion-video fusion-selfhosted-video fusion-video-' + this.model.get( 'cid' ),
style: ''
};
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
if ( '' !== values.alignment ) {
attr[ 'class' ] += ' fusion-align' + values.alignment;
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + _.fusionGetValueWithUnit( values.margin_top ) + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + _.fusionGetValueWithUnit( values.margin_bottom ) + ';';
}
if ( '' !== values.width ) {
attr.style += 'max-width:' + values.width + ';';
}
// Add custom class.
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
// Add custom id.
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds wrapper attributes.
*
* @since 2.1
* @param {Object} values - The values.
* @return {Object}
*/
buildWrapperAttr: function( values ) {
var alpha = 1,
attr = {
class: 'video-wrapper',
style: 'width:100%;'
};
if ( values.border_radius && '' !== values.border_radius ) {
attr.style += 'border-radius:' + values.border_radius + ';';
}
if ( 'no' !== values.box_shadow ) {
attr.style += 'box-shadow:' + values.box_shadow + ';';
}
if ( '' !== values.overlay_color ) {
values.overlay_color = awbPalette.getRealColor( values.overlay_color );
alpha = jQuery.AWB_Color( values.overlay_color ).alpha();
if ( 1 === alpha ) {
values.overlay_color = jQuery.AWB_Color( values.overlay_color ).alpha( 0.5 ).toVarOrRgbaString();
}
attr[ 'class' ] += ' fusion-video-overlay';
attr.style += 'background-color:' + values.overlay_color + ';';
}
return attr;
},
/**
* Builds video attributes.
*
* @since 2.1
* @param {Object} values - The values.
* @return {Object}
*/
buildVideoAttr: function( values ) {
var attr = {
playsinline: 'true',
width: '100%',
style: 'object-fit: cover;'
};
if ( 'yes' === values.autoplay ) {
attr.autoplay = 'true';
}
if ( 'yes' === values.mute ) {
attr.muted = 'true';
}
if ( 'yes' === values.loop ) {
attr.loop = 'true';
}
if ( '' !== values.preview_image ) {
attr.poster = values.preview_image;
}
if ( '' !== values.preload ) {
attr.preload = values.preload;
}
if ( 'yes' === values.controls ) {
attr.controls = true;
}
return attr;
},
/**
* Runs just after render on cancel.
*
* @since 3.5
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) );
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( '' !== values.video ) {
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.videos[ values.video ] ) {
FusionPageBuilderApp.mediaMap.videos[ values.video ] = true;
}
}
}
}
} );
} );
}( jQuery ) );
;/* global fusionBuilderText, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.fusion_views_counter = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.5
* @param {Object} atts - The attributes.
* @returns {Object}
*/
filterTemplateAtts: function( atts ) {
// Variables we will pass to the template.
var templateVariables = {};
templateVariables.cid = this.model.get( 'cid' );
// Attributes for our wrapping element.
templateVariables.isDisabled = 'disabled' === FusionApp.settings.post_views;
templateVariables.isDisabledText = fusionBuilderText.post_views_counter_disabled;
templateVariables.wrapperAttributes = this.buildWrapperAtts( atts.values );
templateVariables.contentAttributes = this.buildContentAtts( atts.values );
templateVariables.mainContent = this.getViewsText( atts.values, atts.extras );
templateVariables.styleTag = this.getElementStyle( atts.values );
return templateVariables;
},
/**
* Get the text that is displaying the views.
*
* @since 3.5
* @param {Object} atts - The values.
* @param {Object} extras - The extras variables.
* @return {string}
*/
getViewsText: function( atts, extras ) {
var self = this,
viewsToDisplay = atts.views_displayed.split( ',' ),
text = '',
separator = '<span class="awb-views-counter-separator">' + atts.separator + '</span>',
isLastItem,
totalViews,
todayViews,
viewsText,
label;
_.each( viewsToDisplay, function( viewType, index, list ) {
isLastItem = ( list.length - 1 === index ? true : false );
if ( isLastItem ) {
separator = '';
}
if ( 'total_views' === viewType ) {
totalViews = extras.total_views;
label = _.isEmpty( atts.total_views_label ) ? self.getTranslationText( viewType, atts, extras ) : atts.total_views_label;
if ( 'before' === atts.labels ) {
viewsText = label + totalViews;
} else if ( 'after' === atts.labels ) {
viewsText = totalViews + label;
} else {
viewsText = totalViews;
}
text += '<span class="awb-views-counter-total-views">' + viewsText + '</span>' + separator;
}
if ( 'today_views' === viewType ) {
todayViews = extras.today_views;
label = _.isEmpty( atts.today_views_label ) ? self.getTranslationText( viewType, atts, extras ) : atts.today_views_label;
if ( 'before' === atts.labels ) {
viewsText = label + todayViews;
} else if ( 'after' === atts.labels ) {
viewsText = todayViews + label;
} else {
viewsText = todayViews;
}
text += '<span class="awb-views-counter-today-views">' + viewsText + '</span>' + separator;
}
} );
return text;
},
/**
* Get the correct punctuation for the texts.
*
* @since 3.5
* @param {Object} values - The values.
* @param {string} extras - The extras.
* @returns {string}
*/
getTranslationText: function( viewType, values, extras ) {
var translation_text = '';
if ( 'total_views' === viewType ) {
if ( 'before' === values.labels ) {
translation_text = extras.default_total_views_before_text;
} else if ( 'after' === values.labels ) {
translation_text = extras.default_total_views_after_text;
}
} else if ( 'today_views' === viewType ) {
if ( 'before' === values.labels ) {
translation_text = extras.default_today_views_before_text;
} else if ( 'after' === values.labels ) {
translation_text = extras.default_today_views_after_text;
}
}
return translation_text;
},
/**
* Builds attributes.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {Object}
*/
buildWrapperAtts: function( values ) {
var wrapperAttributes = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'awb-views-counter awb-views-counter-' + this.model.get( 'cid' ),
style: ''
} );
if ( values[ 'class' ] ) {
wrapperAttributes[ 'class' ] += ' ' + values[ 'class' ];
}
if ( values.id ) {
wrapperAttributes.id = values.id;
}
wrapperAttributes = _.fusionAnimations( values, wrapperAttributes );
return wrapperAttributes;
},
/**
* Builds content attributes.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {Object}
*/
buildContentAtts: function( values ) {
var contentAttributes = {
'class': 'awb-views-counter-content'
};
if ( 'stacked' === values.layout ) {
contentAttributes[ 'class' ] += ' awb-views-counter-content-stacked';
}
return contentAttributes;
},
/**
* Create the element styles.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getElementStyle: function( values ) {
var style = '',
baseClassName = '.awb-views-counter-' + this.model.get( 'cid' ),
wrapperSelector = baseClassName + '.awb-views-counter',
contentSelector = baseClassName + ' .awb-views-counter-content';
this.dynamic_css = {};
this.values = values;
if ( values.color ) {
this.addCssProperty( contentSelector, 'color', values.color );
}
if ( values.background ) {
this.addCssProperty( wrapperSelector, 'background-color', values.background );
}
if ( values.alignment_floated && 'floated' === values.layout ) {
this.addCssProperty( contentSelector, 'justify-content', values.alignment_floated );
}
if ( values.alignment_stacked && 'stacked' === values.layout ) {
this.addCssProperty( contentSelector, 'align-items', values.alignment_stacked );
}
if ( values.font_size ) {
this.addCssProperty( contentSelector, 'font-size', values.font_size );
}
if ( values.padding_top ) {
this.addCssProperty( wrapperSelector, 'padding-top', values.padding_top );
}
if ( values.padding_bottom ) {
this.addCssProperty( wrapperSelector, 'padding-bottom', values.padding_bottom );
}
if ( values.padding_left ) {
this.addCssProperty( wrapperSelector, 'padding-left', values.padding_left );
}
if ( values.padding_right ) {
this.addCssProperty( wrapperSelector, 'padding-right', values.padding_right );
}
if ( values.margin_top ) {
this.addCssProperty( wrapperSelector, 'margin-top', values.margin_top );
}
if ( values.margin_bottom ) {
this.addCssProperty( wrapperSelector, 'margin-bottom', values.margin_bottom );
}
if ( values.margin_left ) {
this.addCssProperty( wrapperSelector, 'margin-left', values.margin_left );
}
if ( values.margin_right ) {
this.addCssProperty( wrapperSelector, 'margin-right', values.margin_right );
}
if ( values.border_radius_top_left ) {
this.addCssProperty( wrapperSelector, 'border-top-left-radius', values.border_radius_top_left );
}
if ( values.border_radius_top_right ) {
this.addCssProperty( wrapperSelector, 'border-top-right-radius', values.border_radius_top_right );
}
if ( values.border_radius_bottom_right ) {
this.addCssProperty( wrapperSelector, 'border-bottom-right-radius', values.border_radius_bottom_right );
}
if ( values.border_radius_bottom_left ) {
this.addCssProperty( wrapperSelector, 'border-bottom-left-radius', values.border_radius_bottom_left );
}
if ( 'yes' === values.box_shadow ) {
this.addCssProperty( wrapperSelector, 'box-shadow', _.fusionGetBoxShadowStyle( values ).replace( ';', '' ) );
}
style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* eslint no-useless-escape: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Vimeo Element View.
FusionPageBuilder.fusion_vimeo = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values, atts.params );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.attrSrc = this.buildAttrSrc( atts.values );
attributes.title_attribute = ! _.isEmpty( atts.values.title_attribute ) ? atts.values.title_attribute : 'Vimeo video player ' + this.model.get( 'cid' );
attributes.values = atts.values;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values, params ) {
// Make sure only the video ID is passed to the iFrame.
var regExp = /(?:https?:\/\/)?(?:www\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|)(\d+)(?:$|\/|\?)/,
match = values.id.match( regExp );
if ( match && 2 < match.length ) {
values.id = match[ 3 ];
}
// Make videos 16:9 by default, values.width already set to params.width.
if ( 'undefined' !== typeof params.width && '' !== params.width && ( 'undefined' === typeof params.height || '' === params.height ) ) {
values.height = Math.round( parseInt( params.width ) * 9 / 16 );
}
// values.height already set to params.height.
if ( 'undefined' !== typeof params.height && '' !== params.height && ( 'undefined' === typeof params.width || '' === params.width ) ) {
values.width = Math.round( parseInt( params.height ) * 16 / 9 );
}
values.height = _.fusionValidateAttrValue( values.height, '' );
values.width = _.fusionValidateAttrValue( values.width, '' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
// Attributes.
var attrVimeo = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-video fusion-vimeo',
style: ''
} );
if ( 'yes' === values.center ) {
attrVimeo[ 'class' ] += ' center-video';
} else {
attrVimeo.style += 'max-width:' + values.width + 'px;max-height:' + values.height + 'px;';
}
if ( '' !== values.alignment ) {
attrVimeo[ 'class' ] += ' fusion-align' + values.alignment;
attrVimeo.style += ' width:100%;';
}
if ( 'true' == values.autoplay || 'yes' === values.autoplay ) {
attrVimeo[ 'data-autoplay' ] = '1';
}
if ( '' !== values.margin_top ) {
attrVimeo.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_bottom ) {
attrVimeo.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values[ 'class' ] ) {
attrVimeo[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.css_id ) {
attrVimeo.id = values.css_id;
}
return attrVimeo;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttrSrc: function( values ) {
var videoSCAttr = {
class: 'video-shortcode'
};
if ( 'yes' === values.center ) {
videoSCAttr.style = 'max-width:' + values.width + 'px;max-height:' + values.height + 'px;';
}
return videoSCAttr;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionAppConfig */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Post Slider Element View.
FusionPageBuilder.fusion_postslider = FusionPageBuilder.ElementView.extend( {
/**
* Vars for the flexslider initialization.
*
* @since 2.0
*/
flexsliderVars: {},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
this.afterPatch();
},
/**
* Runs before view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var element = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-post-slider.fusion-flexslider' ) );
// Get the flexslider init vars, so that we can re-init after DOM patch.
if ( 'undefined' !== typeof element.data( 'flexslider' ) ) {
this.flexsliderVars = element.data( 'flexslider' ).vars;
element.flexslider( 'destroy' );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var self = this,
element = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-post-slider.fusion-flexslider' ) ),
smoothHeight = '0' === FusionApp.settings.slideshow_smooth_height ? false : true;
// Needed in case the layout was changed.
if ( ! _.isEmpty( self.flexsliderVars ) ) {
self.flexsliderVars.controlNav = ( 'attachments' === self.model.attributes.params.layout ) ? 'thumbnails' : true;
}
self.flexsliderVars.smoothHeight = smoothHeight;
if ( 0 < element.length ) {
// Re-init flexslider.
setTimeout( function() {
if ( 'undefined' !== typeof element.flexslider ) {
element.flexslider(
self.flexsliderVars
);
}
}, 300 );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.sliderAttr = this.buildSliderAttr( atts.values );
if ( 'undefined' !== typeof atts.query_data ) {
attributes.datasets = this.buildDatasetAttr( atts.values, atts.query_data );
}
attributes.thumbAttr = this.buildThumbAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.query_data = atts.query_data;
attributes.values = atts.values;
return attributes;
},
/**
* Modify the values.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSliderAttr: function( values ) {
// FlexsliderShortcode Attributes.
var flexsliderShortcode = {
class: 'fusion-flexslider fusion-post-slider fusion-flexslider-loading flexslider-' + values.layout,
style: ''
};
flexsliderShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, flexsliderShortcode );
if ( 'yes' === values.lightbox && 'attachments' === values.layout ) {
flexsliderShortcode[ 'class' ] += ' flexslider-lightbox';
}
if ( '' !== values.margin_top ) {
flexsliderShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
flexsliderShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
flexsliderShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
flexsliderShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
flexsliderShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
flexsliderShortcode.id = values.id;
}
return flexsliderShortcode;
},
/**
* Builds image attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} queryData - The AJAX query data.
* @return {Object}
*/
buildDatasetAttr: function( values, queryData ) {
var view = this,
datasetAttr = {};
_.each( queryData.datasets, function( dataset, index ) {
datasetAttr[ index ] = {};
datasetAttr[ index ].link_attributes = view.buildLinkAttr( dataset, values.layout );
datasetAttr[ index ].image_attributes = view.buildImageAttr( dataset );
if ( 'attachments' === values.layout ) {
datasetAttr[ index ].li_attributes = view.buildListElementAttr( dataset );
} else {
datasetAttr[ index ].title_link_attributes = view.buildTitleLinkAttr( dataset );
}
} );
return datasetAttr;
},
/**
* Builds link attributes.
*
* @since 2.0
* @param {Object} dataset - The dataset values.
* @param string layout - The slider layout.
* @return {Object}
*/
buildLinkAttr: function( dataset, layout ) {
var linkAttr = {};
if ( 'attachments' === layout ) {
linkAttr.href = dataset.image;
linkAttr[ 'data-title' ] = dataset.title;
linkAttr[ 'data-caption' ] = dataset.caption;
linkAttr.title = dataset.title;
linkAttr[ 'data-rel' ] = 'prettyPhoto[flex_' + this.model.get( 'cid' ) + ']';
} else if ( 'posts' === layout || 'posts-with-excerpt' === layout ) {
linkAttr.href = dataset.permalink;
linkAttr[ 'data-title' ] = dataset.title_attribute;
}
return linkAttr;
},
/**
* Builds image attributes.
*
* @since 2.0
* @param {Object} dataset - The dataset values.
* @return {Object}
*/
buildImageAttr: function( dataset ) {
var imageAttr = {};
imageAttr.src = dataset.image;
imageAttr.alt = dataset.alt;
return imageAttr;
},
/**
* Builds list elemet attributes.
*
* @since 2.0
* @param {Object} dataset - The dataset values.
* @return {Object}
*/
buildListElementAttr: function( dataset ) {
var liElementAttr = {};
liElementAttr[ 'data-thumb' ] = dataset.thumb;
return liElementAttr;
},
/**
* Builds title link attributes.
*
* @since 2.0
* @param {Object} dataset - The dataset values.
* @return {Object}
*/
buildTitleLinkAttr: function( dataset ) {
var titleLinkAttr = {};
titleLinkAttr.href = dataset.permalink;
return titleLinkAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildThumbAttr: function( values ) {
// FlexsliderShortcodeThumbnails Attributes.
var flexsliderShortcodeThumbnails = {
class: 'flexslider'
};
if ( 'attachments' === values.layout ) {
flexsliderShortcodeThumbnails[ 'class' ] += ' fat';
}
return flexsliderShortcodeThumbnails;
}
} );
} );
_.extend( FusionPageBuilder.Callback.prototype, {
fusion_post_slider_query: function( name, value, modelData, args, cid, action, model, view ) { // jshint ignore: line
// First update value in model.
view.changeParam( name, value );
modelData.params.post_id = '';
if ( 'attachments' === modelData.params.layout ) {
modelData.params.post_id = FusionApp.data.postDetails.post_id;
}
// Send this data with ajax or rest.
jQuery.ajax( {
url: fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_fusion_post_slider',
params: modelData.params
}
} )
.done( function( response ) {
model.set( 'query_data', response );
view.reRender();
} );
}
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// User Login Element View.
FusionPageBuilder.fusion_login = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
this.extras = atts.extras;
atts.values.action = 'login';
this.validateValues( atts.values );
// Create attribute objects.
atts.loginShortCodeAttr = this.buildLoginShortCodeAttr( atts.values );
atts.loginShortcodeFormAttr = this.buildLoginShortcodeFormAttr( atts.values );
atts.loginShortcodeButton = this.buildLoginShortcodeButtonAttr( atts.values );
atts.loggedIn = true;
atts.styles = this.buildLoginStyle( atts.values );
// Any extras that need passed on.
atts.cid = this.model.get( 'cid' );
return atts;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds login attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortCodeAttr: function( values ) {
var loginShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-login-box fusion-login-box-cid' + this.model.get( 'cid' ) + ' fusion-login-box-' + values.action + ' fusion-login-align-' + values.text_align + ' fusion-login-field-layout-' + values.form_field_layout,
style: ''
} );
if ( '' !== values.margin_top ) {
loginShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
loginShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
loginShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
loginShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
loginShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
loginShortcode.id = values.id;
}
return loginShortcode;
},
/**
* Builds login form attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortcodeFormAttr: function( values ) {
// LoginShortcodeForm Attributes.
var loginShortcodeForm = {
class: 'fusion-login-form'
};
if ( '' !== values.form_background_color ) {
loginShortcodeForm.style = 'background-color:' + values.form_background_color + ';';
}
loginShortcodeForm.name = values.action + 'form';
loginShortcodeForm.id = values.action + 'form';
loginShortcodeForm.method = 'post';
loginShortcodeForm.action = '';
return loginShortcodeForm;
},
/**
* Builds button attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortcodeButtonAttr: function( values ) {
// LoginShortcodeButton Attributes.
var loginShortcodeButton = {
class: 'fusion-login-button fusion-button button-default fusion-button-default-size'
};
if ( 'yes' !== values.button_fullwidth ) {
loginShortcodeButton[ 'class' ] += ' fusion-login-button-no-fullwidth';
}
loginShortcodeButton.type = 'submit';
loginShortcodeButton.name = 'wp-submit';
return loginShortcodeButton;
},
/**
* Builds login styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Sting}
*/
buildLoginStyle: function( values ) {
var styles = '',
cid = this.model.get( 'cid' );
if ( '' !== values.heading_color ) {
styles += '.fusion-login-box-cid' + cid + ' .fusion-login-heading{color:' + values.heading_color + ';}';
}
if ( '' !== values.caption_color ) {
styles += '.fusion-login-box-cid' + cid + ' .fusion-login-caption{color:' + values.caption_color + ';}';
}
if ( '' !== values.link_color ) {
styles += '.fusion-login-box-cid' + cid + ' a{color:' + values.link_color + ';}';
}
if ( '' !== styles ) {
styles = '<style type="text/css">' + styles + '</style>';
}
values.label_class = 'yes' === values.show_labels ? 'fusion-login-label' : 'fusion-hidden-content';
return styles;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// User Register Element View.
FusionPageBuilder.fusion_register = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
this.extras = atts.extras;
atts.values.action = 'register';
this.validateValues( atts.values );
// Create attribute objects.
atts.loginShortCodeAttr = this.buildLoginShortCodeAttr( atts.values );
atts.loginShortcodeFormAttr = this.buildLoginShortcodeFormAttr( atts.values );
atts.loginShortcodeButton = this.buildLoginShortcodeButtonAttr( atts.values );
atts.loggedIn = true;
atts.styles = this.buildRegisterStyles( atts.values );
// Any extras that need passed on.
atts.cid = this.model.get( 'cid' );
return atts;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds login attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortCodeAttr: function( values ) {
// LoginShortcode Attributes.
var loginShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-login-box fusion-login-box-cid' + this.model.get( 'cid' ) + ' fusion-login-box-' + values.action + ' fusion-login-align-' + values.text_align + ' fusion-login-field-layout-' + values.form_field_layout,
style: ''
} );
if ( '' !== values.margin_top ) {
loginShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
loginShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
loginShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
loginShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
loginShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
loginShortcode.id = values.id;
}
return loginShortcode;
},
/**
* Builds form attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortcodeFormAttr: function( values ) {
// LoginShortcodeForm Attributes.
var loginShortcodeForm = {
class: 'fusion-login-form'
};
if ( '' !== values.form_background_color ) {
loginShortcodeForm.style = 'background-color:' + values.form_background_color + ';';
}
loginShortcodeForm.name = values.action + 'form';
loginShortcodeForm.id = values.action + 'form';
loginShortcodeForm.method = 'post';
loginShortcodeForm.action = '';
return loginShortcodeForm;
},
/**
* Builds button attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortcodeButtonAttr: function( values ) {
// LoginShortcodeButton Attributes.
var loginShortcodeButton = {
class: 'fusion-login-button fusion-button button-default fusion-button-default-size'
};
if ( 'yes' !== values.button_fullwidth ) {
loginShortcodeButton[ 'class' ] += ' fusion-login-button-no-fullwidth';
}
loginShortcodeButton.type = 'submit';
loginShortcodeButton.name = 'wp-submit';
return loginShortcodeButton;
},
/**
* Builds register Styles.
*
* @since 2.0
* @param {Object} values - The attributes.
* @return {Sting}
*/
buildRegisterStyles: function( values ) {
var styles = '',
cid = this.model.get( 'cid' );
if ( '' !== values.heading_color ) {
styles += '.fusion-login-box-cid' + cid + ' .fusion-login-heading{color:' + values.heading_color + ';}';
}
if ( '' !== values.caption_color ) {
styles += '.fusion-login-box-cid' + cid + ' .fusion-login-caption{color:' + values.caption_color + ';}';
}
if ( '' !== values.link_color ) {
styles += '.fusion-login-box-cid' + cid + ' a{color:' + values.link_color + ';}';
}
if ( '' !== styles ) {
styles = '<style type="text/css">' + styles + '</style>';
}
values.label_class = 'yes' === values.show_labels ? 'fusion-login-label' : 'fusion-hidden-content';
return styles;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// User Lost Password Element View.
FusionPageBuilder.fusion_lost_password = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
this.extras = atts.extras;
atts.values.action = 'lostpassword';
this.validateValues( atts.values );
// Create attribute objects.
atts.loginShortCodeAttr = this.buildLoginShortCodeAttr( atts.values );
atts.loginShortcodeFormAttr = this.buildLoginShortcodeFormAttr( atts.values );
atts.loginShortcodeButton = this.buildLoginShortcodeButtonAttr( atts.values );
atts.loggedIn = true;
atts.styles = this.buildForgotPassStyles( atts.values );
// Any extras that need passed on.
atts.cid = this.model.get( 'cid' );
return atts;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds login attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortCodeAttr: function( values ) {
var loginShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-login-box fusion-login-box-cid' + this.model.get( 'cid' ) + ' fusion-login-box-' + values.action + ' fusion-login-align-' + values.text_align,
style: ''
} );
if ( '' !== values.margin_top ) {
loginShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
loginShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
loginShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
loginShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
loginShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
loginShortcode.id = values.id;
}
return loginShortcode;
},
/**
* Builds form attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortcodeFormAttr: function( values ) {
// LoginShortcodeForm Attributes.
var loginShortcodeForm = {
class: 'fusion-login-form'
};
if ( '' !== values.form_background_color ) {
loginShortcodeForm.style = 'background-color:' + values.form_background_color + ';';
}
loginShortcodeForm.name = values.action + 'form';
loginShortcodeForm.id = values.action + 'form';
loginShortcodeForm.method = 'post';
loginShortcodeForm.action = '';
return loginShortcodeForm;
},
/**
* Builds button attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLoginShortcodeButtonAttr: function( values ) {
// LoginShortcodeButton Attributes.
var loginShortcodeButton = {
class: 'fusion-login-button fusion-button button-default fusion-button-default-size'
};
if ( 'yes' !== values.button_fullwidth ) {
loginShortcodeButton[ 'class' ] += ' fusion-login-button-no-fullwidth';
}
loginShortcodeButton.type = 'submit';
loginShortcodeButton.name = 'wp-submit';
return loginShortcodeButton;
},
/**
* Builds forgot password Styles.
*
* @since 2.0
* @param {Object} values - The attributes.
* @return {Sting}
*/
buildForgotPassStyles: function( values ) {
var styles = '',
cid = this.model.get( 'cid' );
if ( '' !== values.heading_color ) {
styles += '.fusion-login-box-cid' + cid + ' .fusion-login-heading{color:' + values.heading_color + ';}';
}
if ( '' !== values.caption_color ) {
styles += '.fusion-login-box-cid' + cid + ' .fusion-login-caption{color:' + values.caption_color + ';}';
}
if ( '' !== values.link_color ) {
styles += '.fusion-login-box-cid' + cid + ' a{color:' + values.link_color + ';}';
}
if ( '' !== styles ) {
styles = '<style type="text/css">' + styles + '</style>';
}
values.label_class = 'yes' === values.show_labels ? 'fusion-login-label' : 'fusion-hidden-content';
return styles;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Featured Product Slider View.
FusionPageBuilder.fusion_featured_products_slider = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects.
attributes.wooFeaturedProductsSliderShortcode = {};
attributes.wooFeaturedProductsSliderShortcodeCarousel = {};
attributes.product_list = false;
attributes.placeholder = false;
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.products ) {
attributes.wooFeaturedProductsSliderShortcode = this.buildWooFeaturedProductsSliderShortcodeAttr( atts.values );
attributes.wooFeaturedProductsSliderShortcodeCarousel = this.buildWooFeaturedProductsSliderShortcodeCarousel( atts.values );
attributes.product_list = this.buildProductList( atts.values, atts.extras, atts.query_data );
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.placeholder ) {
attributes.placeholder = atts.query_data.placeholder;
}
// Any extras that need passed on.
attributes.show_nav = atts.values.show_nav;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.column_spacing = _.fusionValidateAttrValue( values.column_spacing, '' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds main attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildWooFeaturedProductsSliderShortcodeAttr: function( values ) {
// WooFeaturedProductsSliderShortcode attributes.
var wooFeaturedProductsSliderShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-featured-products-slider fusion-woo-slider',
style: ''
} );
if ( '' !== values.margin_top ) {
wooFeaturedProductsSliderShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
wooFeaturedProductsSliderShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
wooFeaturedProductsSliderShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
wooFeaturedProductsSliderShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
wooFeaturedProductsSliderShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
wooFeaturedProductsSliderShortcode.id = values.id;
}
return wooFeaturedProductsSliderShortcode;
},
/**
* Builds carousel attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildWooFeaturedProductsSliderShortcodeCarousel: function( values ) {
// WooFeaturedProductsSliderShortcodeCarousel Attributes.
var wooFeaturedProductsSliderShortcodeCarousel = {
class: 'fusion-carousel'
};
if ( 'title_below_image' === values.carousel_layout ) {
wooFeaturedProductsSliderShortcodeCarousel[ 'class' ] += ' fusion-carousel-title-below-image';
wooFeaturedProductsSliderShortcodeCarousel[ 'data-metacontent' ] = 'yes';
} else {
wooFeaturedProductsSliderShortcodeCarousel[ 'class' ] += ' fusion-carousel-title-on-rollover';
}
wooFeaturedProductsSliderShortcodeCarousel[ 'data-autoplay' ] = values.autoplay;
wooFeaturedProductsSliderShortcodeCarousel[ 'data-columns' ] = values.columns;
wooFeaturedProductsSliderShortcodeCarousel[ 'data-itemmargin' ] = values.column_spacing;
wooFeaturedProductsSliderShortcodeCarousel[ 'data-itemwidth' ] = 180;
wooFeaturedProductsSliderShortcodeCarousel[ 'data-touchscroll' ] = values.mouse_scroll;
wooFeaturedProductsSliderShortcodeCarousel[ 'data-imagesize' ] = values.picture_size;
wooFeaturedProductsSliderShortcodeCarousel[ 'data-scrollitems' ] = values.scroll_items;
return wooFeaturedProductsSliderShortcodeCarousel;
},
/**
* Builds the product list and returns the HTML.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra args.
* @param {Object} queryData - The query data.
* @return {string}
*/
buildProductList: function( values, extras, queryData ) {
var showCats = ( 'yes' === values.show_cats ) ? 'enable' : 'disable',
showPrice = ( 'yes' === values.show_price ),
showButtons = ( 'yes' === values.show_buttons ),
designClass = 'fusion-' + extras.design_class + '-product-image-wrapper',
featuredImageSize = ( 'fixed' === values.picture_size ) ? 'shop_single' : 'full',
productList = '';
_.each( queryData.products, function( product ) {
var imageData = product.image_data,
inCart = jQuery.inArray( product.id, queryData.items_in_cart ),
image = '';
imageData.image_size = featuredImageSize;
imageData.display_woo_sale = 'yes' === values.show_sale;
// Title on rollover layout.
if ( 'title_on_rollover' === values.carousel_layout ) {
imageData.image_size = featuredImageSize;
imageData.display_woo_price = showPrice;
imageData.display_woo_buttons = showButtons;
imageData.display_post_categories = showCats;
imageData.display_post_title = 'enable';
imageData.display_rollover = 'yes';
image = _.fusionFeaturedImage( imageData );
} else {
imageData.image_size = featuredImageSize;
imageData.display_woo_price = false;
imageData.display_woo_buttons = showButtons;
imageData.display_post_categories = 'disable';
imageData.display_post_title = 'disable';
imageData.display_rollover = 'yes';
if ( 'yes' === values.show_buttons ) {
image = _.fusionFeaturedImage( imageData );
} else {
imageData.display_rollover = 'no';
image = _.fusionFeaturedImage( imageData );
}
// Get the post title.
image += '<h4 class="fusion-carousel-title">';
image += '<a href="' + product.permalink + '" target="_self">' + product.title + '</a>';
image += '</h4>';
image += '<div class="fusion-carousel-meta">';
// Get the terms.
if ( true === showCats || 'enable' === showCats ) {
image += product.terms;
}
// Check if we should render the woo product price.
if ( true === showPrice || 'enable' === showPrice ) {
image += '<div class="fusion-carousel-price">' + product.price + '</div>';
}
image += '</div>';
}
if ( -1 !== inCart ) {
productList += '<li class="fusion-carousel-item"><div class="' + designClass + ' fusion-item-in-cart"><div class="fusion-carousel-item-wrapper">' + image + '</div></div></li>';
} else {
productList += '<li class="fusion-carousel-item"><div class="' + designClass + '"><div class="fusion-carousel-item-wrapper">' + image + '</div></div></li>';
}
} );
return productList;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Highlight Element View.
FusionPageBuilder.fusion_highlight = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object} - Return the attributes object.
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.output = atts.values.element_content;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object} - Return the attributes object.
*/
buildAttr: function( values ) {
var highlightShortcode = {
class: 'fusion-highlight',
style: ''
},
brightnessLevel = jQuery.AWB_Color( values.color ).lightness() * 100;
if ( values.text_color ) {
highlightShortcode[ 'class' ] += ' custom-textcolor';
} else {
highlightShortcode[ 'class' ] += ( 50 < brightnessLevel ) ? ' light' : ' dark';
}
if ( '' !== values[ 'class' ] ) {
highlightShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
highlightShortcode.id = values.id;
}
if ( 'black' === values.color ) {
highlightShortcode[ 'class' ] += ' highlight2';
} else {
highlightShortcode[ 'class' ] += ' highlight1';
}
if ( 'no' !== values.background ) {
if ( 'full' === values.background_style ) {
highlightShortcode[ 'class' ] += ' awb-highlight-background';
highlightShortcode.style += 'background-color:' + values.color + ';';
if ( 'yes' === values.rounded ) {
highlightShortcode[ 'class' ] += ' rounded';
}
} else {
highlightShortcode.style += 'background:linear-gradient(to top, ' + values.color + ' 40%, transparent 40%);';
}
} else if ( 'yes' === values.gradient_font ) {
highlightShortcode.style += _.getGradientFontString( values );
highlightShortcode[ 'class' ] += ' awb-gradient-text';
}
if ( values.text_color ) {
highlightShortcode.style += 'color:' + values.text_color + ';';
}
return highlightShortcode;
}
} );
} );
}( jQuery ) );
;/* global */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Button Element View.
FusionPageBuilder.fusion_search = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.validateValues( atts.values );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.formAttr = this.buildFormAttr( atts.values );
attributes.formStyles = this.buildStyles( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
// Any extras that need passed on.
attributes.values = atts.values;
return attributes;
},
/**
* Validates the values.
*
* @since 3.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
// Old value check.
if ( values.border_width ) {
values.border_width = _.fusionValidateAttrValue( values.border_width, 'px' );
values.border_size_top = '' !== values.border_size_top ? values.border_width : values.border_size_top;
values.border_size_right = '' !== values.border_size_right ? values.border_width : values.border_size_right;
values.border_size_bottom = '' !== values.border_size_bottom ? values.border_width : values.border_size_bottom;
values.border_size_left = '' !== values.border_size_left ? values.border_width : values.border_size_left;
delete values.border_width;
}
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.input_height = _.fusionValidateAttrValue( values.input_height, 'px' );
values.border_radius = _.fusionValidateAttrValue( values.border_radius, 'px' );
},
buildFormAttr: function( values ) {
var attr = {
class: 'searchform fusion-search-form fusion-live-search'
};
if ( values.design ) {
attr[ 'class' ] += ' fusion-search-form-' + values.design;
}
return attr;
},
buildStyles: function( values ) {
var styles = '<style type="text/css">';
if ( '' !== values.input_height ) {
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-field input,';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-button input[type=submit] {';
styles += 'height: ' + values.input_height + ';';
styles += '}';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-button input[type=submit] {';
styles += 'line-height: ' + values.input_height + ';';
styles += '}';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform.fusion-search-form-clean .fusion-search-form-content .fusion-search-field input {';
styles += 'padding-left: ' + values.input_height + ';';
styles += '}';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-button input[type=submit] {';
styles += 'width: ' + values.input_height + ';';
styles += '}';
}
if ( '' !== values.text_color ) {
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-field input,';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-field input::placeholder,';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform.fusion-search-form-clean .fusion-search-form-content .fusion-search-button input[type=submit] {';
styles += 'color: ' + values.text_color + ';';
styles += '}';
}
if ( '' !== values.focus_border_color ) {
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-field input:focus {';
styles += 'border-color: ' + values.focus_border_color + ';';
styles += '}';
}
if ( '' !== values.text_size ) {
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-field input,';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform.fusion-search-form-clean .fusion-search-form-content .fusion-search-button input[type=submit] {';
styles += 'font-size: ' + values.text_size + ';';
styles += '}';
}
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform .fusion-search-form-content .fusion-search-field input {';
if ( '' !== values.bg_color ) {
styles += 'background-color: ' + values.bg_color + ';';
}
if ( '' !== values.border_size_top ) {
styles += 'border-top-width:' + _.fusionGetValueWithUnit( values.border_size_top ) + ';';
}
if ( '' !== values.border_size_right ) {
styles += 'border-right-width:' + _.fusionGetValueWithUnit( values.border_size_right ) + ';';
}
if ( '' !== values.border_size_bottom ) {
styles += 'border-bottom-width:' + _.fusionGetValueWithUnit( values.border_size_bottom ) + ';';
}
if ( '' !== values.border_size_left ) {
styles += 'border-left-width:' + _.fusionGetValueWithUnit( values.border_size_left ) + ';';
}
if ( '' !== values.border_color ) {
styles += 'border-color: ' + values.border_color + ';';
}
styles += '}';
if ( '' !== values.border_radius ) {
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .searchform.fusion-search-form-classic .fusion-search-form-content, .fusion-search-form-classic .searchform:not(.fusion-search-form-clean) .fusion-search-form-content {';
styles += 'border-radius: ' + values.border_radius + ';';
styles += 'overflow: hidden;';
styles += '}';
styles += '.fusion-search-element-' + this.model.get( 'cid' ) + ' .fusion-search-form-content input.s {';
styles += 'border-radius: ' + values.border_radius + ';';
styles += '}';
}
styles += '</style>';
return styles;
},
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-search-element fusion-search-element-' + this.model.get( 'cid' ),
style: ''
} );
attr[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
attr.id = values.id;
attr = _.fusionAnimations( values, attr );
return attr;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Syntax Highlighter Element View.
FusionPageBuilder.fusion_syntax_highlighter = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var self = this;
setTimeout( function() {
self.fusionSyntaxHighlighter( self.$el.find( 'textarea' )[ 0 ] );
}, 500 );
},
/**
* Runs before view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
this.syntaxHighlighter.toTextArea();
this.$el.find( '.CodeMirror' ).remove();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
jQuery( this.$el.find( 'textarea' )[ 0 ] ).val( this.output );
this.fusionSyntaxHighlighter( this.$el.find( 'textarea' )[ 0 ] );
},
/**
* Init highlighter.
*
* @since 2.0
* @param {Object} syntaxHighlighterTextarea - selector object.
* @return {void}
*/
fusionSyntaxHighlighter: function( syntaxHighlighterTextarea ) {
var syntaxHighlighter,
syntaxHighlighterSettings;
// Set settings to empty for each highlighter.
syntaxHighlighterSettings = {};
// Set custom values as per the settings set by user.
syntaxHighlighterSettings.readOnly = ( 'undefined' !== typeof jQuery( syntaxHighlighterTextarea ).attr( 'data-readonly' ) ) ? jQuery( syntaxHighlighterTextarea ).attr( 'data-readonly' ) : false;
syntaxHighlighterSettings.lineNumbers = ( 'undefined' !== typeof jQuery( syntaxHighlighterTextarea ).attr( 'data-linenumbers' ) ) ? jQuery( syntaxHighlighterTextarea ).attr( 'data-linenumbers' ) : false;
syntaxHighlighterSettings.lineWrapping = ( 'undefined' !== typeof jQuery( syntaxHighlighterTextarea ).attr( 'data-linewrapping' ) ) ? jQuery( syntaxHighlighterTextarea ).attr( 'data-linewrapping' ) : false;
syntaxHighlighterSettings.theme = ( 'undefined' !== typeof jQuery( syntaxHighlighterTextarea ).attr( 'data-theme' ) ) ? jQuery( syntaxHighlighterTextarea ).attr( 'data-theme' ) : 'default';
syntaxHighlighterSettings.mode = ( 'undefined' !== typeof jQuery( syntaxHighlighterTextarea ).attr( 'data-mode' ) ) ? jQuery( syntaxHighlighterTextarea ).attr( 'data-mode' ) : 'text/html';
// Instantiate new CodeMirror for each highlighter.
syntaxHighlighter = wp.CodeMirror.fromTextArea( syntaxHighlighterTextarea, syntaxHighlighterSettings );
jQuery( syntaxHighlighterTextarea ).addClass( 'code-mirror-initialized' );
jQuery( syntaxHighlighterTextarea ).data( 'code-mirror', syntaxHighlighter );
// Make sure the highlighter don't add extra lines.
syntaxHighlighter.setSize( '100%', 'auto' );
jQuery( document ).trigger( 'resize' );
jQuery( syntaxHighlighterTextarea ).closest( '.fusion-syntax-highlighter-container' ).css( 'opacity', '1' );
this.syntaxHighlighter = syntaxHighlighter;
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.extras = atts.extras;
// Create attribute objects
attributes.syntaxAttr = this.buildSyntaxAttr( atts.values );
attributes.textareaAttr = this.buildTextareaAttr( atts.values );
attributes.syntaxHighlighterCopyCodeTitleAttr = this.buildSyntaxHighlighterCopyCodeTitleAttr( atts.values );
attributes.styles = this.buildStyles( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.output = atts.values.element_content;
this.output = atts.values.element_content;
attributes.wp_enqueue_code_editor = atts.extras.wp_enqueue_code_editor;
attributes.copy_to_clipboard = atts.values.copy_to_clipboard;
attributes.copy_to_clipboard_text = atts.values.copy_to_clipboard_text;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
// Validate margin values.
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
// Validate border size value.
values.border_size = _.fusionValidateAttrValue( values.border_size, 'px' );
// Validate font size value.
values.font_size = _.fusionValidateAttrValue( values.font_size, 'px' );
// Set background color to TO value if theme is set to TO default.
if ( '' === values.theme ) {
values.background_color = this.extras.syntax_highlighter_background_color;
}
if ( 'undefined' !== typeof values.element_content && '' !== values.element_content ) {
if ( values.element_content && FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( values.element_content ) ) === values.element_content ) {
values.element_content = FusionPageBuilderApp.base64Decode( values.element_content );
}
// Remove br tags added by WP from the code.
values.element_content = values.element_content.replace( /<br \/>/g, '' );
}
},
/**
* Builds main attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSyntaxAttr: function( values ) {
var theme = '',
syntaxAttr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-syntax-highlighter-container',
style: ''
} );
syntaxAttr[ 'class' ] += ' fusion-syntax-highlighter-cid' + this.model.get( 'cid' );
theme = ( 'default' === values.theme || 'elegant' === values.theme ) ? 'light' : 'dark';
syntaxAttr[ 'class' ] += ' fusion-syntax-highlighter-theme-' + theme;
if ( 'undefined' !== typeof values[ 'class' ] && '' !== values[ 'class' ] ) {
syntaxAttr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'undefined' !== typeof values.id && '' !== values.id ) {
syntaxAttr.id = values.id;
}
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
syntaxAttr.style += 'margin-top:' + values.margin_top + ';';
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
syntaxAttr.style += 'margin-left:' + values.margin_left + ';';
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
syntaxAttr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
syntaxAttr.style += 'margin-right:' + values.margin_right + ';';
}
if ( 'undefined' !== typeof values.font_size && '' !== values.font_size ) {
syntaxAttr.style += 'font-size:' + values.font_size + ';';
}
if ( 'undefined' !== typeof values.border_size && '' !== values.border_size ) {
syntaxAttr.style += 'border-width:' + values.border_size + ';';
if ( '' !== values.border_style ) {
syntaxAttr.style += 'border-style:' + values.border_style + ';';
}
if ( '' !== values.border_color ) {
syntaxAttr.style += 'border-color:' + values.border_color + ';';
}
}
// Compatibility for WP < 4.9.
if ( ! this.extras.wp_enqueue_code_editor && '' !== values.background_color ) {
syntaxAttr.style += 'background-color:' + values.background_color + ';';
syntaxAttr.style += 'padding: 0 1em';
}
return syntaxAttr;
},
/**
* Builds text area attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildTextareaAttr: function( values ) {
// Text area attr.
var textareaAttr = {
class: 'fusion-syntax-highlighter-textarea',
id: 'fusion_syntax_highlighter_' + this.model.get( 'cid' ),
style: ''
},
languageType,
settings = {
readOnly: 'nocursor',
lineNumbers: 'yes' === values.line_numbers ? true : '',
lineWrapping: 'break' === values.line_wrapping ? true : '',
theme: values.theme
};
if ( '' !== values.language ) {
languageType = 'json' === values.language || 'xml' === values.language ? 'application' : 'text';
settings.mode = languageType + '/' + values.language;
}
_.each( settings, function( value, setting ) {
textareaAttr[ 'data-' + setting ] = value;
} );
return textareaAttr;
},
/**
* Builds copy code area attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSyntaxHighlighterCopyCodeTitleAttr: function( values ) {
var syntaxHighlighterCopyCodeTitle = {
class: 'syntax-highlighter-copy-code-title',
style: ''
};
syntaxHighlighterCopyCodeTitle[ 'data-id' ] = 'fusion_syntax_highlighter_' + this.model.get( 'cid' );
if ( values.font_size ) {
syntaxHighlighterCopyCodeTitle.style += 'font-size:' + values.font_size + ';';
}
return syntaxHighlighterCopyCodeTitle;
},
/**
* Builds styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
buildStyles: function( values ) {
var style = '<style type="text/css" scopped="scopped">',
cid = this.model.get( 'cid' );
if ( values.background_color && '' !== values.background_color ) {
style += '.fusion-syntax-highlighter-cid' + cid + ' > .CodeMirror, .fusion-syntax-highlighter-cid' + cid + ' > .CodeMirror .CodeMirror-gutters { background-color:' + values.background_color + ';}';
}
if ( 'no' !== values.line_numbers ) {
style += '.fusion-syntax-highlighter-cid' + cid + ' > .CodeMirror .CodeMirror-gutters { background-color: ' + values.line_number_background_color + '; }';
style += '.fusion-syntax-highlighter-cid' + cid + ' > .CodeMirror .CodeMirror-linenumber { color: ' + values.line_number_text_color + '; }';
}
style += '</style>';
return style;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Tabs View.
FusionPageBuilder.fusion_tabs = FusionPageBuilder.ParentElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var $this = this;
jQuery( window ).on( 'load', function() {
$this._refreshJs();
} );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var self = this,
children = window.FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
this.appendChildren( '.nav-tabs' );
_.each( children, function( child ) {
self.appendContents( child );
} );
this._refreshJs();
},
refreshJs: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_tabs', this.model.attributes.cid );
this.checkActiveTab();
},
/**
* Find the active tab.
*
* @since 2.0
* @return {void}
*/
getActiveTab: function() {
var self = this,
children = window.FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) );
_.each( children, function( child ) {
if ( child.$el.hasClass( 'active' ) ) {
self.model.set( 'activeTab', child.model.get( 'cid' ) );
}
} );
},
/**
* Set tab as active.
*
* @since 2.0
* @return {void}
*/
checkActiveTab: function() {
var self = this,
children = window.FusionPageBuilderViewManager.getChildViews( this.model.get( 'cid' ) ),
activeTab = this.model.get( 'activeTab' ) || self.$el.find( '.nav-tabs li.active' ).data( 'cid' );
if ( 'undefined' !== activeTab ) {
_.each( children, function( child ) {
child.checkActive( activeTab );
} );
self.$el.find( '.fusion-extra-' + activeTab ).addClass( 'active in' );
} else {
_.each( children, function( child ) {
if ( child.isFirstChild() ) {
const tabPane = self.$el.find( '.fusion-extra-' + child.model.get( 'cid' ) );
const tabLi = self.$el.find( 'a[href="#' + tabPane.attr( 'id' ) + '"]' ).parent( 'li' );
tabPane.addClass( 'active in' );
tabLi.addClass( 'active' );
}
} );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object} - Returns the attributes.
*/
filterTemplateAtts: function( atts ) {
// Create attribute objects.
atts.tabsShortcode = this.buildTabsShortcodeAttrs( atts.values );
atts.styleTag = this.buildStyleTag( atts.values );
atts.justifiedClass = this.setJustifiedClass( atts.values );
this.model.set( 'first', true );
atts.cid = this.model.get( 'cid' );
return atts;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object} - Returns the shortcode object.
*/
buildTabsShortcodeAttrs: function( values ) {
// TabsShortcode Attributes.
var tabsShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-tabs fusion-tabs-cid' + this.model.get( 'cid' ) + ' ' + values.design,
style: ''
} );
if ( 'yes' !== values.justified && 'vertical' !== values.layout ) {
tabsShortcode[ 'class' ] += ' nav-not-justified';
}
if ( '' !== values.icon_position ) {
tabsShortcode[ 'class' ] += ' icon-position-' + values.icon_position;
}
if ( '' !== values[ 'class' ] ) {
tabsShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.mobile_mode ) {
tabsShortcode[ 'class' ] += ' mobile-mode-' + values.mobile_mode;
}
if ( 'carousel' === values.mobile_mode && 'yes' === values.mobile_sticky_tabs ) {
tabsShortcode[ 'class' ] += ' mobile-sticky-tabs';
}
tabsShortcode[ 'class' ] += ( 'vertical' === values.layout ) ? ' vertical-tabs' : ' horizontal-tabs';
if ( 'no' == values.show_tab_titles ) {
tabsShortcode[ 'class' ] += ' woo-tabs-hide-headings';
}
if ( '' !== values.id ) {
tabsShortcode.id = values.id;
}
// Icon color.
tabsShortcode.style += '' !== values.icon_color ? '--icon-color:' + values.icon_color + ';' : '';
// Active icon color.
tabsShortcode.style += '' !== values.active_icon_color ? '--icon-active-color:' + values.active_icon_color + ';' : '';
return tabsShortcode;
},
/**
* Builds styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string} - Returns styles as a string.
*/
buildStyleTag: function( values ) {
var cid = this.model.get( 'cid' ),
styles = '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li a.tab-link{border-top-color:' + values.inactivecolor + ';background-color:' + values.inactivecolor + ';}';
if ( 'clean' !== values.design ) {
styles += '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs{background-color:' + values.backgroundcolor + ';}';
styles += '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li.active a.tab-link,.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li.active a.tab-link:hover,.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li.active a.tab-link:focus{border-right-color:' + values.backgroundcolor + ';}';
} else {
styles = '#wrapper .fusion-tabs.fusion-tabs-cid' + cid + '.clean .nav-tabs li a.tab-link{border-color:' + values.bordercolor + ';}.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li a.tab-link{background-color:' + values.inactivecolor + ';}';
}
if ( 'classic' === values.design && '' !== values.active_border_color ) {
styles += '.fusion-tabs.fusion-tabs-cid' + cid + '.classic .nav-tabs > li.active .tab-link, .fusion-tabs.fusion-tabs-' + cid + '.classic .nav-tabs > li.active .tab-link:hover { border-color: ' + values.active_border_color + ';}';
}
styles += '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li.active a.tab-link,.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li.active a.tab-link:hover,.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li.active a.tab-link:focus{background-color:' + values.backgroundcolor + ';}';
styles += '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li a.tab-link:hover{background-color:' + values.backgroundcolor + ';border-top-color:' + values.backgroundcolor + ';}';
styles += '.fusion-tabs.fusion-tabs-cid' + cid + ' .tab-pane{background-color:' + values.backgroundcolor + ';}';
styles += '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav,.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs,.fusion-tabs.fusion-tabs-cid' + cid + ' .tab-content .tab-pane{border-color:' + values.bordercolor + ';}';
// Tabs Alignment.
if ( 'no' === values.justified && 'vertical' !== values.layout ) {
styles += '' !== values.alignment ? '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav:not(.fusion-mobile-tab-nav){ display:flex; justify-content:' + values.alignment + ';}' : '';
if ( 'accordion' === values.mobile_mode || 'toggle' === values.mobile_mode ) {
const content_media_query = `@media only screen and (max-width: ${window.FusionApp.settings.content_break_point}px)`;
styles += content_media_query + '{ .fusion-tabs.fusion-tabs-cid' + cid + ' .nav:not(.fusion-mobile-tab-nav){display:none;} }';
}
}
// Title typography.
let title_typography = '';
title_typography += _.fusionGetFontStyle( 'title_font', values, 'string', true );
title_typography += '' !== values.title_font_size ? 'font-size: ' + _.fusionGetValueWithUnit( values.title_font_size ) + ' !important;' : '';
title_typography += '' !== values.title_line_height ? 'line-height: ' + values.title_line_height + ' !important;' : '';
title_typography += '' !== values.title_letter_spacing ? 'letter-spacing: ' + _.fusionGetValueWithUnit( values.title_letter_spacing ) + ' !important;' : '';
title_typography += '' !== values.title_text_transform ? 'text-transform: ' + values.title_text_transform + ' !important;' : '';
title_typography += '' !== values.title_text_color ? 'color: ' + values.title_text_color + ' !important;' : '';
styles += '' !== title_typography ? '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li .fusion-tab-heading{' + title_typography + '}' : '';
// Active title color.
styles += '' !== values.title_active_text_color ? '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li.active .fusion-tab-heading, .fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li:hover .fusion-tab-heading{ color: ' + values.title_active_text_color + ' !important;}' : '';
// Title padding.
let title_padding = '';
title_padding += '' !== values.title_padding_top ? 'padding-top: ' + _.fusionGetValueWithUnit( values.title_padding_top ) + ' !important;' : '';
title_padding += '' !== values.title_padding_right ? 'padding-right: ' + _.fusionGetValueWithUnit( values.title_padding_right ) + ' !important;' : '';
title_padding += '' !== values.title_padding_bottom ? 'padding-bottom: ' + _.fusionGetValueWithUnit( values.title_padding_bottom ) + ' !important;' : '';
title_padding += '' !== values.title_padding_left ? 'padding-left: ' + _.fusionGetValueWithUnit( values.title_padding_left ) + ' !important;' : '';
styles += '' !== title_padding ? '.fusion-tabs.fusion-tabs-cid' + cid + ' .nav-tabs li .tab-link {' + title_padding + '}' : '';
// Content padding.
let content_padding = '';
content_padding += '' !== values.content_padding_top ? 'padding-top: ' + _.fusionGetValueWithUnit( values.content_padding_top ) + ' !important;' : '';
content_padding += '' !== values.content_padding_right ? 'padding-right: ' + _.fusionGetValueWithUnit( values.content_padding_right ) + ' !important;' : '';
content_padding += '' !== values.content_padding_bottom ? 'padding-bottom: ' + _.fusionGetValueWithUnit( values.content_padding_bottom ) + ' !important;' : '';
content_padding += '' !== values.content_padding_left ? 'padding-left: ' + _.fusionGetValueWithUnit( values.content_padding_left ) + ' !important;' : '';
styles += '' !== content_padding ? '.fusion-tabs.fusion-tabs-cid' + cid + ' .tab-content .tab-pane {' + content_padding + '}' : '';
// Margin.
styles += this.buildMarginStyles( values );
styles = '<style type="text/css">' + styles + '</style>';
return styles;
},
/**
* Set class.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string} - Returns a string containing the CSS classes.
*/
setJustifiedClass: function( values ) {
var justifiedClass = '';
if ( 'yes' === values.justified && 'vertical' !== values.layout ) {
justifiedClass = ' nav-justified';
}
return justifiedClass;
},
/**
* Builds margin styles.
*
* @since 3.5
* @param {Object} values - The values object.
* @return {string}
*/
buildMarginStyles: function( values ) {
var extras = jQuery.extend( true, {}, window.fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-tabs.fusion-tabs-cid' + this.model.get( 'cid' ),
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
return responsiveStyles;
},
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.alignment && 'clean' === params.design ) {
params.alignment = 'center';
}
this.model.set( 'params', params );
}
this.listenTo( window.FusionEvents, 'fusion-preview-viewport-update', this.onChangeDevice );
},
onChangeDevice() {
const device = jQuery( '.viewport-indicator span.active' ).data( 'indicate-viewport' );
const values = this.model.get( 'params' );
// Hide active toggle content panels from desktop.
if ( 'toggle' === values.mobile_mode && 'desktop' === device ) {
const activeId = this.$el.find( '.nav li.active' ).data( 'cid' );
this.$el.find( '.tab-pane' ).removeClass( 'active in' );
this.$el.find( '.tab-pane#tabcid' + activeId ).addClass( 'active in' );
this.$el.find( '.fusion-mobile-tab-nav li' ).removeClass( 'active' );
this.$el.find( '.fusion-mobile-tab-nav li a[href="#tabcid' + activeId + '"]' ).parent().addClass( 'active' );
}
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderElements, fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Tabs child View
FusionPageBuilder.fusion_tab = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs before view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
parentView.getActiveTab();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
this.updateExtraContents();
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Using non debounced version for smoothness.
this.refreshJs();
parentView._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
atts.tabsShortcodeTab = this.buildTabsShortcodeTabAttr( atts.values );
atts.tabsShortcodeIcon = this.buildTabsShortcodeIconAttr( atts );
atts.tabsShortcodeLink = this.buildTabsShortcodeLinkAttr( atts.values );
atts.justifiedClass = this.setJustifiedClass( atts.values );
atts.cid = this.model.get( 'cid' );
atts.parent = this.model.get( 'parent' );
atts.parentValues = this.getParentValues( atts );
atts.output = atts.values.element_content;
return atts;
},
/**
* Check for the active tab.
*
* @since 2.0
* @return {void}
*/
checkActive: function( activeTab ) {
var parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
activeTab = activeTab || parentView.model.get( 'activeTab' );
if ( 'undefined' !== typeof activeTab ) {
if ( activeTab === this.model.get( 'cid' ) ) {
this.$el.addClass( 'active' );
} else {
this.$el.removeClass( 'active' );
}
}
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildTabsShortcodeTabAttr: function() {
var tabsShortcodeTab;
tabsShortcodeTab = {
class: 'tab-pane fade fusion-extra-' + this.model.get( 'cid' )
};
tabsShortcodeTab.id = 'tabcid' + this.model.get( 'cid' );
return tabsShortcodeTab;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildTabsShortcodeIconAttr: function( atts ) {
var parentValues = atts.parentValues,
values = atts.values,
// TabsShortcodeIcon Attributes.
tabsShortcodeIcon = {
class: 'fontawesome-icon ' + _.fusionFontAwesome( values.icon ),
'aria-hidden': 'true'
};
tabsShortcodeIcon.style = '';
if ( parentValues.icon_size ) {
tabsShortcodeIcon.style += 'font-size: ' + parentValues.icon_size + 'px;';
}
const icon_color = values.icon_color ? values.icon_color : '';
if ( icon_color ) {
tabsShortcodeIcon.style += '--icon-color: ' + icon_color + ';';
}
const icon_active_color = values.icon_active_color ? values.icon_active_color : '';
if ( icon_active_color ) {
tabsShortcodeIcon.style += '--icon-active-color: ' + icon_active_color + ';';
}
return tabsShortcodeIcon;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildTabsShortcodeLinkAttr: function( values ) {
// TabsShortcodeLink Attributes.
var tabsShortcodeLink = {
class: 'tab-link'
},
sanitizedTitle = 'string' === typeof values.title ? values.title.replace( /\s+/g, '' ).toLowerCase() : '';
tabsShortcodeLink[ 'data-toggle' ] = 'tab';
tabsShortcodeLink.id = 'fusion-tab-' + sanitizedTitle;
tabsShortcodeLink.href = '#tabcid' + this.model.get( 'cid' );
return tabsShortcodeLink;
},
/**
* Set class.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
setJustifiedClass: function( values ) {
var justifiedClass = '';
if ( 'yes' === values.justified && 'vertical' !== values.layout ) {
justifiedClass = ' nav-justified';
}
return justifiedClass;
},
/**
* Get parent values.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
getParentValues: function( atts ) {
var parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == atts.parent;
} );
var parentValues = jQuery.extend( true, {}, fusionAllElements.fusion_tabs.defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) );
return parentValues;
}
} );
} );
}( jQuery ) );
;/* eslint-disable dot-notation */
/* eslint no-loop-func: 0 */
/* eslint no-unused-vars: ["error", {"args": "none"}] */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Table Element View.
FusionPageBuilder.fusion_table = FusionPageBuilder.ElementView.extend( {
/**
* Runs before view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var params = this.model.get( 'params' ),
content,
styleNew,
styleOld,
tableDOM;
content = 'undefined' === typeof this.$el.find( '[data-param="element_content"]' ).html() ? params.element_content : this.$el.find( '[data-param="element_content"]' ).html();
tableDOM = jQuery.parseHTML( content.trim() );
styleOld = jQuery( tableDOM ).attr( 'class' ).replace( /[^\d.]/g, '' );
styleNew = params.fusion_table_type;
if ( styleOld !== styleNew ) {
tableDOM = this.generateTable( tableDOM );
window.FusionPageBuilderApp.setContent( 'element_content', jQuery( tableDOM ).prop( 'outerHTML' ) );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
values = atts.params,
tableElementAtts = this.buildAttr( values ),
tableDOM,
tr,
rowsOld,
tdOld,
thTdOld,
columnsOld;
if ( 'undefined' !== typeof values.fusion_table_type && '' !== values.fusion_table_type ) {
values.element_content = values.element_content.replace( /<div .*?">/g, '<div ' + _.fusionGetAttributes( tableElementAtts ) + '>' );
}
// Validate values.
this.validateValues( atts.values );
// Fix user input error where the amount of cols in element params is larger than actual table markup.
if ( ! this.renderedYet ) {
tableDOM = jQuery.parseHTML( values.element_content.trim() );
tr = jQuery( tableDOM ).find( 'tbody > tr' );
rowsOld = tr.length + 1;
thTdOld = jQuery( tableDOM ).find( 'th' ).length;
tdOld = tr.first().children( 'td' ).length;
columnsOld = Math.max( thTdOld, tdOld );
if ( 'undefined' !== typeof values.fusion_table_columns && values.fusion_table_columns !== columnsOld ) {
values.fusion_table_columns = columnsOld;
this.model.set( 'params', values );
}
if ( 'undefined' !== typeof values.fusion_table_rows || values.fusion_table_rows !== rowsOld ) {
values.fusion_table_rows = rowsOld;
this.model.set( 'params', values );
}
}
// Table is newly created.
if ( 'undefined' !== typeof values.fusion_table_columns && '' === values.fusion_table_columns && 'undefined' !== typeof values.fusion_table_rows && '' === values.fusion_table_rows ) {
values.fusion_table_columns = 2;
values.fusion_table_rows = 2;
}
if ( 'undefined' !== typeof values.fusion_table_columns && '' !== values.fusion_table_columns ) {
tableDOM = jQuery.parseHTML( values.element_content.trim() );
tableDOM = this.generateTable( tableDOM );
values.element_content = jQuery( tableDOM ).prop( 'outerHTML' );
this.model.set( 'params', values );
}
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.element_content = values.element_content;
return attributes;
},
/**
* Modify the values.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = {},
tableStyle;
if ( 'undefined' !== typeof values.fusion_table_type && '' !== values.fusion_table_type ) {
tableStyle = values.element_content.charAt( 19 );
if ( ( '1' === tableStyle || '2' === tableStyle ) && tableStyle !== values.fusion_table_type ) {
values.fusion_table_type = tableStyle;
}
attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'table-' + values.fusion_table_type,
style: ''
} );
attr = _.fusionAnimations( values, attr );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.class ) {
attr.class += ' ' + values.class;
}
if ( '' !== values.id ) {
attr.id = values.id;
}
}
return attr;
},
/**
* Generates table HTML.
*
* @since 2.0.0
* @param {string} tableDOM - The existing DOM.
* @return {string}
*/
generateTable: function( tableDOM ) {
var i, j,
params = this.model.get( 'params' ),
rowsNew = 'undefined' !== typeof params.fusion_table_rows ? parseInt( params.fusion_table_rows, 10 ) : 0,
columnsNew = parseInt( params.fusion_table_columns, 10 ),
tr = jQuery( tableDOM ).find( 'tbody > tr' ),
thTdOld = jQuery( tableDOM ).find( 'th' ).length,
tdOld = tr.first().children( 'td' ).length,
rowsOld = tr.length + 1,
columnsOld = Math.max( thTdOld, tdOld ),
rowMarkup = '';
if ( rowsNew > rowsOld ) {
for ( i = rowsOld; i < rowsNew; i++ ) {
rowMarkup = '';
for ( j = 1; j <= columnsNew; j++ ) {
rowMarkup += '<td align="left">Column ' + j + ' Value ' + i + '</td>';
}
jQuery( tableDOM ).find( 'tbody' ).append( '<tr>' + rowMarkup + '</tr>' );
}
} else if ( rowsNew < rowsOld && 0 !== rowsNew ) {
for ( i = rowsNew + 1; i <= rowsOld; i++ ) {
jQuery( tableDOM ).find( 'tbody > tr' ).last().remove();
}
}
if ( columnsNew > columnsOld ) {
for ( i = columnsOld + 1; i <= columnsNew; i++ ) {
jQuery( tableDOM ).find( 'thead tr' ).append( '<th align="left">Column ' + i + '</th>' );
jQuery( tableDOM ).find( 'tbody tr' ).each( function( index ) {
var rowIndex = ( 0 < index ) ? ' ' + ( index + 1 ) : '';
jQuery( this ).append( '<td align="left">Column ' + i + ' Value' + rowIndex + '</td>' );
} );
}
} else if ( columnsNew < columnsOld ) {
for ( i = columnsNew + 1; i <= columnsOld; i++ ) {
jQuery( tableDOM ).find( 'thead th' ).last().remove();
jQuery( tableDOM ).find( 'tbody tr' ).each( function() {
jQuery( this ).find( 'td' ).last().remove();
} );
}
}
return tableDOM;
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {string} paramName - The name of the parameter that changed.
* @param {mixed} paramValue - The value of the option that changed.
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
onOptionChange: function( paramName, paramValue, event ) {
var tableDOM;
switch ( paramName ) {
case 'fusion_table_rows':
case 'fusion_table_columns':
this.model.attributes.params[ paramName ] = paramValue;
tableDOM = jQuery.parseHTML( this.model.attributes.params.element_content.trim() );
tableDOM = this.generateTable( tableDOM );
window.FusionPageBuilderApp.setContent( 'element_content', jQuery( tableDOM ).prop( 'outerHTML' ) );
break;
}
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, fusionBuilderGetContent */
/* eslint no-unused-vars: off */
/* eslint no-loop-func: off */
jQuery( document ).ready( function() {
jQuery( 'body' ).on( 'change', '#fusion_table_type, #sliderfusion_table_rows, #sliderfusion_table_columns', function() {
var types = [
'',
'table-1',
'table-2'
],
tableOptions = jQuery( this ).closest( '.fusion_table' ),
type = tableOptions.find( '#fusion_table_type' ).val(),
rows = tableOptions.find( '#sliderfusion_table_rows' ).val(),
columns = tableOptions.find( '#sliderfusion_table_columns' ).val(),
oldContent, newContent,
i, j, tableDOM;
if ( true === FusionPageBuilderApp.shortcodeGenerator ) {
oldContent = fusionBuilderGetContent( 'generator_element_content' );
} else {
oldContent = fusionBuilderGetContent( 'element_content' );
}
tableDOM = jQuery.parseHTML( oldContent.trim() );
tableDOM = generateTable( tableDOM, tableOptions );
newContent = jQuery( tableDOM ).prop( 'outerHTML' );
setTimeout( function() {
if ( true === FusionPageBuilderApp.shortcodeGenerator ) {
FusionPageBuilderApp.fusionBuilderSetContent( 'generator_element_content', newContent );
} else {
FusionPageBuilderApp.fusionBuilderSetContent( 'element_content', newContent );
}
}, 100 );
} );
/**
* Generates table HTML.
*
* @since 2.0.0
* @param {string} tableDOM - The existing DOM.
* @return {string}
*/
function generateTable( tableDOM, tableOptions ) {
var i, j,
styleNew = tableOptions.find( '#fusion_table_type' ).val(),
rowsNew = parseInt( tableOptions.find( '#sliderfusion_table_rows' ).val() ),
columnsNew = parseInt( tableOptions.find( '#sliderfusion_table_columns' ).val() ),
styleOld = jQuery( tableDOM ).attr( 'class' ).replace( /[^\d.]/g, '' ),
tr = jQuery( tableDOM ).find( 'tbody > tr' ),
thTdOld = jQuery( tableDOM ).find( 'th' ).length,
tdOld = tr.first().children( 'td' ).length,
rowsOld = tr.length + 1,
columnsOld = Math.max( thTdOld, tdOld ),
rowMarkup = '';
if ( styleOld !== styleNew ) {
jQuery( tableDOM ).attr( 'class', jQuery( tableDOM ).attr( 'class' ).replace( styleOld, styleNew ) );
}
if ( rowsNew > rowsOld ) {
if ( ! jQuery( tableDOM ).find( 'tbody' ).length ) {
jQuery( tableDOM ).find( 'thead' ).after( '<tbody></tbod>' );
}
for ( i = rowsOld; i < rowsNew; i++ ) {
rowMarkup = '';
for ( j = 1; j <= columnsNew; j++ ) {
rowMarkup += '<td align="left">Column ' + j + ' Value ' + i + '</td>';
}
jQuery( tableDOM ).find( 'tbody' ).append( '<tr>' + rowMarkup + '</tr>' );
}
} else if ( rowsNew < rowsOld && 0 !== rowsNew ) {
for ( i = rowsNew + 1; i <= rowsOld; i++ ) {
jQuery( tableDOM ).find( 'tbody > tr' ).last().remove();
}
}
if ( columnsNew > columnsOld ) {
for ( i = columnsOld + 1; i <= columnsNew; i++ ) {
jQuery( tableDOM ).find( 'thead tr' ).append( '<th align="left">Column ' + i + '</th>' );
jQuery( tableDOM ).find( 'tbody tr' ).each( function( index ) {
var rowIndex = ( 0 < index ) ? ' ' + ( index + 1 ) : '';
jQuery( this ).append( '<td align="left">Column ' + i + ' Value' + rowIndex + '</td>' );
} );
}
} else if ( columnsNew < columnsOld ) {
for ( i = columnsNew + 1; i <= columnsOld; i++ ) {
jQuery( tableDOM ).find( 'thead th' ).last().remove();
jQuery( tableDOM ).find( 'tbody tr' ).each( function() {
jQuery( this ).find( 'td' ).last().remove();
} );
}
}
return tableDOM;
}
} );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Progress Bar Element View.
FusionPageBuilder.fusion_progress = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.attrBar = this.buildBarAttr( atts.values );
attributes.attrSpan = this.buildSpanAttr( atts.values, atts.extras );
attributes.attrEditor = this.buildInlineEditorAttr( atts.values );
attributes.attrContent = this.buildContentAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
attributes.percentage = this.sanitizePercentage( atts.values.percentage );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.filledbordersize = _.fusionValidateAttrValue( values.filledbordersize, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-progressbar',
style: ''
} );
if ( 'above_bar' === values.text_position ) {
attr[ 'class' ] += ' fusion-progressbar-text-above-bar';
} else if ( 'below_bar' === values.text_position ) {
attr[ 'class' ] += ' fusion-progressbar-text-below-bar';
} else {
attr[ 'class' ] += ' fusion-progressbar-text-on-bar';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( values.text_align ) {
attr.style += 'text-align:' + values.text_align;
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildInlineEditorAttr: function() {
var attr = {
class: 'fusion-progressbar-text',
id: 'awb-progressbar-label-' + this.model.get( 'cid' )
};
attr = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
'disable-return': true,
'disable-extra-spaces': true,
toolbar: 'simple'
}, attr );
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildContentAttr: function( values ) {
var attr = {
class: 'progress progress-bar-content',
role: 'progressbar',
style: ''
};
attr.style += 'width:' + this.sanitizePercentage( values.percentage ) + '%;';
attr.style += 'background-color:' + values.filledcolor + ';';
if ( '' !== values.filledbordersize && '' !== values.filledbordercolor ) {
attr.style += 'border: ' + values.filledbordersize + ' solid ' + values.filledbordercolor + ';';
}
if ( '' !== values.border_radius_top_left ) {
attr.style += 'border-top-left-radius:' + values.border_radius_top_left + ';';
}
if ( '' !== values.border_radius_top_right ) {
attr.style += 'border-top-right-radius:' + values.border_radius_top_right + ';';
}
if ( '' !== values.border_radius_bottom_left ) {
attr.style += 'border-bottom-left-radius:' + values.border_radius_bottom_left + ';';
}
if ( '' !== values.border_radius_bottom_right ) {
attr.style += 'border-bottom-right-radius:' + values.border_radius_bottom_right + ';';
}
attr.role = 'progressbar';
attr[ 'aria-labelledby' ] = 'awb-progressbar-label-' + this.model.get( 'cid' );
attr[ 'aria-valuemin' ] = '0';
attr[ 'aria-valuemax' ] = '100';
attr[ 'aria-valuenow' ] = values.percentage;
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildBarAttr: function( values ) {
var attr = {
class: 'fusion-progressbar-bar progress-bar',
style: ''
};
attr.style += 'background-color:' + values.unfilledcolor + ';';
if ( 'yes' === values.striped ) {
attr[ 'class' ] += ' progress-striped';
}
if ( 'yes' === values.animated_stripes ) {
attr[ 'class' ] += ' active';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( '' !== values.height ) {
attr.style += 'height:' + values.height + ';';
}
if ( '' !== values.border_radius_top_left ) {
attr.style += 'border-top-left-radius:' + values.border_radius_top_left + ';';
}
if ( '' !== values.border_radius_top_right ) {
attr.style += 'border-top-right-radius:' + values.border_radius_top_right + ';';
}
if ( '' !== values.border_radius_bottom_left ) {
attr.style += 'border-bottom-left-radius:' + values.border_radius_bottom_left + ';';
}
if ( '' !== values.border_radius_bottom_right ) {
attr.style += 'border-bottom-right-radius:' + values.border_radius_bottom_right + ';';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildSpanAttr: function( values, extras ) {
var attr = {
class: 'progress-title',
style: ''
};
var empty_percentage = 0;
attr.style += 'color:' + values.textcolor + ';';
if ( 'on_bar' === values.text_position ) {
empty_percentage = 100 - this.sanitizePercentage( values.percentage );
if ( 66 > empty_percentage ) {
if ( ! extras.is_rtl ) {
attr.style += 'right: calc(15px + ' + empty_percentage + '%);';
} else {
attr.style += 'left: calc(15px + ' + empty_percentage + '%);';
}
}
}
if ( '' !== values.text_line_height ) {
attr.style += 'line-height:' + values.text_line_height + ';';
}
if ( '' !== values.text_letter_spacing ) {
attr.style += 'letter-spacing:' + _.fusionGetValueWithUnit( values.text_letter_spacing ) + ';';
}
if ( '' !== values.text_text_transform ) {
attr.style += 'text-transform:' + values.text_text_transform + ';';
}
if ( '' !== values.text_font_size ) {
attr.style += 'font-size:' + _.fusionGetValueWithUnit( values.text_font_size ) + ';';
}
attr.style += _.fusionGetFontStyle( 'text_font', values );
return attr;
},
/**
* Sanitize the percentage value, because this can come also from a
* dynamic data which can be a string or a float.
*
* @since 3.6
* @param {Object} values - The values object.
* @return {Object}
*/
sanitizePercentage: function( percentage ) {
percentage = parseFloat( percentage );
// percentage can be NaN if parseFloat failed.
if ( ! percentage ) {
percentage = 0;
}
percentage = Math.round( percentage );
if ( 0 > percentage ) {
percentage = 0;
}
if ( 100 < percentage ) {
percentage = 100;
}
return percentage;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Scroll Progress Element View.
FusionPageBuilder.fusion_scroll_progress = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.params = this.model.get( 'params' );
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.getStyles();
attributes.position = atts.values.position;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
return attributes;
},
/**
* Modify values.
*
* @since 3.3
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
var borderRadius = values.border_radius_top_left + ' ' + values.border_radius_top_right + ' ' + values.border_radius_bottom_right + ' ' + values.border_radius_bottom_left;
values.border_radius = ( '0px 0px 0px 0px' === borderRadius ) ? '' : borderRadius;
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-scroll-progress fusion-scroll-progress-' + this.model.get( 'cid' ),
max: '100',
value: ''
} );
if ( 'flow' !== values.position ) {
attr[ 'class' ] += ' fusion-fixed-' + values.position;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds inline styles.
*
* @since 3.3
* @return {Object}
*/
getStyles: function () {
var css;
this.baseSelector = '.fusion-scroll-progress-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( ! _.isEmpty( this.values.z_index ) && 'flow' !== this.values.position ) {
this.addCssProperty( this.baseSelector, 'z-index', this.values.z_index, true );
}
if ( ! _.isEmpty( this.values.height ) ) {
this.addCssProperty( this.baseSelector, 'height', this.values.height );
this.addCssProperty( this.baseSelector + '::-moz-progress-bar', 'height', this.values.height );
this.addCssProperty( this.baseSelector + '::-webkit-progress-bar', 'height', this.values.height );
this.addCssProperty( this.baseSelector + '::-webkit-progress-value', 'height', this.values.height );
}
if ( ! _.isEmpty( this.values.background_color ) ) {
this.addCssProperty( this.baseSelector, 'background-color', this.values.background_color );
this.addCssProperty( this.baseSelector + '::-webkit-progress-bar', 'background-color', this.values.background_color );
}
if ( ! _.isEmpty( this.values.progress_color ) ) {
this.addCssProperty( this.baseSelector + '::-moz-progress-bar', 'background-color', this.values.progress_color );
this.addCssProperty( this.baseSelector + '::-webkit-progress-value', 'background-color', this.values.progress_color );
}
if ( ! _.isEmpty( this.values.border_size ) && ! _.isEmpty( this.values.border_color ) ) {
this.addCssProperty( this.baseSelector + '::-moz-progress-bar', 'border', _.fusionGetValueWithUnit( this.values.border_size ) + ' solid ' + this.values.border_color );
this.addCssProperty( this.baseSelector + '::-webkit-progress-value', 'border', _.fusionGetValueWithUnit( this.values.border_size ) + ' solid ' + this.values.border_color );
}
if ( ! _.isEmpty( this.values.border_radius ) ) {
this.addCssProperty( this.baseSelector, 'border-radius', this.values.border_radius );
this.addCssProperty( this.baseSelector + '::-moz-progress-bar', 'border-radius', this.values.border_radius );
this.addCssProperty( this.baseSelector + '::-webkit-progress-bar', 'border-radius', this.values.border_radius );
this.addCssProperty( this.baseSelector + '::-webkit-progress-value', 'border-radius', this.values.border_radius );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Accordion View.
FusionPageBuilder.fusion_recent_posts = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var self = this;
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( document ).ready( function() {
self.afterPatch();
} );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var elements = this.$el.find( '.fusion-recent-posts .flexslider' );
_.each( elements, function( element ) {
element = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( element );
if ( 'undefined' !== typeof element.data( 'flexslider' ) ) {
element.flexslider( 'destroy' );
}
} );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var elements = this.$el.find( '.fusion-recent-posts .flexslider' );
// Re-init flexsliders.
setTimeout( function() {
_.each( elements, function( element ) {
element = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( element );
// TODO: check timing here, after patch shouldn't really fire on initial load, otherwise duplicate flexislider.
if ( 'function' === typeof element.flexslider ) {
element.flexslider();
}
} );
}, 300 );
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
// Deprecated 5.2.1 hide value, mapped to no.
values.excerpt = 'hide' === values.excerpt ? 'no' : values.excerpt;
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Modify template attributes.
*
* @since 2.0.0
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var columns = 3,
attributes = {},
recentPostsShortcode = {},
recentPostsShortcodeColumn = {},
recentPostsShortcodeImgLink = {},
recentPostsShortcodeSection = {},
recentPostsShortcodeSlideshow = {
class: 'fusion-flexslider flexslider'
};
this.validateValues( atts.values );
if ( 'undefined' !== typeof this.model.attributes.query_data && 'undefined' !== typeof this.model.attributes.query_data.posts ) {
if ( '' !== atts.values.columns ) {
columns = 12 / parseInt( atts.values.columns, 10 );
}
recentPostsShortcodeColumn[ 'class' ] = 'fusion-column column col col-lg-' + columns + ' col-md-' + columns + ' col-sm-' + columns + '';
if ( '5' === atts.values.columns ) {
recentPostsShortcodeColumn[ 'class' ] = 'fusion-column column col-lg-2 col-md-2 col-sm-2';
}
recentPostsShortcodeColumn = _.fusionAnimations( atts.values, recentPostsShortcodeColumn );
if ( 'thumbnails-on-side' === atts.values.layout ) {
recentPostsShortcodeSlideshow[ 'class' ] += ' floated-slideshow';
}
if ( '' !== atts.values.hover_type ) {
recentPostsShortcodeSlideshow[ 'class' ] += ' flexslider-hover-type-' + atts.values.hover_type;
}
if ( '' !== atts.values.hover_type ) {
recentPostsShortcodeImgLink[ 'class' ] = 'hover-type-' + atts.values.hover_type;
}
// recentPostsShortcode Attributes.
recentPostsShortcode = _.fusionVisibilityAtts( atts.values.hide_on_mobile, {
class: 'fusion-recent-posts fusion-recent-posts-' + this.model.get( 'cid' ) + ' avada-container layout-' + atts.values.layout + ' layout-columns-' + atts.values.columns,
style: ''
} );
if ( '' !== atts.values.margin_top ) {
recentPostsShortcode.style += 'margin-top:' + atts.values.margin_top + ';';
}
if ( '' !== atts.values.margin_right ) {
recentPostsShortcode.style += 'margin-right:' + atts.values.margin_right + ';';
}
if ( '' !== atts.values.margin_bottom ) {
recentPostsShortcode.style += 'margin-bottom:' + atts.values.margin_bottom + ';';
}
if ( '' !== atts.values.margin_left ) {
recentPostsShortcode.style += 'margin-left:' + atts.values.margin_left + ';';
}
if ( '' !== atts.values[ 'class' ] ) {
recentPostsShortcode[ 'class' ] += ' ' + atts.values[ 'class' ];
}
if ( '' !== atts.values.id ) {
recentPostsShortcode.id = atts.values.id;
}
// recentPostsShortcodeSection Attributes.
recentPostsShortcodeSection[ 'class' ] = 'fusion-columns columns fusion-columns-' + atts.values.columns + ' columns-' + atts.values.columns;
}
if ( 'auto' === atts.values.picture_size ) {
atts.values.image_size = 'full';
} else if ( 'default' === atts.values.layout ) {
atts.values.image_size = 'recent-posts';
} else {
atts.values.image_size = 'portfolio-five';
}
attributes.metaInfoSettings = {};
attributes.metaInfoSettings.post_meta = ( 'yes' === atts.values.meta );
attributes.metaInfoSettings.post_meta_author = ( 'yes' === atts.values.meta_author );
attributes.metaInfoSettings.post_meta_date = ( 'yes' === atts.values.meta_date );
attributes.metaInfoSettings.post_meta_cats = ( 'yes' === atts.values.meta_categories );
attributes.metaInfoSettings.post_meta_tags = ( 'yes' === atts.values.meta_tags );
attributes.metaInfoSettings.post_meta_comments = ( 'yes' === atts.values.meta_comments );
attributes.metaInfoSettings.disable_date_rich_snippet_pages = atts.extras.disable_date_rich_snippet_pages;
attributes.query_data = atts.query_data;
attributes.extras = atts.extras;
attributes.values = atts.values;
attributes.style = this.getStyleElement( atts.values );
attributes.titleTag = this.getTitleTag( atts.values );
attributes.recentPostsShortcode = recentPostsShortcode;
attributes.recentPostsShortcodeColumn = recentPostsShortcodeColumn;
attributes.recentPostsShortcodeImgLink = recentPostsShortcodeImgLink;
attributes.recentPostsShortcodeSection = recentPostsShortcodeSection;
attributes.recentPostsShortcodeSlideshow = recentPostsShortcodeSlideshow;
return attributes;
},
getTitleTag: function( values ) {
if ( ! values.title_size ) {
return 'h4';
}
if ( !isNaN( values.title_size ) && !isNaN( parseFloat( values.title_size ) ) ) {
return 'h' + values.title_size;
}
return values.title_size;
},
/**
* Create the style HTML element.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getStyleElement: function( values ) {
var style,
baseSelector = '.fusion-recent-posts.fusion-recent-posts-' + this.model.get( 'cid' ),
self = this,
titleSelector = baseSelector + ' .columns .column .entry-title';
this.dynamic_css = {};
this.values = values;
jQuery.each( _.fusionGetFontStyle( 'title_font', values, 'object' ), function( rule, value ) {
self.addCssProperty( titleSelector, rule, value );
} );
if ( ! _.isEmpty( values.title_font_size ) ) {
this.addCssProperty( titleSelector, 'font-size', values.title_font_size );
}
if ( ! _.isEmpty( values.title_line_height ) ) {
this.addCssProperty( titleSelector, 'line-height', values.title_line_height );
}
if ( ! _.isEmpty( values.title_letter_spacing ) ) {
this.addCssProperty( titleSelector, 'letter-spacing', values.title_letter_spacing );
}
if ( ! _.isEmpty( values.title_text_transform ) ) {
this.addCssProperty( titleSelector, 'text-transform', values.title_text_transform );
}
style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Product Slider View.
FusionPageBuilder.fusion_products_slider = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.wooProductSliderShortcode = {};
attributes.wooProductSliderShortcodeCarousel = {};
attributes.productList = false;
attributes.placeholder = false;
attributes.showNav = atts.values.show_nav;
// Validate values.
this.validateValues( atts.values );
// Create attribute objects.
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.products ) {
attributes.wooProductSliderShortcode = this.buildWooProductSliderShortcodeAttr( atts.values );
attributes.wooProductSliderShortcodeCarousel = this.buildWooProductSliderShortcodeCarousel( atts.values );
attributes.productList = this.buildProductList( atts.values, atts.extras, atts.query_data );
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.placeholder ) {
attributes.placeholder = atts.query_data.placeholder;
}
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.column_spacing = _.fusionValidateAttrValue( values.column_spacing, '' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildWooProductSliderShortcodeAttr: function( values ) {
var wooProductSliderShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-product-slider fusion-woo-slider',
style: ''
} );
if ( '' !== values.margin_top ) {
wooProductSliderShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
wooProductSliderShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
wooProductSliderShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
wooProductSliderShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
wooProductSliderShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
wooProductSliderShortcode.id = values.id;
}
return wooProductSliderShortcode;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildWooProductSliderShortcodeCarousel: function( values ) {
var wooProductSliderShortcodeCarousel = {
class: 'fusion-carousel'
};
if ( 'title_below_image' === values.carousel_layout ) {
wooProductSliderShortcodeCarousel[ 'class' ] += ' fusion-carousel-title-below-image';
wooProductSliderShortcodeCarousel[ 'data-metacontent' ] = 'yes';
} else {
wooProductSliderShortcodeCarousel[ 'class' ] += ' fusion-carousel-title-on-rollover';
}
wooProductSliderShortcodeCarousel[ 'data-autoplay' ] = values.autoplay;
wooProductSliderShortcodeCarousel[ 'data-columns' ] = values.columns;
wooProductSliderShortcodeCarousel[ 'data-itemmargin' ] = values.column_spacing;
wooProductSliderShortcodeCarousel[ 'data-itemwidth' ] = 180;
wooProductSliderShortcodeCarousel[ 'data-touchscroll' ] = values.mouse_scroll;
wooProductSliderShortcodeCarousel[ 'data-imagesize' ] = values.picture_size;
wooProductSliderShortcodeCarousel[ 'data-scrollitems' ] = values.scroll_items;
return wooProductSliderShortcodeCarousel;
},
/**
* Builds the product list and returns the HTML.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra args.
* @param {Object} queryData - The query data.
* @return {string}
*/
buildProductList: function( values, extras, queryData ) {
var productList = '',
designClass = 'fusion-' + extras.box_design + '-product-image-wrapper',
featuredImageSize = 'full',
showCats,
showPrice,
showButtons;
( 'yes' === values.show_cats ) ? ( showCats = 'enable' ) : ( showCats = 'disable' );
( 'yes' === values.show_price ) ? ( showPrice = true ) : ( showPrice = false );
( 'yes' === values.show_buttons ) ? ( showButtons = true ) : ( showButtons = false );
if ( 'fixed' === values.picture_size ) {
featuredImageSize = 'portfolio-five';
}
_.each( queryData.products, function( product ) {
var inCart = jQuery.inArray( product.id, queryData.items_in_cart ),
image = '',
imageData = product.image_data;
imageData.image_size = featuredImageSize;
imageData.display_woo_sale = 'yes' === values.show_sale;
// Title on rollover layout.
if ( 'title_on_rollover' === values.carousel_layout ) {
imageData.image_size = featuredImageSize;
imageData.display_woo_price = showPrice;
imageData.display_woo_buttons = showButtons;
imageData.display_post_categories = showCats;
imageData.display_post_title = 'enable';
imageData.display_rollover = 'yes';
image = _.fusionFeaturedImage( imageData );
// Title below image layout.
} else {
imageData.image_size = featuredImageSize;
imageData.display_woo_price = false;
imageData.display_woo_buttons = showButtons;
imageData.display_post_categories = 'disable';
imageData.display_post_title = 'disable';
imageData.display_rollover = 'yes';
if ( 'yes' === values.show_buttons ) {
image = _.fusionFeaturedImage( imageData );
} else {
imageData.display_rollover = 'no';
image = _.fusionFeaturedImage( imageData );
}
// Get the post title.
image += '<h4 class="fusion-carousel-title">';
image += '<a href="' + product.permalink + '" target="_self">' + product.title + '</a>';
image += '</h4>';
image += '<div class="fusion-carousel-meta">';
// Get the terms.
if ( true === showCats || 'enable' === showCats ) {
image += product.terms;
}
// Check if we should render the woo product price.
if ( true === showPrice || 'enable' === showPrice ) {
image += '<div class="fusion-carousel-price">' + product.price + '</div>';
}
image += '</div>';
}
if ( -1 !== inCart ) {
productList += '<li class="fusion-carousel-item"><div class="' + designClass + ' fusion-item-in-cart"><div class="fusion-carousel-item-wrapper">' + image + '</div></div></li>';
} else {
productList += '<li class="fusion-carousel-item"><div class="' + designClass + '"><div class="fusion-carousel-item-wrapper">' + image + '</div></div></li>';
}
} );
return productList;
}
} );
} );
}( jQuery ) );
;/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Product Component View.
FusionPageBuilder.fusion_woo_product_grid = FusionPageBuilder.ElementView.extend( {
onInit: function() {
if ( this.model.attributes.markup && '' === this.model.attributes.markup.output ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.attr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.productsLoop = this.buildOutput( atts );
attributes.productsAttrs = this.buildProductsAttrs( atts.values );
attributes.pagination = this.buildPagination( atts );
attributes.paginationAttrs = this.buildPaginationAttrs();
attributes.query_data = atts.query_data;
// add placeholder.
attributes.query_data.placeholder = this.getComponentPlaceholder();
attributes.values = atts.values;
attributes.loadMoreText = atts.extras.load_more_text;
return attributes;
},
/**
* Modifies the values.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-product-grid fusion-product-archive fusion-woo-product-grid-' + this.model.get( 'cid' )
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( this.isSpacingOff() ) {
attr[ 'class' ] += ' fusion-woo-product-grid-spacing-off';
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds carousel nav.
*
* @since 3.2
* @return {string}
*/
buildCarouselNav: function() {
var output = '';
output += '<div class="fusion-carousel-nav">';
output += '<button class="fusion-nav-prev" aria-label="Previous"></button>';
output += '<button class="fusion-nav-next" aria-label="Next"></button>';
output += '</div>';
return output;
},
/**
* Builds carousel attributes.
*
* @since 3.2
* @param {Object} values - The values.
* @return {Object}
*/
buildCarouselAttrs: function( values ) {
var attr = {
class: 'fusion-carousel'
};
/**
* Set the autoplay variable.
*/
attr[ 'data-autoplay' ] = values.products_autoplay;
/**
* Set the touch scroll variable.
*/
attr[ 'data-touchscroll' ] = values.products_swipe;
attr[ 'data-columns' ] = values.products_columns;
attr[ 'data-itemmargin' ] = parseInt( values.products_column_spacing ) + 'px';
attr[ 'data-itemwidth' ] = 180;
attr[ 'data-scrollitems' ] = ( 0 == values.products_swipe_items ) ? '' : values.products_swipe_items;
return attr;
},
/**
* Builds products UL attributes.
*
* @since 3.2
* @param {Object} values - The values.
* @return {Object}
*/
buildProductsAttrs: function( values ) {
var attr = {
class: 'products products-' + values.columns
};
return attr;
},
/**
* Builds pagination attributes.
*
* @since 3.2
* @param {Object} values - The values.
* @return {Object}
*/
buildPaginationAttrs: function() {
var attr = {
class: 'fusion-woo-product-grid-pagination fusion-clearfix'
};
if ( this.isLoadMore() ) {
attr[ 'class' ] += ' infinite-scroll infinite-scroll-hide';
}
return attr;
},
/**
* Check is load more.
*
* @since 3.2
* @return {boolean}
*/
isLoadMore: function() {
return -1 !== jQuery.inArray( this.values.scrolling, [ 'infinite', 'load_more_button' ] );
},
/**
* Check if spacing should be off.
*
* @since 3.3
* @return {boolean}
*/
isSpacingOff: function() {
return ! this.isDefault( 'show_price' ) && ! this.isDefault( 'show_rating' );
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.loop_product ) {
output = atts.query_data.loop_product;
}
return output;
},
/**
* Builds pagination.
*
* @since 3.2
* @param {Object} atts - The atts object.
* @return {String}
*/
buildPagination: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.pagination ) {
output = atts.query_data.pagination;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var css, selectors, column_spacing, colors, gradient, gradient_after;
this.baseSelector = '.fusion-woo-product-grid.fusion-woo-product-grid-' + this.model.get( 'cid' );
this.dynamic_css = {};
// Grid Box styles.
selectors = [ this.baseSelector + ' .products li.product .fusion-product-wrapper' ];
if ( ! this.isDefault( 'grid_box_color' ) ) {
this.addCssProperty( selectors, 'background-color', values.grid_box_color );
}
if ( ! this.isDefault( 'grid_border_color' ) ) {
this.addCssProperty( selectors, 'border-color', values.grid_border_color );
}
// Separators styles.
selectors = [ this.baseSelector + ' .fusion-content-sep' ];
if ( ! this.isDefault( 'grid_separator_color' ) ) {
if ( 'shadow' !== values.grid_separator_style_type ) {
this.addCssProperty( selectors, 'border-color', values.grid_separator_color );
} else {
colors = jQuery.AWB_Color( values.grid_separator_color );
gradient = 'linear-gradient(to left, rgba({1}, {2}, {3}, 0) 0%, rgba({1}, {2}, {3}, 0) 15%, rgba({1}, {2}, {3}, 0.65) 50%, rgba({1}, {2}, {3}, 0) 85%, rgba({1}, {2}, {3}, 0) 100%)';
gradient = gradient.replace( /\{1\}/g, colors.red() ).replace( /\{2\}/g, colors.green() ).replace( /\{3\}/g, colors.blue() );
gradient_after = 'radial-gradient(ellipse at 50% -50%, rgba({1}, {2}, {3}, 0.5) 0, rgba(255, 255, 255, 0) 65%)';
gradient_after = gradient_after.replace( /\{1\}/g, colors.red() ).replace( /\{2\}/g, colors.green() ).replace( /\{3\}/g, colors.blue() );
this.addCssProperty( selectors, 'background', gradient );
this.addCssProperty( [ this.baseSelector + ' .fusion-content-sep:after' ], 'background', gradient_after );
}
}
// Hide styles.
selectors = [ this.baseSelector + ' .product-title' ];
if ( ! this.isDefault( 'show_title' ) ) {
this.addCssProperty( selectors, 'display', 'none' );
}
selectors = [ this.baseSelector + ' .fusion-price-rating .price' ];
if ( ! this.isDefault( 'show_price' ) ) {
this.addCssProperty( selectors, 'display', 'none' );
}
selectors = [
this.baseSelector + ' .fusion-price-rating .star-rating',
this.baseSelector + ' .fusion-rollover .star-rating'
];
if ( ! this.isDefault( 'show_rating' ) ) {
this.addCssProperty( selectors, 'display', 'none' );
}
selectors = [
this.baseSelector + ' .product-buttons',
this.baseSelector + ' .fusion-product-buttons'
];
if ( ! this.isDefault( 'show_buttons' ) ) {
this.addCssProperty( selectors, 'display', 'none' );
}
selectors = [ this.baseSelector + ' .fusion-product-content' ];
if ( ! this.isDefault( 'show_title' ) && ! this.isDefault( 'show_price' ) && ! this.isDefault( 'show_rating' ) && ! this.isDefault( 'show_buttons' ) ) {
this.addCssProperty( selectors, 'display', 'none' );
}
selectors = [ this.baseSelector + ' .infinite-scroll-hide' ];
if ( this.isLoadMore() ) {
this.addCssProperty( selectors, 'display', 'none' );
}
this.addCssProperty( [ this.baseSelector + '.fusion-woo-product-grid-spacing-off .product .product-buttons' ], 'padding-top', '0' );
this.addCssProperty( [ this.baseSelector + '.fusion-woo-product-grid-spacing-off .product-details-container' ], 'min-height', '0' );
if ( ! this.isDefault( 'column_spacing' ) && 1 < parseInt( values.columns ) ) {
selectors = [ this.baseSelector + ' ul.products' ];
column_spacing = _.fusionGetValueWithUnit( values.column_spacing );
this.addCssProperty( selectors, 'margin-top', 'calc((' + column_spacing + ')/ -2)' );
this.addCssProperty( selectors, 'margin-right', 'calc((' + column_spacing + ')/ -2)' );
this.addCssProperty( selectors, 'margin-left', 'calc((' + column_spacing + ')/ -2)' );
selectors = [ this.baseSelector + ' ul.products .product' ];
this.addCssProperty( selectors, 'padding', 'calc((' + column_spacing + ')/ 2)' );
}
selectors = [ this.baseSelector ];
// Margin styles.
if ( ! this.isDefault( 'margin_top' ) ) {
this.addCssProperty( selectors, 'margin-top', values.margin_top );
}
if ( ! this.isDefault( 'margin_right' ) ) {
this.addCssProperty( selectors, 'margin-right', values.margin_right );
}
if ( ! this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( selectors, 'margin-bottom', values.margin_bottom );
}
if ( ! this.isDefault( 'margin_left' ) ) {
this.addCssProperty( selectors, 'margin-left', values.margin_left );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Sorting Component View.
FusionPageBuilder.fusion_woo_sorting = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.attr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
attributes.query_data = atts.query_data;
attributes.values = atts.values;
return attributes;
},
/**
* Modifies the values.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'catalog-ordering fusion-woo-sorting fusion-woo-sorting-' + this.model.get( 'cid' )
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.output ) {
output = atts.query_data.output;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var css, selectors;
this.baseSelector = '.fusion-woo-sorting.fusion-woo-sorting-' + this.model.get( 'cid' );
this.dynamic_css = {};
selectors = [ this.baseSelector ];
// Fix z-index issue.
this.addCssProperty( selectors, 'z-index', '100' );
this.addCssProperty( selectors, 'position', 'relative' );
// Margin styles.
if ( ! this.isDefault( 'margin_top' ) ) {
this.addCssProperty( selectors, 'margin-top', values.margin_top );
}
if ( ! this.isDefault( 'margin_right' ) ) {
this.addCssProperty( selectors, 'margin-right', values.margin_right );
}
if ( ! this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( selectors, 'margin-bottom', values.margin_bottom );
} else {
this.addCssProperty( selectors, 'margin-bottom', '0px' );
}
if ( ! this.isDefault( 'margin_left' ) ) {
this.addCssProperty( selectors, 'margin-left', values.margin_left );
}
selectors = [
this.baseSelector + ' .order-dropdown .current-li',
this.baseSelector + ' .order-dropdown ul li a:not(:hover)',
this.baseSelector + '.catalog-ordering .order li a:not(:hover)',
this.baseSelector + ' .fusion-grid-list-view li:not(.active-view):not(:hover)'
];
// Dropdown bg color.
if ( ! this.isDefault( 'dropdown_bg_color' ) ) {
this.addCssProperty( selectors, 'background-color', values.dropdown_bg_color );
}
selectors = [
this.baseSelector + ' .order-dropdown ul li a:hover',
this.baseSelector + '.catalog-ordering .order li a:hover',
this.baseSelector + ' .fusion-grid-list-view li:hover',
this.baseSelector + ' .fusion-grid-list-view li.active-view'
];
// Dropdown hover / active bg color.
if ( ! this.isDefault( 'dropdown_hover_bg_color' ) ) {
this.addCssProperty( selectors, 'background-color', values.dropdown_hover_bg_color );
}
selectors = [
this.baseSelector + ' .order-dropdown',
this.baseSelector + ' .order-dropdown a',
this.baseSelector + ' .order-dropdown ul li a',
this.baseSelector + ' .order-dropdown a:hover',
this.baseSelector + ' .order-dropdown > li:after',
this.baseSelector + ' .order-dropdown ul li a:hover',
this.baseSelector + '.catalog-ordering .order li a',
this.baseSelector + ' .fusion-grid-list-view a',
this.baseSelector + ' .fusion-grid-list-view li:hover',
this.baseSelector + ' .fusion-grid-list-view li.active-view a i'
];
// Dropdown text color.
if ( ! this.isDefault( 'dropdown_text_color' ) ) {
this.addCssProperty( selectors, 'color', values.dropdown_text_color );
}
selectors = [
this.baseSelector + ' .order-dropdown > li:after',
this.baseSelector + ' .order-dropdown .current-li',
this.baseSelector + ' .order-dropdown ul li a',
this.baseSelector + '.catalog-ordering .order li a',
this.baseSelector + ' .fusion-grid-list-view',
this.baseSelector + ' .fusion-grid-list-view li'
];
// Dropdown border color.
if ( ! this.isDefault( 'dropdown_border_color' ) ) {
this.addCssProperty( selectors, 'border-color', values.dropdown_border_color );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Slider parent View.
FusionPageBuilder.fusion_slider = FusionPageBuilder.ParentElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
// TODO: save DOM and apply instead of generating
this.generateChildElements();
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
slides = window.FusionPageBuilderApp.findShortcodeMatches( atts.params.element_content, 'fusion_slide' ),
slideElement;
this.model.attributes.showPlaceholder = false;
if ( 1 <= slides.length ) {
slideElement = slides[ 0 ].match( window.FusionPageBuilderApp.regExpShortcode( 'fusion_slide' ) );
this.model.attributes.showPlaceholder = ( 'undefined' === typeof slideElement[ 5 ] || '' === slideElement[ 5 ] || 'undefined' === slideElement[ 5 ] ) ? true : false;
}
// Validate values.
this.validateValues( atts.values );
// Create attribute objects.
attributes.sliderShortcode = this.buildSliderAttr( atts.values );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.width = _.fusionValidateAttrValue( values.width, 'px' );
values.height = _.fusionValidateAttrValue( values.height, 'px' );
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
values.slideshow_autoplay = ( 'yes' === values.slideshow_autoplay || '1' === values.slideshow_autoplay ) ? true : false;
values.slideshow_smooth_height = ( 'yes' === values.slideshow_smooth_height || '1' === values.slideshow_smooth_height ) ? true : false;
},
buildSliderAttr: function( values ) {
var sliderShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-slider-sc flexslider'
}
);
if ( true === this.model.attributes.showPlaceholder ) {
sliderShortcode[ 'class' ] += ' fusion-show-placeholder';
}
if ( '' !== values.hover_type ) {
sliderShortcode[ 'class' ] += ' flexslider-hover-type-' + values.hover_type;
}
if ( '' !== values.alignment ) {
sliderShortcode[ 'class' ] += ' fusion-align' + values.alignment;
}
if ( -1 !== values.width.indexOf( 'px' ) && -1 !== values.height.indexOf( 'px' ) ) {
sliderShortcode[ 'class' ] += ' fusion-slider-sc-cover';
}
if ( '' !== values.slideshow_autoplay ) {
sliderShortcode[ 'data-slideshow_autoplay' ] = values.slideshow_autoplay ? '1' : '0';
}
if ( '' !== values.slideshow_smooth_height ) {
sliderShortcode[ 'data-slideshow_smooth_height' ] = values.slideshow_smooth_height ? '1' : '0';
}
if ( '' !== values.slideshow_speed ) {
sliderShortcode[ 'data-slideshow_speed' ] = values.slideshow_speed;
}
sliderShortcode.style = 'max-width:' + values.width + ';height:' + values.height + ';';
if ( values.margin_top ) {
sliderShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( values.margin_right ) {
sliderShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( values.margin_bottom ) {
sliderShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( values.margin_left ) {
sliderShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
sliderShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
sliderShortcode.id = values.id;
}
return sliderShortcode;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionPageBuilderElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Slide child View.
FusionPageBuilder.fusion_slide = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs just before view is removed.
*
* @since 2.0.0
* @return null
*/
beforeRemove: function() {
var parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'undefined' !== typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.closest( '.flexslider:not(.tfs-slider)' ) ).data( 'flexslider' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.closest( '.flexslider:not(.tfs-slider)' ) ).flexslider( 'destroy' );
}
if ( false === parentView.model.attributes.showPlaceholder && 1 === parentView.model.children.length ) {
this.$el.closest( '.fusion-slider-sc' ).addClass( 'fusion-show-placeholder' );
parentView.model.attributes.showPlaceholder = true;
}
},
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.model.attributes.selectors[ 'class' ] += ( 'video' === this.model.attributes.params.type ) ? ' video' : ' image';
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.model.attributes.selectors[ 'class' ] += ( 'video' === this.model.attributes.params.type ) ? ' video' : ' image';
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
this._refreshJs();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if (
true === parentView.model.attributes.showPlaceholder &&
(
( 'undefined' !== this.model.attributes.params.image && '' !== this.model.attributes.params.image ) ||
( 'undefined' !== this.model.attributes.params.video && '' !== this.model.attributes.params.video )
)
) {
this.$el.closest( '.fusion-slider-sc' ).removeClass( 'fusion-show-placeholder' );
parentView.model.attributes.showPlaceholder = false;
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values and extras.
this.validateValues( atts.values );
// Create attribute objects.
attributes.sliderShortcodeSlideLink = this.buildSlideLinkAttr( atts.values );
attributes.sliderShortcodeSlideLi = this.buildLiAttr( atts.values );
attributes.sliderShortcodeSlideImg = this.buildImgAttr( atts.values );
attributes.sliderShortcodeSlideImgWrapper = this.buildSlideImgWrapperAttr( atts.values );
attributes.link = atts.values.link;
attributes.type = atts.values.type;
attributes.video = atts.values.video;
attributes.elementContent = atts.values.element_content;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.parent = this.model.get( 'parent' );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.alt = '';
values.title = '';
values.src = values.element_content ? values.element_content.replace( '×', 'x' ) : '';
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSlideLinkAttr: function( values ) {
var sliderShortcodeSlideLink = {};
if ( 'yes' === values.lightbox ) {
sliderShortcodeSlideLink[ 'class' ] = 'lightbox-enabled';
sliderShortcodeSlideLink[ 'data-rel' ] = 'prettyPhoto[gallery_slider_' + this.model.get( 'cid' ) + ']';
}
sliderShortcodeSlideLink.href = values.link;
sliderShortcodeSlideLink.target = values.linktarget;
if ( '_blank' === sliderShortcodeSlideLink.target ) {
sliderShortcodeSlideLink.rel = 'noopener noreferrer';
}
sliderShortcodeSlideLink.title = values.title;
return sliderShortcodeSlideLink;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLiAttr: function( values ) {
var sliderShortcodeSlideLi = {
class: ( 'video' === values.type ) ? 'video' : 'image'
};
this.model.set( 'selectors', sliderShortcodeSlideLi );
return sliderShortcodeSlideLi;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildImgAttr: function( values ) {
var sliderShortcodeSlideImg = {
src: values.image,
alt: values.alt
};
return sliderShortcodeSlideImg;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildSlideImgWrapperAttr: function() {
var sliderShortcodeSlideImgWrapper = {},
parent = this.model.get( 'parent' ),
parentModel,
parentValues;
if ( parent ) {
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent;
} );
parentValues = jQuery.extend( true, {}, fusionAllElements.fusion_slider.defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) );
if ( '' !== parentValues.hover_type ) {
sliderShortcodeSlideImgWrapper = {
class: 'fusion-image-hover-element hover-type-' + parentValues.hover_type
};
}
}
return sliderShortcodeSlideImgWrapper;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Image Hotspots View.
FusionPageBuilder.fusion_image_hotspots = FusionPageBuilder.ParentElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.5
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.hotspotImage = this.getImageHtml( atts.values );
attributes.cid = this.model.get( 'cid' );
attributes.elementAttr = this.elementAttr( atts.values );
attributes.styleTag = this.getStyleElement( atts.values );
return attributes;
},
/**
* Create the image element.
*
* @since 3.5
* @param {Object} values - The options.
* @return {Object}
*/
getImageHtml: function( values ) {
var imgAttr = '',
imageData;
if ( ! values.image ) {
return '';
}
if ( _.FusionIsValidJSON( values.image ) ) {
imageData = this.getLogoImage( values.image );
values.image = imageData.url;
}
// There is no width/height/alt/title attributes like in php file.
imgAttr = 'src="' + values.image + '"';
imgAttr += ' class="awb-image-hotspots-image"';
return '<img ' + imgAttr + '/>';
},
/**
* Create the element attributes.
*
* @since 3.5
* @param {Object} values - The options.
* @return {Object}
*/
elementAttr: function( values ) {
var atts = {
'class': 'awb-image-hotspots'
},
alignmentLarge,
alignmentMedium,
alignmentSmall;
atts[ 'class' ] += ' ' + this.getBaseClass();
atts = _.fusionVisibilityAtts( values.hide_on_mobile, atts );
if ( values[ 'class' ] ) {
atts[ 'class' ] += ' ' + values[ 'class' ];
}
if ( values.id ) {
atts.id = values.id;
}
atts = _.fusionAnimations( values, atts );
alignmentLarge = values.alignment;
if ( ! _.isEmpty( alignmentLarge ) ) {
atts.style = 'justify-content:' + alignmentLarge + ';';
}
alignmentMedium = ! _.isEmpty( values.alignment_medium ) ? values.alignment_medium : false;
if ( alignmentMedium && alignmentLarge !== alignmentMedium ) {
atts[ 'class' ] += ' md-flex-align-' + alignmentMedium;
}
alignmentSmall = ! _.isEmpty( values.alignment_small ) ? values.alignment_small : false;
if ( alignmentSmall && alignmentLarge !== alignmentSmall ) {
atts[ 'class' ] += ' sm-flex-align-' + alignmentSmall;
}
return atts;
},
/**
* Create the style HTML element.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getStyleElement: function( values ) {
var style,
baseSelector = '.awb-image-hotspots.' + this.getBaseClass(),
imageWrapperSelector = baseSelector + ' .awb-image-hotspots-wrapper',
popoverSelector = baseSelector + ' .popover',
popoverHeadingSelector = baseSelector + ' .popover-title',
popoverContentSelector = baseSelector + ' .popover-content',
popoverBorderColorSelectors = [
popoverSelector,
popoverHeadingSelector,
popoverContentSelector
],
popoverBorderColorArrowRight =
[
baseSelector + ' .popover.right .arrow',
baseSelector + ' .popover.right .arrow:after'
],
popoverBorderColorArrowLeft =
[
baseSelector + ' .popover.left .arrow',
baseSelector + ' .popover.left .arrow:after'
],
popoverBorderColorArrowTop =
[
baseSelector + ' .popover.top .arrow',
baseSelector + ' .popover.top .arrow:after'
],
popoverBorderColorArrowBottom =
[
baseSelector + ' .popover.bottom .arrow',
baseSelector + ' .popover.bottom .arrow:after'
];
this.dynamic_css = {};
this.values = values;
if ( ! _.isEmpty( values.image_max_width ) ) {
this.addCssProperty( imageWrapperSelector, 'max-width', values.image_max_width );
}
if ( ! _.isEmpty( values.popover_heading_background_color ) ) {
this.addCssProperty( popoverHeadingSelector, 'background-color', values.popover_heading_background_color );
this.addCssProperty( popoverBorderColorArrowBottom, 'border-bottom-color', values.popover_heading_background_color );
}
if ( ! _.isEmpty( values.popover_content_background_color ) ) {
this.addCssProperty( popoverContentSelector, 'background-color', values.popover_content_background_color );
this.addCssProperty( popoverBorderColorArrowRight, 'border-right-color', values.popover_content_background_color );
this.addCssProperty( popoverBorderColorArrowLeft, 'border-left-color', values.popover_content_background_color );
this.addCssProperty( popoverBorderColorArrowTop, 'border-top-color', values.popover_content_background_color );
}
if ( ! _.isEmpty( values.popover_text_color ) ) {
this.addCssProperty( [ popoverHeadingSelector, popoverContentSelector ], 'color', values.popover_text_color );
}
if ( ! _.isEmpty( values.popover_border_color ) ) {
this.addCssProperty( popoverSelector, 'background-color', values.popover_border_color );
this.addCssProperty( popoverBorderColorSelectors, 'border-color', values.popover_border_color );
}
if ( ! _.isEmpty( values.margin_top ) ) {
this.addCssProperty( baseSelector, 'margin-top', values.margin_top );
}
if ( ! _.isEmpty( values.margin_right ) ) {
this.addCssProperty( baseSelector, 'margin-right', values.margin_right );
}
if ( ! _.isEmpty( values.margin_bottom ) ) {
this.addCssProperty( baseSelector, 'margin-bottom', values.margin_bottom );
}
if ( ! _.isEmpty( values.margin_left ) ) {
this.addCssProperty( baseSelector, 'margin-left', values.margin_left );
}
style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
},
/**
* Get the class name with an unique id among elements.
*
* @since 3.5
* @return {string}
*/
getBaseClass: function() {
return 'awb-image-hotspots-' + this.model.get( 'cid' );
},
/**
* Get the logo src.
*
* @since 3.5
* @param {string} logo_json
* @return {string}
*/
getLogoImage: function( logo_json ) {
var data = {
'id': '',
'url': '',
'srcset': ''
},
i,
keys_to_verify = [ 'default', 'sticky', 'mobile' ],
is_url,
is_retina_url,
key;
logo_json = JSON.parse( logo_json );
for ( i = 0; 3 > i; i++ ) {
key = keys_to_verify[ i ];
if ( ! logo_json || ! logo_json[ key ] || ! logo_json[ key ].normal ) {
continue; // eslint-disable-line no-continue
}
is_url = ( ! _.isEmpty( logo_json[ key ].normal.url ) && ! _.isEmpty( logo_json[ key ].normal.id ) );
is_retina_url = ( ! _.isEmpty( logo_json[ key ].retina.url ) && ! _.isEmpty( logo_json[ key ].retina.id ) );
if ( is_url ) {
data.url = logo_json[ key ].normal.url;
data.id = logo_json[ key ].normal.id;
data.srcset = data.url + ' 1x';
if ( is_retina_url ) {
data.srcset += ', ' + logo_json[ key ].retina.url + ' 2x';
}
return data;
}
if ( is_retina_url ) {
data.url = logo_json[ key ].retina.url;
data.id = logo_json[ key ].retina.id;
data.srcset = data.url + ' 1x';
return data;
}
}
return data;
},
/**
* Run after the element has been patched.
*
* @since 3.5
* @return {void}
*/
afterPatch: function() {
var popover = '';
// Call the parent afterPatch.
FusionPageBuilder.ParentElementView.prototype.afterPatch.bind( this )();
popover = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.el ).find( '[data-awb-toggle-image-hotspot-popover="true"]' );
popover.popover( 'destroy' );
popover.popover();
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionPageBuilderElements, FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Toggle child View
FusionPageBuilder.fusion_image_hotspot_point = FusionPageBuilder.ChildElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.5
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
parent = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent;
} );
this.parentValues = jQuery.extend( true, {}, fusionAllElements.fusion_image_hotspots.defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) );
this.values = atts.values;
attributes.cid = this.model.get( 'cid' );
attributes.hotspotItemText = atts.values.title;
attributes.icon = atts.values.icon;
attributes.iconAttr = this.childElemIconAttr( atts.values );
attributes.styleTag = this.getChildrenStyleElement( atts.values );
this.childElemAttr( atts.values );
return attributes;
},
/**
* Create the style tag.
*
* @since 3.5
* @param {Object} values - The options.
* @return {Object}
*/
getChildrenStyleElement: function( values ) {
var style = '',
baseClassId = '.awb-image-hotspots-hotspot-' + this.model.get( 'cid' ),
baseClassName = '.awb-image-hotspots-hotspot' + baseClassId,
hoveredBaseClass = [
baseClassName + ':hover',
baseClassName + ':focus'
],
animationClassName;
this.dynamic_css = {};
this.values = values;
if ( ! _.isEmpty( values.pos_x ) ) {
this.addCssProperty( baseClassName, 'left', values.pos_x + '%' );
}
if ( ! _.isEmpty( values.pos_y ) ) {
this.addCssProperty( baseClassName, 'top', values.pos_y + '%' );
}
if ( ! _.isEmpty( values.font_size ) ) {
this.addCssProperty( baseClassName, 'font-size', values.font_size );
}
if ( ! _.isEmpty( values.hotspot_text_color ) ) {
this.addCssProperty( baseClassName, 'color', values.hotspot_text_color );
}
if ( ! _.isEmpty( values.hotspot_background_color ) ) {
this.addCssProperty( baseClassName, 'background-color', values.hotspot_background_color );
if ( 'sonar' === this.parentValues.items_animation ) {
animationClassName = baseClassId + '.' + this.animationToClassName( this.parentValues.items_animation );
this.addCssProperty( animationClassName, 'border-color', values.hotspot_background_color );
}
}
if ( ! _.isEmpty( values.hotspot_hover_text_color ) ) {
this.addCssProperty( hoveredBaseClass, 'color', values.hotspot_hover_text_color );
}
if ( ! _.isEmpty( values.hotspot_hover_background_color ) ) {
this.addCssProperty( hoveredBaseClass, 'background-color', values.hotspot_hover_background_color );
if ( 'sonar' === this.parentValues.items_animation ) {
animationClassName = [
baseClassId + ':hover.' + this.animationToClassName( this.parentValues.items_animation ),
baseClassId + ':focus.' + this.animationToClassName( this.parentValues.items_animation )
];
this.addCssProperty( animationClassName, 'border-color', values.hotspot_hover_background_color );
}
}
if ( ! _.isEmpty( values.padding_top ) ) {
this.addCssProperty( baseClassName, 'padding-top', values.padding_top );
}
if ( ! _.isEmpty( values.padding_right ) ) {
this.addCssProperty( baseClassName, 'padding-right', values.padding_right );
}
if ( ! _.isEmpty( values.padding_bottom ) ) {
this.addCssProperty( baseClassName, 'padding-bottom', values.padding_bottom );
}
if ( ! _.isEmpty( values.padding_left ) ) {
this.addCssProperty( baseClassName, 'padding-left', values.padding_left );
}
if ( ! _.isEmpty( values.border_radius_top_left ) ) {
this.addCssProperty( baseClassName, 'border-top-left-radius', values.border_radius_top_left );
}
if ( ! _.isEmpty( values.border_radius_top_right ) ) {
this.addCssProperty( baseClassName, 'border-top-right-radius', values.border_radius_top_right );
}
if ( ! _.isEmpty( values.border_radius_bottom_right ) ) {
this.addCssProperty( baseClassName, 'border-bottom-right-radius', values.border_radius_bottom_right );
}
if ( ! _.isEmpty( values.border_radius_bottom_left ) ) {
this.addCssProperty( baseClassName, 'border-bottom-left-radius', values.border_radius_bottom_left );
}
style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
},
/**
* Create the child element attributes.
*
* @since 3.5
* @param {Object} values - The options.
* @return {Object}
*/
childElemAttr: function( values ) {
// Using the style attribute, because jQuery methods auto-corrects invalid values.
var style = '',
placement = '',
animationClass = '',
textArea,
title,
popoverContent = values.long_text;
this.$el.addClass( 'awb-image-hotspots-hotspot' );
this.$el.addClass( 'awb-image-hotspots-hotspot-' + this.model.get( 'cid' ) );
animationClass = this.animationToClassName( this.parentValues.items_animation );
if ( animationClass ) {
this.$el.addClass( animationClass );
}
this.$el.attr( 'style', style );
try {
if ( popoverContent && '' !== popoverContent && FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( popoverContent ) ) === popoverContent ) {
popoverContent = FusionPageBuilderApp.base64Decode( popoverContent );
}
} catch ( error ) {
console.log( error ); // jshint ignore:line
}
// Remove the attributes, because this element is not totally replaced.
this.$el.removeAttr( 'role' );
this.$el.removeAttr( 'tabindex' );
this.$el.removeAttr( 'href' );
this.$el.removeAttr( 'title' );
this.$el.removeAttr( 'target' );
this.$el.removeAttr( 'data-awb-toggle-image-hotspot-popover' );
this.$el.removeAttr( 'data-trigger' );
this.$el.removeAttr( 'data-title' );
this.$el.removeAttr( 'data-content' );
this.$el.removeAttr( 'data-placement' );
if ( 'link' === values.button_action ) {
this.$el.attr( 'href', values.link );
if ( values.link_title ) {
this.$el.attr( 'title', values.link_title );
}
if ( 'new_tab' === values.link_open_method ) {
this.$el.attr( 'target', '_blank' );
}
} else {
// The title needs to be decoded for special characters.
textArea = document.createElement( 'textarea' );
textArea.innerHTML = String( values.long_title ).trim();
title = textArea.value;
if ( ! _.isString( title ) ) {
title = '';
}
this.$el.attr( 'role', 'button' );
this.$el.attr( 'href', '#' );
this.$el.attr( 'tabindex', '0' );
this.$el.attr( 'data-awb-toggle-image-hotspot-popover', 'true' );
this.$el.attr( 'data-trigger', this.parentValues.popover_trigger );
this.$el.attr( 'data-title', title );
this.$el.attr( 'data-content', String( popoverContent ).trim() );
placement = 'auto';
if ( 'auto' !== values.popover_placement ) {
placement += ' ' + values.popover_placement;
}
this.$el.attr( 'data-placement', placement );
}
},
/**
* Create the child icon element attributes.
*
* @since 3.5
* @param {Object} values - The options.
* @return {Object}
*/
childElemIconAttr: function( values ) {
var atts = {
'class': _.fusionFontAwesome( values.icon )
},
isRtl = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'rtl' );
if ( values.icon_distance ) {
if ( isRtl ) {
atts.style = 'margin-left:' + values.icon_distance + ';';
} else {
atts.style = 'margin-right:' + values.icon_distance + ';';
}
}
return atts;
},
/**
* Get the animation class corresponding with the animation id.
*
* @since 3.5
* @param {string} animationName - The animation name.
* @return {string} - Empty string if do not exist.
*/
animationToClassName: function( animationName ) {
if ( 'pumping' === animationName ) {
return 'awb-image-hotspots-hotspot-anim-pumping';
}
if ( 'pulsating' === animationName ) {
return 'awb-image-hotspots-hotspot-anim-pulsating';
}
if ( 'showing' === animationName ) {
return 'awb-image-hotspots-hotspot-anim-showing';
}
if ( 'sonar' === animationName ) {
return 'awb-image-hotspots-hotspot-anim-sonar';
}
if ( 'pumping_showing' === animationName ) {
return 'awb-image-hotspots-hotspot-anim-pump-showing';
}
return '';
},
/**
* Run after the element has been patched.
*
* @since 3.5
* @return {void}
*/
afterPatch: function() {
var popover = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el ),
textArea,
title,
popoverData;
if ( 'link' === this.values.button_action ) {
popover.popover( 'destroy' );
} else {
popover.popover( { html: true } );
// Change popover placement, via jquery data.
popoverData = popover.data( 'bs.popover' );
if ( popoverData && popoverData.options && popover.attr( 'data-placement' ) ) {
popoverData.options.placement = popover.attr( 'data-placement' );
}
// Popover title needs to change manually also.
if ( popoverData && popoverData.options ) {
// The title needs to be decoded for special characters.
textArea = document.createElement( 'textarea' );
textArea.innerHTML = popover.attr( 'data-title' );
title = textArea.value;
if ( ! _.isString( title ) ) {
title = '';
}
popoverData.options.title = title;
}
popover.data( 'bs.popover', popoverData );
}
},
onSettingsOpen: function() {
var self = this;
setTimeout( function() {
self.draggable();
}, 100 );
},
onSettingsClose: function() {
var $el = this.$el;
if ( ! $el ) {
return;
}
$el.draggable( 'destroy' );
},
/**
* Make the hotspots draggable.
*
* @since 3.5
* @return {void}
*/
draggable: function() {
var self = this,
$el = this.$el,
elWidth,
elHeight,
imageWidth,
imageHeight;
if ( ! $el ) {
return;
}
$el.draggable( {
zIndex: 999999,
delay: 100,
cursorAt: { top: 15, left: 15 },
scroll: false,
containment: $el.parent(),
start: function() {
$el.parent().css( 'overflow', 'hidden' );
elWidth = Math.ceil( $el.outerWidth() );
elHeight = Math.ceil( $el.outerHeight() );
imageWidth = Math.floor( $el.parent().width() );
imageHeight = Math.floor( $el.parent().height() );
},
drag: function( event, ui ) {
ui.position.left = Math.min( imageWidth - elWidth, ui.position.left );
ui.position.top = Math.min( imageHeight - elHeight, ui.position.top );
self.updateDragSettings( '#pos_x', Math.round( ui.position.left / imageWidth * 1000 ) / 10 );
self.updateDragSettings( '#pos_y', Math.round( ui.position.top / imageHeight * 1000 ) / 10 );
},
stop: function() {
// Remove relative position CSS set by jQuery.
$el.css( { 'left': '', 'top': '', 'z-index': '' } );
$el.parent().css( 'overflow', '' );
}
} );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Image Carousel Parent View.
FusionPageBuilder.fusion_images = FusionPageBuilder.ParentElementView.extend( {
/**
* Image map of child element images and thumbs.
*
* @since 2.0
*/
imageMap: {},
/**
* Initial data has run.
*
* @since 2.0
*/
initialData: false,
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this.appendChildren( '.fusion-carousel-holder' );
this._refreshJs();
},
onRender: function() {
var columnView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
setTimeout( function() {
if ( columnView && 'function' === typeof columnView._equalHeights ) {
columnView._equalHeights();
}
}, 500 );
},
/**
* Modify template attributes.
*
* @since 2.0
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
images = window.FusionPageBuilderApp.findShortcodeMatches( atts.params.element_content, 'fusion_image' ),
imageElement,
imageElementAtts;
this.model.attributes.showPlaceholder = false;
if ( 1 <= images.length ) {
imageElement = images[ 0 ].match( window.FusionPageBuilderApp.regExpShortcode( 'fusion_image' ) );
imageElementAtts = '' !== imageElement[ 3 ] ? window.wp.shortcode.attrs( imageElement[ 3 ] ) : '';
this.model.attributes.showPlaceholder = ( 'undefined' === typeof imageElementAtts.named || 'undefined' === typeof imageElementAtts.named.image ) ? true : false;
}
// Validate values.
this.validateValues( atts.values );
this.extras = atts.extras;
this.values = atts.values;
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.attrCarousel = this.buildCarouselAttr( atts.values );
attributes.captionStyles = this.buildCaptionStyles( atts );
// Whether it has a dynamic data stream.
attributes.usingDynamic = 'undefined' !== typeof atts.values.multiple_upload && 'Select Images' !== atts.values.multiple_upload;
// Any extras that need passed on.
attributes.show_nav = atts.values.show_nav;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.column_spacing = _.fusionValidateAttrValue( values.column_spacing, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-image-carousel fusion-image-carousel-' + this.model.get( 'cid' ),
style: ''
} );
attr[ 'class' ] += ' fusion-image-carousel-' + values.picture_size;
if ( true === this.model.attributes.showPlaceholder ) {
attr[ 'class' ] += ' fusion-show-placeholder';
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( 'yes' === values.lightbox ) {
attr[ 'class' ] += ' lightbox-enabled';
}
if ( 'yes' === values.border ) {
attr[ 'class' ] += ' fusion-carousel-border';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( -1 !== jQuery.inArray( values.caption_style, [ 'above', 'below' ] ) ) {
attr[ 'class' ] += ' awb-image-carousel-top-below-caption awb-imageframe-style awb-imageframe-style-' + values.caption_style + ' awb-imageframe-style-' + this.model.get( 'cid' );
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildCarouselAttr: function( values ) {
var attr = {
class: 'fusion-carousel',
style: ''
};
attr[ 'data-autoplay' ] = values.autoplay;
attr[ 'data-columns' ] = values.columns;
attr[ 'data-itemmargin' ] = values.column_spacing.toString();
attr[ 'data-itemwidth' ] = '180';
attr[ 'data-touchscroll' ] = values.mouse_scroll;
attr[ 'data-imagesize' ] = values.picture_size;
attr[ 'data-scrollitems' ] = values.scroll_items;
return attr;
},
/**
* Extendable function for when child elements get generated.
*
* @since 2.0.0
* @param {Object} modules An object of modules that are not a view yet.
* @return {void}
*/
onGenerateChildElements: function( modules ) {
this.addImagesToImageMap( modules, false, false );
},
/**
* Add images to the view's image map.
*
* @since 2.0
* @param {Object} childrenData - The children for which images need added to the map.
* @param bool async - Determines if the AJAX call should be async.
* @param bool async - Determines if the view should be re-rendered.
* @return void
*/
addImagesToImageMap: function( childrenData, async, reRender ) {
var view = this,
queryData = {};
async = ( 'undefined' === typeof async ) ? true : async;
reRender = ( 'undefined' === typeof reRender ) ? true : reRender;
view.initialData = true;
_.each( childrenData, function( child ) {
var params = ( 'undefined' !== typeof child.get ) ? child.get( 'params' ) : child.params,
cid = ( 'undefined' !== typeof child.get ) ? child.get( 'cid' ) : child.cid,
image = params.image;
if ( 'undefined' === typeof view.imageMap[ image ] && image ) {
queryData[ cid ] = params;
}
} );
// Send this data with ajax or rest.
if ( ! _.isEmpty( queryData ) ) {
jQuery.ajax( {
async: async,
url: window.fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_fusion_image_carousel_children_data',
children: queryData,
fusion_load_nonce: window.fusionAppConfig.fusion_load_nonce
}
} )
.done( function( response ) {
view.updateImageMap( response );
_.each( response, function( imageSizes, image ) {
if ( 'undefined' === typeof view.imageMap[ image ] ) {
view.imageMap[ image ] = imageSizes;
}
} );
view.model.set( 'query_data', response );
if ( reRender ) {
view.reRender();
}
} );
} else if ( reRender ) {
view.reRender();
}
},
/**
* Update the view's image map.
*
* @since 2.0
* @param {Object} images - The images object to inject.
* @return void
*/
updateImageMap: function( images ) {
var imageMap = this.imageMap;
_.each( images, function( imageSizes, image ) {
if ( 'undefined' === typeof imageMap[ image ] ) {
imageMap[ image ] = imageSizes;
}
} );
},
/**
* Builds caption styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildCaptionStyles: function( atts ) {
var selectors, font_styles, sides, marginName, css, media,
responsive = '';
this.dynamic_css = {};
this.baseSelector = '.fusion-image-carousel.fusion-image-carousel-' + this.model.get( 'cid' );
if ( 'off' === atts.values.caption_style ) {
return '';
}
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
this.baseSelector = '.awb-imageframe-style.awb-imageframe-style-' + this.model.get( 'cid' );
}
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-title' ];
// title color.
if ( ! this.isDefault( 'caption_title_color' ) ) {
this.addCssProperty( selectors, 'color', atts.values.caption_title_color, true );
}
// title size.
if ( ! this.isDefault( 'caption_title_size' ) ) {
this.addCssProperty( selectors, 'font-size', _.fusionGetValueWithUnit( atts.values.caption_title_size ), true );
}
// title font.
font_styles = _.fusionGetFontStyle( 'caption_title_font', atts.values, 'object' );
for ( rule in font_styles ) { // eslint-disable-line
var value = font_styles[ rule ]; // eslint-disable-line
this.addCssProperty( selectors, rule, value, true ); // eslint-disable-line
}
// title transform.
if ( ! this.isDefault( 'caption_title_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', atts.values.caption_title_transform, true );
}
// Line height.
if ( ! this.isDefault( 'caption_title_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', atts.values.caption_title_line_height, true );
}
// Letter spacing.
if ( ! this.isDefault( 'caption_title_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( atts.values.caption_title_letter_spacing ), true );
}
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
// text color.
if ( ! this.isDefault( 'caption_text_color' ) ) {
this.addCssProperty( selectors, 'color', atts.values.caption_text_color );
}
// text size.
if ( ! this.isDefault( 'caption_text_size' ) ) {
this.addCssProperty( selectors, 'font-size', _.fusionGetValueWithUnit( atts.values.caption_text_size ) );
}
// text font.
font_styles = _.fusionGetFontStyle( 'caption_text_font', atts.values, 'object' );
for ( rule in font_styles ) { // eslint-disable-line
var value = font_styles[ rule ]; // eslint-disable-line
this.addCssProperty( selectors, rule, value, true ); // eslint-disable-line
}
// text transform.
if ( ! this.isDefault( 'caption_text_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', atts.values.caption_text_transform );
}
// Line height.
if ( ! this.isDefault( 'caption_text_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', atts.values.caption_text_line_height );
}
// Letter spacing.
if ( ! this.isDefault( 'caption_text_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( atts.values.caption_text_letter_spacing ) );
}
// Border color.
if ( 'resa' === atts.values.caption_style && ! this.isDefault( 'caption_border_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container:before' ];
this.addCssProperty( selectors, 'border-top-color', atts.values.caption_border_color );
this.addCssProperty( selectors, 'border-bottom-color', atts.values.caption_border_color );
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container:after' ];
this.addCssProperty( selectors, 'border-right-color', atts.values.caption_border_color );
this.addCssProperty( selectors, 'border-left-color', atts.values.caption_border_color );
}
if ( 'dario' === atts.values.caption_style && ! this.isDefault( 'caption_border_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption .awb-imageframe-caption-title:after' ];
this.addCssProperty( selectors, 'background', atts.values.caption_border_color );
}
// Overlay color.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'dario', 'resa', 'schantel', 'dany', 'navin' ] ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-style' ];
this.addCssProperty( selectors, 'background', atts.values.caption_overlay_color );
}
// Background color.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'schantel', 'dany' ] ) && ! this.isDefault( 'caption_background_color' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
this.addCssProperty( selectors, 'background', atts.values.caption_background_color );
}
// Caption margin.
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
sides = [ 'top', 'right', 'bottom', 'left' ];
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container' ];
_.each( sides, function( side ) {
marginName = 'caption_margin_' + side;
if ( ! this.isDefault( marginName ) ) {
this.addCssProperty( selectors, 'margin-' + side, _.fusionGetValueWithUnit( atts.values[ marginName ] ) );
}
}, this );
if ( ! this.isDefault( 'caption_title' ) ) {
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container .awb-imageframe-caption-text' ];
this.addCssProperty( selectors, 'margin-top', '0.5em' );
}
}
css = this.parseCSS();
if ( -1 !== jQuery.inArray( atts.values.caption_style, [ 'above', 'below' ] ) ) {
_.each( [ '', 'medium', 'small' ], function( size ) {
var key = 'caption_align' + ( '' === size ? '' : '_' + size );
// Check for default value.
if ( this.isDefault( key ) ) {
return;
}
this.dynamic_css = {};
// Build responsive alignment.
selectors = [ this.baseSelector + ' .awb-imageframe-caption-container' ];
this.addCssProperty( selectors, 'text-align', atts.values[ key ] );
if ( '' === size ) {
responsive += this.parseCSS();
} else {
media = '@media only screen and (max-width:' + this.extras[ 'visibility_' + size ] + 'px)';
responsive += media + '{' + this.parseCSS() + '}';
}
}, this );
css += responsive;
}
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
// Image carousel children data callback.
_.extend( FusionPageBuilder.Callback.prototype, {
fusion_carousel_images: function( name, value, modelData, args, cid, action, model, view ) { // jshint ignore: line
view.model.attributes.params[ name ] = value;
// TODO: on initial load we shouldn't really need to re-render, but may cause issues.
view.addImagesToImageMap( view.model.children.models, true, view.initialData );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderViewManager */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Image Carousel Child View.
FusionPageBuilder.fusion_image = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var parentView,
queryData = this.model.get( 'query_data' );
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Update the parent image map with latest query data images.
if ( 'undefined' !== typeof queryData ) {
parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
parentView.updateImageMap( queryData );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
queryData = this.model.get( 'query_data' );
if ( true === parentView.model.attributes.showPlaceholder && 'undefined' !== this.model.attributes.params.image && '' !== this.model.attributes.params.image ) {
this.$el.closest( '.fusion-image-carousel' ).removeClass( 'fusion-show-placeholder' );
parentView.model.attributes.showPlaceholder = false;
}
// Update the parent image map with latest query data images.
if ( 'undefined' !== typeof queryData ) {
parentView.updateImageMap( queryData );
}
},
/**
* Runs before element is removed.
*
* @since 2.0
* @return {void}
*/
beforeRemove: function() {
var parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( false === parentView.model.attributes.showPlaceholder && 1 === parentView.model.children.length ) {
this.$el.closest( '.fusion-image-carousel' ).addClass( 'fusion-show-placeholder' );
parentView.model.attributes.showPlaceholder = true;
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var parentCid = this.model.get( 'parent' ),
parentView,
queryData = this.model.get( 'query_data' );
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Force re-render for child option changes.
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_images', parentCid );
}, 10 );
// Update the parent image map with latest query data images.
if ( 'undefined' !== typeof queryData ) {
parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
parentView.updateImageMap( queryData );
}
// Using non debounced version for smoothness.
this.refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.buildAttr( atts.values );
this.extras = atts.extras;
// Set selectors.
this.wrapperSelector();
// Create attribute objects
attributes.attrCarouselLink = this.buildCarouselLinkAttr( atts );
attributes.attrImageWrapper = this.buildImageWrapperAttr( atts );
attributes.attrItemWrapper = this.buildItemWrapperAttr( atts );
attributes.imageElement = this.buildImageElement( atts );
attributes.parentValues = atts.parentValues;
attributes.captionHtml = this.generateCaption( atts.parentValues, atts.values, atts.query_data );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.parent = this.model.get( 'parent' );
attributes.output = atts.values.element_content;
attributes.mouseScroll = atts.values.mouse_scroll;
attributes.link = atts.values.link;
attributes.lightbox = atts.parentValues.lightbox;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
// Make sure the title text is not wrapped with an unattributed p tag.
if ( 'undefined' !== typeof values.element_content ) {
values.element_content = values.element_content.trim();
values.element_content = values.element_content.replace( /(<p[^>]+?>|<p>|<\/p>)/img, '' );
}
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildAttr: function() {
var attr = {
class: 'fusion-carousel-item'
};
this.model.set( 'selectors', attr );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildItemWrapperAttr: function( atts ) {
var attr = {
class: 'fusion-carousel-item-wrapper'
},
parentValues = atts.parentValues;
if ( -1 !== jQuery.inArray( parentValues.caption_style, [ 'off', 'above', 'below' ] ) ) {
attr[ 'class' ] += ' awb-imageframe-style awb-imageframe-style-' + parentValues.caption_style;
}
return attr;
},
/**
* Set image element.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildImageElement: function( atts ) {
var html = '',
imageSize = 'full',
values = atts.values,
parentValues = atts.parentValues,
queryData = atts.query_data,
parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
if ( 'fixed' === parentValues.picture_size ) {
imageSize = 'portfolio-two';
if ( '6' === parentValues.columns || '5' === parentValues.columns || '4' === parentValues.columns ) {
imageSize = 'blog-medium';
}
}
if ( 'undefined' !== typeof queryData && 'undefined' !== typeof queryData[ values.image ] ) {
html = queryData[ values.image ][ imageSize ];
} else if ( 'undefined' !== typeof parentView.imageMap[ values.image ] ) {
html = parentView.imageMap[ values.image ][ imageSize ];
} else {
html = '<img src="' + values.image + '" alt="' + values.alt + '"/>';
}
if ( -1 === jQuery.inArray( parentValues.caption_style, [ 'off', 'above', 'below' ] ) ) {
html += this.generateCaption( parentValues, values, queryData );
}
return html;
},
/**
* Set selectors.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
wrapperSelector: function() {
var wrapperSelector = {
class: 'fusion-carousel-item'
};
this.model.set( 'selectors', wrapperSelector );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildCarouselLinkAttr: function( atts ) {
var attr = {},
values = atts.values,
parentValues = atts.parentValues,
queryData = atts.query_data;
if ( 'yes' === parentValues.lightbox ) {
if ( ! values.link || null === values.link ) {
values.link = values.image;
}
attr[ 'data-rel' ] = 'iLightbox[image_carousel_' + this.model.get( 'parent' ) + ']';
if ( 'undefined' !== typeof queryData && 'undefined' !== typeof queryData.image_data ) {
attr[ 'data-caption' ] = queryData.image_data.caption;
attr[ 'data-title' ] = queryData.image_data.title;
attr[ 'aria-label' ] = queryData.image_data.title;
}
}
attr.href = values.link;
attr.target = values.linktarget;
if ( '_blank' === values.linktarget ) {
attr.rel = 'noopener noreferrer';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildImageWrapperAttr: function( atts ) {
var attr = {
class: 'fusion-image-wrapper'
},
parentValues = atts.parentValues;
if ( parentValues.hover_type && -1 !== jQuery.inArray( parentValues.caption_style, [ 'off', 'above', 'below' ] ) ) {
attr[ 'class' ] += ' hover-type-' + parentValues.hover_type;
}
// Caption style.
if ( -1 === jQuery.inArray( parentValues.caption_style, [ 'off', 'above', 'below' ] ) ) {
attr[ 'class' ] += ' awb-imageframe-style awb-imageframe-style-' + parentValues.caption_style;
}
return attr;
},
/**
* Generate caption markup.
*
* @since 3.5
* @param {string} values - The values object.
* @return {string}
*/
generateCaption: function( values, childValues, queryData ) { // eslint-disable-line no-unused-vars
var content = '<div class="awb-imageframe-caption-container"><div class="awb-imageframe-caption">',
parentView,
image,
title = '',
caption = '',
title_tag = '';
if ( 'off' === values.caption_style ) {
return '';
}
parentView = FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
image = parentView.imageMap[ childValues.image ];
if ( 'undefined' === typeof image || 'undefined' === typeof image.image_data ) {
return '';
}
// from image data.
if ( image.image_data.title ) {
title = image.image_data.title;
}
if ( image.image_data.caption ) {
caption = image.image_data.caption;
}
// from element data.
if ( '' !== childValues.image_title ) {
title = childValues.image_title;
}
if ( '' !== childValues.image_caption ) {
caption = childValues.image_caption;
}
if ( '' !== title ) {
title_tag = 'div' === values.caption_title_tag ? 'div' : 'h' + values.caption_title_tag;
content += '<' + title_tag + ' class="awb-imageframe-caption-title">' + title + '</' + title_tag + '>';
}
if ( '' !== caption ) {
content += '<p class="awb-imageframe-caption-text">' + caption + '</p>';
}
content += '</div></div>';
return content;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// One Page Link view.
FusionPageBuilder.fusion_one_page_text_link = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects.
attributes.onePageTextLinkShortcode = this.buildShortcodeAttr( atts.values );
attributes.elementContent = atts.values.element_content;
attributes.inline = 'undefined' !== typeof atts.inlineElement;
attributes.cid = atts.cid;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildShortcodeAttr: function( values ) {
var onePageTextLinkShortcode = {
class: 'fusion-one-page-text-link'
};
if ( '' !== values[ 'class' ] ) {
onePageTextLinkShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
onePageTextLinkShortcode.id = values.id;
}
onePageTextLinkShortcode.href = values.link;
return onePageTextLinkShortcode;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Dropcap Element View.
FusionPageBuilder.fusion_dropcap = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object} - Returns the attributes.
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.output = atts.values.element_content;
return attributes;
},
/**
* Modifies values.
*
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
// Make sure the title text is not wrapped with an unattributed p tag.
if ( 'undefined' !== typeof values.element_content ) {
values.element_content = values.element_content.trim();
values.element_content = values.element_content.replace( /(<p[^>]+?>|<p>|<\/p>)/img, '' );
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object} - Returns the element attributes.
*/
buildAttr: function( values ) {
var params = this.model.get( 'params' ),
attr = {
class: 'fusion-dropcap dropcap',
style: ''
},
usingDefaultColor = ( 'undefined' !== typeof params.color && '' === params.color ) || 'undefined' === typeof params.color;
if ( 'yes' === values.boxed ) {
attr[ 'class' ] += ' dropcap-boxed';
if ( values.boxed_radius || '0' === values.boxed_radius ) {
values.boxed_radius = ( 'round' === values.boxed_radius ) ? '50%' : values.boxed_radius;
attr.style = 'border-radius:' + values.boxed_radius + ';';
}
if ( ! usingDefaultColor ) {
attr.style += 'background-color:' + values.color + ';';
attr.style += 'color:' + values.text_color + ';';
}
} else if ( ! usingDefaultColor ) {
attr.style += 'color:' + values.color + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Counter circle child View
FusionPageBuilder.fusion_flip_boxes = FusionPageBuilder.ParentElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this.generateChildElements();
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var flipBoxesShortcode = this.computeAtts( atts.values );
atts = {};
atts.flipBoxesShortcode = flipBoxesShortcode;
return atts;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
computeAtts: function( values ) {
var flipBoxesShortcode;
// Backwards compatibility for when we had image width and height params.
if ( 'undefined' !== typeof values.image_width ) {
values.image_width = values.image_width ? values.image_width : '35';
} else {
values.image_width = values.image_max_width;
}
values.columns = Math.min( 6, values.columns );
flipBoxesShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-flip-boxes flip-boxes row fusion-columns-' + values.columns
} );
flipBoxesShortcode[ 'class' ] += ' flip-effect-' + values.flip_effect;
if ( 'yes' === values.equal_heights ) {
flipBoxesShortcode[ 'class' ] += ' equal-heights';
}
if ( '' !== values[ 'class' ] ) {
flipBoxesShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
flipBoxesShortcode.id += ' ' + values.id;
}
flipBoxesShortcode.style = '';
if ( '' !== values.margin_top ) {
flipBoxesShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
flipBoxesShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
flipBoxesShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
flipBoxesShortcode.style += 'margin-left:' + values.margin_left + ';';
}
flipBoxesShortcode[ 'class' ] += ' fusion-child-element';
flipBoxesShortcode[ 'data-empty' ] = this.emptyPlaceholderText;
return flipBoxesShortcode;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionPageBuilderElements */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Counter flip box view
FusionPageBuilder.fusion_flip_box = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Using non debounced version for smoothness.
this.refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var computedAtts = this.computeAtts( atts.values );
atts.cid = this.model.get( 'cid' );
atts.parent = this.model.get( 'parent' );
atts.flipBoxShortcodeBackBox = computedAtts.flipBoxShortcodeBackBox;
atts.flipBoxAttributes = computedAtts.flipBoxAttributes;
atts.flipBoxShortcodeFrontBox = computedAtts.flipBoxShortcodeFrontBox;
atts.icon_output = computedAtts.icon_output;
atts.title_front_output = computedAtts.title_front_output;
atts.title_back_output = computedAtts.title_back_output;
atts.icon_output = computedAtts.icon_output;
return atts;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
computeAtts: function( values ) {
var parent = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent;
} ),
parentValues = 'undefined' !== typeof parentModel ? jQuery.extend( true, {}, fusionAllElements.fusion_flip_boxes.defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) ) : {},
params = this.model.get( 'params' ),
style = '',
flipBoxAttributes = '',
flipBoxShortcode,
flipBoxShortcodeIcon = {
'aria-hidden': 'true'
},
iconOutput = '',
animations = '',
titleTag = '',
flipBoxShortcodeGrafix = '',
flipBoxShortcodeHeadingFront = '',
titleFrontOutput = '',
flipBoxShortcodeHeadingBack = '',
flipBoxShortcodeBackBox = '',
titleBackOutput = '',
frontInner = '',
columns = '',
flipBoxShortcodeFrontBox,
atts,
alpha;
values.border_size = _.fusionValidateAttrValue( values.border_size, 'px' );
values.border_radius = _.fusionValidateAttrValue( values.border_radius, 'px' );
// Case when image is set on parent element and icon on child element.
if ( ( 'undefined' === typeof params.image || '' === params.image ) && ( 'undefined' !== typeof params.icon && '' !== params.icon ) ) {
values.image = '';
}
// Backwards compatibility for when we had image width and height params.
if ( 'undefined' !== typeof params.image_width && params.image_width ) {
values.image_width = params.image_width;
} else {
values.image_width = values.image_max_width;
}
values.image_width = _.fusionValidateAttrValue( values.image_width, '' );
if ( 'undefined' !== typeof values.image && ( '' !== values.image || '' !== values.image_id ) ) {
if ( -1 === parseInt( values.image_width ) ) {
values.image_width = '35';
}
values.image_height = values.image_width;
} else {
values.image_width = '' === values.image_width ? '35' : values.image_width;
values.image_height = '35';
}
if ( 'round' === values.border_radius ) {
values.border_radius = '50%';
}
style = '';
iconOutput = '';
titleFrontOutput = '';
titleBackOutput = '';
flipBoxAttributes = {
class: 'fusion-flip-box',
tabindex: 0
};
flipBoxAttributes[ 'class' ] += ' flip-' + values.flip_direction;
if ( values.animation_type ) {
flipBoxAttributes = _.fusionAnimations( values, flipBoxAttributes );
}
if ( values.image && '' !== values.image ) {
iconOutput = '<img src="' + values.image + '" width="' + values.image_width + '" height="' + values.image_height + '" alt="' + values.alt + '" />';
} else if ( values.icon ) {
if ( values.image ) {
flipBoxShortcodeIcon[ 'class' ] = 'image';
} else if ( values.icon ) {
flipBoxShortcodeIcon[ 'class' ] = _.fusionFontAwesome( values.icon );
}
if ( values.icon_color ) {
flipBoxShortcodeIcon.style = 'color:' + values.icon_color + ';';
}
if ( values.icon_flip ) {
flipBoxShortcodeIcon[ 'class' ] += ' fa-flip-' + values.icon_flip;
}
if ( values.icon_rotate ) {
flipBoxShortcodeIcon[ 'class' ] += ' fa-rotate-' + values.icon_rotate;
}
if ( 'yes' === values.icon_spin ) {
flipBoxShortcodeIcon[ 'class' ] += ' fa-spin';
}
iconOutput = '<i ' + _.fusionGetAttributes( flipBoxShortcodeIcon ) + '></i>';
}
if ( '' !== iconOutput ) {
flipBoxShortcodeGrafix = {
class: 'flip-box-grafix'
};
if ( ! values.image ) {
if ( 'yes' === values.circle ) {
flipBoxShortcodeGrafix[ 'class' ] += ' flip-box-circle';
if ( values.circle_color ) {
flipBoxShortcodeGrafix.style = 'background-color:' + values.circle_color + ';';
}
if ( values.circle_border_color ) {
flipBoxShortcodeGrafix.style += 'border-color:' + values.circle_border_color + ';';
}
} else {
flipBoxShortcodeGrafix[ 'class' ] += ' flip-box-no-circle';
}
} else {
flipBoxShortcodeGrafix[ 'class' ] += ' flip-box-image';
}
iconOutput = '<div ' + _.fusionGetAttributes( flipBoxShortcodeGrafix ) + '>' + iconOutput + '</div>';
}
if ( '' !== values.title_front ) {
flipBoxShortcodeHeadingFront = {
class: 'flip-box-heading',
style: ''
};
jQuery.each( _.fusionGetFontStyle( 'front_title_font', values, 'object' ), function( rule, value ) {
flipBoxShortcodeHeadingFront.style += rule + ':' + value + ';';
} );
if ( ! _.isEmpty( values.front_title_font_size ) ) {
flipBoxShortcodeHeadingFront.style += 'font-size:' + values.front_title_font_size + ';';
}
if ( ! _.isEmpty( values.front_title_line_height ) ) {
flipBoxShortcodeHeadingFront.style += 'line-height:' + values.front_title_line_height + ';';
}
if ( ! _.isEmpty( values.front_title_letter_spacing ) ) {
flipBoxShortcodeHeadingFront.style += 'letter-spacing:' + values.front_title_letter_spacing + ';';
}
if ( ! _.isEmpty( values.front_title_text_transform ) ) {
flipBoxShortcodeHeadingFront.style += 'text-transform:' + values.front_title_text_transform + ';';
}
if ( ! values.text_front ) {
flipBoxShortcodeHeadingFront[ 'class' ] += ' without-text';
}
if ( values.title_front_color ) {
flipBoxShortcodeHeadingFront.style += 'color:' + values.title_front_color + ';';
}
titleTag = this.getTitleTag( values, 'front' );
titleFrontOutput = '<' + titleTag + ' ' + _.fusionGetAttributes( flipBoxShortcodeHeadingFront ) + '>' + values.title_front + '</' + titleTag + '>';
}
if ( '' !== values.title_back ) {
flipBoxShortcodeHeadingBack = {
class: 'flip-box-heading-back',
style: ''
};
jQuery.each( _.fusionGetFontStyle( 'back_title_font', values, 'object' ), function( rule, value ) {
flipBoxShortcodeHeadingBack.style += rule + ':' + value + ';';
} );
if ( ! _.isEmpty( values.back_title_font_size ) ) {
flipBoxShortcodeHeadingBack.style += 'font-size:' + values.back_title_font_size + ';';
}
if ( ! _.isEmpty( values.back_title_line_height ) ) {
flipBoxShortcodeHeadingBack.style += 'line-height:' + values.back_title_line_height + ';';
}
if ( ! _.isEmpty( values.back_title_letter_spacing ) ) {
flipBoxShortcodeHeadingBack.style += 'letter-spacing:' + values.back_title_letter_spacing + ';';
}
if ( ! _.isEmpty( values.back_title_text_transform ) ) {
flipBoxShortcodeHeadingBack.style += 'text-transform:' + values.back_title_text_transform + ';';
}
if ( values.title_back_color ) {
flipBoxShortcodeHeadingBack.style += 'color:' + values.title_back_color + ';';
}
titleTag = this.getTitleTag( values, 'back' );
titleBackOutput = '<' + titleTag + ' ' + _.fusionGetAttributes( flipBoxShortcodeHeadingBack ) + '>' + values.title_back + '</' + titleTag + '>';
}
frontInner = '<div class="flip-box-front-inner">' + iconOutput + titleFrontOutput + values.text_front + '</div>';
// flipBoxShortcodeFrontBox Attributes.
flipBoxShortcodeFrontBox = {
class: 'flip-box-front',
style: ''
};
if ( values.background_color_front ) {
flipBoxShortcodeFrontBox.style += 'background-color:' + values.background_color_front + ';';
}
if ( values.border_color ) {
flipBoxShortcodeFrontBox.style += 'border-color:' + values.border_color + ';';
}
if ( values.border_radius ) {
flipBoxShortcodeFrontBox.style += 'border-radius:' + values.border_radius + ';';
}
if ( values.border_size ) {
flipBoxShortcodeFrontBox.style += 'border-style:solid;border-width:' + values.border_size + ';';
}
if ( values.text_front_color ) {
flipBoxShortcodeFrontBox.style += 'color:' + values.text_front_color + ';';
}
if ( parentValues.flip_duration ) {
flipBoxShortcodeFrontBox.style += 'transition-duration:' + parentValues.flip_duration + 's;';
}
if ( values.background_image_front ) {
flipBoxShortcodeFrontBox.style += 'background-image: url(\'' + values.background_image_front + '\');';
if ( values.background_color_front ) {
alpha = jQuery.AWB_Color( values.background_color_front ).alpha();
if ( 1 > alpha && 0 !== alpha ) {
flipBoxShortcodeFrontBox.style += 'background-blend-mode: overlay;';
}
}
}
// flipBoxShortcodeBackBox Attributes.
flipBoxShortcodeBackBox = {
class: 'flip-box-back',
style: ''
};
if ( values.background_color_back ) {
flipBoxShortcodeBackBox.style += 'background-color:' + values.background_color_back + ';';
}
if ( values.border_color ) {
flipBoxShortcodeBackBox.style += 'border-color:' + values.border_color + ';';
}
if ( values.border_radius ) {
flipBoxShortcodeBackBox.style += 'border-radius:' + values.border_radius + ';';
}
if ( values.border_size ) {
flipBoxShortcodeBackBox.style += 'border-style:solid;border-width:' + values.border_size + ';';
}
if ( values.text_back_color ) {
flipBoxShortcodeBackBox.style += 'color:' + values.text_back_color + ';';
}
if ( parentValues.flip_duration ) {
flipBoxShortcodeBackBox.style += 'transition-duration:' + parentValues.flip_duration + 's;';
}
if ( values.background_image_back ) {
flipBoxShortcodeBackBox.style += 'background-image: url(\'' + values.background_image_back + '\');';
if ( values.background_color_back ) {
alpha = jQuery.AWB_Color( values.background_color_back ).alpha();
if ( 1 > alpha && 0 !== alpha ) {
flipBoxShortcodeBackBox.style += 'background-blend-mode: overlay;';
}
}
}
// flipBoxShortcode Attributes.
columns = 1;
if ( parentValues.columns ) {
columns = 12 / parseInt( parentValues.columns, 10 );
}
flipBoxShortcode = {
class: 'fusion-flip-box-wrapper fusion-column col-lg-' + columns + ' col-md-' + columns + ' col-sm-' + columns
};
if ( 5 === parseInt( parentValues.columns, 10 ) ) {
flipBoxShortcode[ 'class' ] = 'fusion-flip-box-wrapper col-lg-2 col-md-2 col-sm-2';
}
if ( '' !== values[ 'class' ] ) {
flipBoxShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
flipBoxShortcode.id = values.id;
}
this.model.set( 'selectors', flipBoxShortcode );
atts = {};
atts.flipBoxShortcodeBackBox = flipBoxShortcodeBackBox;
atts.flipBoxAttributes = flipBoxAttributes;
atts.flipBoxShortcodeFrontBox = flipBoxShortcodeFrontBox;
atts.icon_output = iconOutput;
atts.title_front_output = titleFrontOutput;
atts.title_back_output = titleBackOutput;
atts.icon_output = iconOutput;
return atts;
},
/**
* Get the title HTML tag.
*
* @param {Array} values
* @param {string} title 'front' or 'back' for title type.
* @returns
*/
getTitleTag: function( values, title ) {
var title_value;
if ( 'front' === title ) {
title_value = values.front_title_size;
if ( ! title_value ) {
return 'h2';
}
} else {
title_value = values.back_title_size;
if ( ! title_value ) {
return 'h3';
}
}
if ( !isNaN( title_value ) && !isNaN( parseFloat( title_value ) ) ) {
return 'h' + title_value;
}
return title_value;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Accordion View.
FusionPageBuilder.fusion_accordion = FusionPageBuilder.ParentElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.validateValues( atts.values );
// Create attribute objects.
attributes.toggleShortcode = this.buildToggleAttr( atts.values );
attributes.toggleShortcodePanelGroup = this.buildPanelGroupAttr( atts.values );
attributes.styles = this.buildStyles( atts.values );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.icon_size = _.fusionValidateAttrValue( values.icon_size, 'px' );
values.border_size = _.fusionValidateAttrValue( values.border_size, 'px' );
values.title_font_size = _.fusionValidateAttrValue( values.title_font_size, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildToggleAttr: function( values ) {
var toggleShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'accordian fusion-accordian',
style: ''
} );
if ( '' !== values.margin_top ) {
toggleShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_bottom ) {
toggleShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( ' ' !== values[ 'class' ] ) {
toggleShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
toggleShortcode.id = values.id;
}
return toggleShortcode;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildPanelGroupAttr: function( values ) {
var toggleShortcodePanelGroup = {
class: 'panel-group fusion-child-element',
id: 'accordion-cid' + this.model.get( 'cid' )
};
if ( 'right' === values.icon_alignment ) {
toggleShortcodePanelGroup[ 'class' ] += ' fusion-toggle-icon-right';
}
if ( '0' === values.icon_boxed_mode || 'no' === values.icon_boxed_mode ) {
toggleShortcodePanelGroup[ 'class' ] += ' fusion-toggle-icon-unboxed';
}
toggleShortcodePanelGroup[ 'data-empty' ] = this.emptyPlaceholderText;
return toggleShortcodePanelGroup;
},
/**
* Builds the stylesheet.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '',
title_styles,
cid = this.model.get( 'cid' );
// Title typography.
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a {';
if ( '' !== values.title_font_size ) {
styles += 'font-size: ' + values.title_font_size + ';';
}
if ( ! _.isEmpty( values.title_text_transform ) ) {
styles += 'text-transform:' + values.title_text_transform + ';';
}
if ( ! _.isEmpty( values.title_line_height ) ) {
styles += 'line-height:' + values.title_line_height + ';';
}
if ( ! _.isEmpty( values.title_letter_spacing ) ) {
styles += 'letter-spacing:' + _.fusionGetValueWithUnit( values.title_letter_spacing ) + ';';
}
if ( ! _.isEmpty( values.title_color ) ) {
styles += 'color:' + values.title_color + ';';
}
title_styles = _.fusionGetFontStyle( 'title_font', values, 'object' );
jQuery.each( title_styles, function( rule, value ) {
styles += rule + ':' + value + ';';
} );
styles += '}';
// Content typography.
styles += '.fusion-accordian #accordion-cid' + cid + ' .toggle-content {';
if ( '' !== values.content_font_size ) {
styles += 'font-size: ' + values.content_font_size + ';';
}
if ( ! _.isEmpty( values.content_text_transform ) ) {
styles += 'text-transform:' + values.content_text_transform + ';';
}
if ( ! _.isEmpty( values.content_line_height ) ) {
styles += 'line-height:' + values.content_line_height + ';';
}
if ( ! _.isEmpty( values.content_letter_spacing ) ) {
styles += 'letter-spacing:' + _.fusionGetValueWithUnit( values.content_letter_spacing ) + ';';
}
if ( ! _.isEmpty( values.content_color ) ) {
styles += 'color:' + values.content_color + ';';
}
title_styles = _.fusionGetFontStyle( 'content_font', values, 'object' );
jQuery.each( title_styles, function( rule, value ) {
styles += rule + ':' + value + ';';
} );
styles += '}';
if ( '' !== values.icon_size ) {
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a .fa-fusion-box:before{ font-size: ' + values.icon_size + '; width: ' + values.icon_size + ';}';
}
if ( '' !== values.icon_color ) {
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a .fa-fusion-box{ color: ' + values.icon_color + ';}';
}
if ( 'right' === values.icon_alignment ) {
styles += '.fusion-accordian #accordion-cid' + cid + '.fusion-toggle-icon-right .fusion-toggle-heading{ margin-right: ' + ( parseInt( values.icon_size, 10 ) + 18 ) + 'px;}';
}
if ( ( '1' === values.icon_boxed_mode || 'yes' === values.icon_boxed_mode ) && ! _.isEmpty( values.icon_box_color ) ) {
styles += '.fusion-accordian #accordion-cid' + cid + ' .fa-fusion-box { background-color: ' + values.icon_box_color + ';border-color: ' + values.icon_box_color + ';}';
}
if ( ! _.isEmpty( values.toggle_hover_accent_color ) ) {
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a:not(.active):hover, #accordion-cid' + cid + ' .fusion-toggle-boxed-mode:hover .panel-title a { color: ' + values.toggle_hover_accent_color + ';}';
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a:not(.active).hover, #accordion-cid' + cid + ' .fusion-toggle-boxed-mode.hover .panel-title a { color: ' + values.toggle_hover_accent_color + ';}';
if ( '1' === values.icon_boxed_mode || 'yes' === values.icon_boxed_mode ) {
if ( _.isEmpty( values.toggle_active_accent_color ) ) {
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title .active .fa-fusion-box,';
}
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a:not(.active):hover .fa-fusion-box { background-color: ' + values.toggle_hover_accent_color + '!important;border-color: ' + values.toggle_hover_accent_color + '!important;}';
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a:not(.active).hover .fa-fusion-box { background-color: ' + values.toggle_hover_accent_color + '!important;border-color: ' + values.toggle_hover_accent_color + '!important;}';
} else {
styles += '.fusion-accordian #accordion-cid' + cid + ' .fusion-toggle-boxed-mode:hover .panel-title a .fa-fusion-box{ color: ' + values.toggle_hover_accent_color + ';}';
styles += '.fusion-accordian #accordion-cid' + cid + '.fusion-toggle-icon-unboxed .fusion-panel .panel-title a:not(.active):hover .fa-fusion-box{ color: ' + values.toggle_hover_accent_color + ' !important;}';
styles += '.fusion-accordian #accordion-cid' + cid + ' .fusion-toggle-boxed-mode.hover .panel-title a .fa-fusion-box{ color: ' + values.toggle_hover_accent_color + ';}';
styles += '.fusion-accordian #accordion-cid' + cid + '.fusion-toggle-icon-unboxed .fusion-panel .panel-title a:not(.active).hover .fa-fusion-box{ color: ' + values.toggle_hover_accent_color + ' !important;}';
}
}
if ( '1' == values.boxed_mode || 'yes' === values.boxed_mode ) {
if ( '' !== values.hover_color ) {
styles += '#accordion-cid' + cid + ' .fusion-panel:hover, #accordion-cid' + cid + ' .fusion-panel.hover{ background-color: ' + values.hover_color + ' }';
}
styles += '#accordion-cid' + cid + ' .fusion-panel {';
if ( '' !== values.border_color ) {
styles += ' border-color:' + values.border_color + ';';
}
if ( '' !== values.border_size ) {
styles += ' border-width:' + values.border_size + ';';
}
if ( '' !== values.background_color ) {
styles += ' background-color:' + values.background_color + ';';
}
styles += ' }';
} else if ( '0' !== values.divider_line || 0 !== values.divider_line || 'no' !== values.divider_line ) {
if ( ! _.isEmpty( values.divider_hover_color ) ) {
styles += '#accordion-cid' + cid + ' .fusion-panel:hover{ border-color: ' + values.divider_hover_color + ' }';
}
styles += ' #accordion-cid' + cid + ' .fusion-panel {';
if ( ! _.isEmpty( values.divider_color ) ) {
styles += ' border-color:' + values.divider_color + ';';
}
styles += ' }';
}
if ( ! _.isEmpty( values.toggle_active_accent_color ) ) {
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title a.active{ color: ' + values.toggle_active_accent_color + ' !important;}';
if ( '1' === values.icon_boxed_mode || 'yes' === values.icon_boxed_mode ) {
styles += '.fusion-accordian #accordion-cid' + cid + ' .panel-title .active .fa-fusion-box { background-color: ' + values.toggle_active_accent_color + '!important;border-color: ' + values.toggle_active_accent_color + '!important;}';
} else {
styles += '.fusion-accordian #accordion-cid' + cid + '.fusion-toggle-icon-unboxed .fusion-panel .panel-title a.active .fa-fusion-box{ color: ' + values.toggle_active_accent_color + ' !important;}';
}
}
return styles;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderElements, fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Toggle child View.
FusionPageBuilder.fusion_toggle = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Using non debounced version for smoothness.
this.refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
parent = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent;
} ),
parentValues = jQuery.extend( true, {}, fusionAllElements.fusion_accordion.defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) );
// Validate values.
this.validateValues( atts.values );
// Create attribute objects.
attributes.toggleShortcodeCollapse = this.buildCollapseAttr( atts.values );
attributes.toggleShortcodeDataToggle = this.buildDataToggleAttr( atts.values, parentValues, parentModel );
attributes.headingAttr = this.buildHeadingAttr( atts.values );
attributes.contentAttr = this.buildContentAttr( atts.values );
attributes.title = atts.values.title;
attributes.elementContent = atts.values.element_content;
attributes.activeIcon = '' !== parentValues.active_icon ? _.fusionFontAwesome( parentValues.active_icon ) : 'awb-icon-minus';
attributes.inActiveIcon = '' !== parentValues.inactive_icon ? _.fusionFontAwesome( parentValues.inactive_icon ) : 'awb-icon-plus';
attributes.childStyles = this.buildStyles( atts.values );
attributes.titleTag = '' !== parentValues.title_tag ? parentValues.title_tag : 'h4';
// Set selectors.
this.buildPanelAttr( atts.values, parentValues );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.parent = this.model.get( 'parent' );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.toggle_class = ( 'yes' === values.open ) ? 'in' : '';
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildCollapseAttr: function( values ) {
var collapseID = '#accordion-' + this.model.get( 'cid' ),
toggleShortcodeCollapse = {
id: collapseID.replace( '#', '' ),
class: 'panel-collapse collapse ' + values.toggle_class
};
return toggleShortcodeCollapse;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @param {Object} parentValues - The parent object values.
* @return {Object}
*/
buildPanelAttr: function( values, parentValues ) {
var toggleShortcodePanel = {
class: 'fusion-panel panel-default'
};
if ( ' ' !== values[ 'class' ] ) {
toggleShortcodePanel[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
toggleShortcodePanel.id = values.id;
}
toggleShortcodePanel[ 'class' ] += ' panel-' + this.model.get( 'cid' );
if ( '1' == parentValues.boxed_mode || 'yes' === parentValues.boxed_mode ) {
toggleShortcodePanel[ 'class' ] += ' fusion-toggle-no-divider fusion-toggle-boxed-mode';
} else if ( '0' == parentValues.divider_line || 'no' === parentValues.divider_line ) {
toggleShortcodePanel[ 'class' ] += ' fusion-toggle-no-divider';
}
this.model.set( 'selectors', toggleShortcodePanel );
return toggleShortcodePanel;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @param {Object} parentValues - The parent values object.
* @param {Object} parentModel - The parent element model.
* @return {Object}
*/
buildDataToggleAttr: function( values, parentValues, parentModel ) {
var toggleShortcodeDataToggle = {},
collapseID = '#accordion-' + this.model.get( 'cid' );
if ( 'yes' === values.open ) {
toggleShortcodeDataToggle[ 'class' ] = 'active';
}
// Accessibility enhancements.
toggleShortcodeDataToggle[ 'aria-expanded' ] = ( 'yes' === values.open ) ? 'true' : 'false';
toggleShortcodeDataToggle[ 'aria-controls' ] = collapseID;
toggleShortcodeDataToggle.role = 'button';
toggleShortcodeDataToggle[ 'data-toggle' ] = 'collapse';
if ( 'toggles' !== parentValues.type ) {
toggleShortcodeDataToggle[ 'data-parent' ] = '#accordion-cid' + parentModel.attributes.cid;
}
toggleShortcodeDataToggle[ 'data-target' ] = collapseID;
toggleShortcodeDataToggle.href = collapseID;
return toggleShortcodeDataToggle;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildHeadingAttr: function() {
var that = this,
headingAttr = {
class: 'fusion-toggle-heading'
};
headingAttr = _.fusionInlineEditor( {
cid: that.model.get( 'cid' ),
param: 'title',
'disable-return': true,
'disable-extra-spaces': true,
toolbar: false
}, headingAttr );
return headingAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildContentAttr: function() {
var that = this,
contentAttr = {
class: 'panel-body toggle-content fusion-clearfix'
};
contentAttr = _.fusionInlineEditor( {
cid: that.model.get( 'cid' )
}, contentAttr );
return contentAttr;
},
/**
* Builds the stylesheet.
*
* @since 3.6
* @param {Object} values - The values object.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '',
parentCID = this.model.get( 'parent' ),
cid = this.model.get( 'cid' ),
title_styles;
// Title typography.
styles += '.fusion-accordian #accordion-cid' + parentCID + ' .panel-' + cid + ' .panel-title a {';
if ( '' !== values.title_font_size ) {
styles += 'font-size: ' + values.title_font_size + ';';
}
if ( ! _.isEmpty( values.title_text_transform ) ) {
styles += 'text-transform:' + values.title_text_transform + ';';
}
if ( ! _.isEmpty( values.title_line_height ) ) {
styles += 'line-height:' + values.title_line_height + ';';
}
if ( ! _.isEmpty( values.title_letter_spacing ) ) {
styles += 'letter-spacing:' + _.fusionGetValueWithUnit( values.title_letter_spacing ) + ';';
}
if ( ! _.isEmpty( values.title_color ) ) {
styles += 'color:' + values.title_color + ';';
}
title_styles = _.fusionGetFontStyle( 'title_font', values, 'object' );
jQuery.each( title_styles, function( rule, value ) {
styles += rule + ':' + value + ';';
} );
styles += '}';
// Content typography.
styles += '.fusion-accordian #accordion-cid' + parentCID + ' .panel-' + cid + ' .toggle-content {';
if ( '' !== values.content_font_size ) {
styles += 'font-size: ' + values.content_font_size + ';';
}
if ( ! _.isEmpty( values.content_text_transform ) ) {
styles += 'text-transform:' + values.content_text_transform + ';';
}
if ( ! _.isEmpty( values.content_line_height ) ) {
styles += 'line-height:' + values.content_line_height + ';';
}
if ( ! _.isEmpty( values.content_letter_spacing ) ) {
styles += 'letter-spacing:' + _.fusionGetValueWithUnit( values.content_letter_spacing ) + ';';
}
if ( ! _.isEmpty( values.content_color ) ) {
styles += 'color:' + values.content_color + ';';
}
title_styles = _.fusionGetFontStyle( 'content_font', values, 'object' );
jQuery.each( title_styles, function( rule, value ) {
styles += rule + ':' + value + ';';
} );
styles += '}';
return styles;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Chart View.
FusionPageBuilder.fusion_chart = FusionPageBuilder.ParentElementView.extend( {
/**
* Chart Datasets.
*/
chartDatasets: [],
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
this.$el.find( 'canvas' ).replaceWith( '<canvas width="100" height="100"></canvas>' );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
// TODO: save DOM and apply instead of generating
this.generateChildElements();
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.chartDatasets = FusionPageBuilderApp.findShortcodeMatches( atts.params.element_content, 'fusion_chart_dataset' );
attributes.showPlaceholder = 0 === this.chartDatasets.length ? true : false;
if ( ! attributes.showPlaceholder ) {
// Validate values.
this.validateValues( atts.values );
} else {
// Set placeholder values;
atts.values.type = 'bar';
this.model.attributes.params.type = 'bar';
atts.values.x_axis_labels = 'Val 1|Val 2|Val 3';
this.model.attributes.params.x_axis_labels = 'Val 1|Val 2|Val 3';
atts.values.legend_text_colors = '#ffffff|#ffffff|#ffffff';
this.model.attributes.params.legend_text_colors = '#ffffff|#ffffff|#ffffff';
atts.values.bg_colors = '#03a9f4|#8bc34a|#ff9800';
this.model.attributes.params.bg_colors = '#03a9f4|#8bc34a|#ff9800';
atts.values.border_colors = '#03a9f4|#8bc34a|#ff9800';
this.model.attributes.params.border_colors = '#03a9f4|#8bc34a|#ff9800';
this.model.attributes.params.element_content = '[fusion_chart_dataset title="Data Set 1" legend_text_color="#ffffff" background_color="#00bcd4" border_color="#00bcd4" values="5|7|9"][/fusion_chart_dataset]';
}
// Create attribute objects.
attributes.chartShortcode = this.buildChartAttr( atts.values );
attributes.styles = this.buildStyles( atts.values );
attributes.title = atts.values.title;
attributes.chartLegendPosition = atts.values.chart_legend_position;
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
values.chart_padding = {
top: 'undefined' !== typeof values.padding_top && '' !== values.padding_top ? values.padding_top : 0,
right: 'undefined' !== typeof values.padding_right && '' !== values.padding_right ? values.padding_right : 0,
bottom: 'undefined' !== typeof values.padding_bottom && '' !== values.padding_bottom ? values.padding_bottom : 0,
left: 'undefined' !== typeof values.padding_left && '' !== values.padding_left ? values.padding_left : 0
};
if ( '' === values.chart_type ) {
values.chart_type = 'bar';
}
// validate bg_colors.
if ( values.bg_colors ) {
values.bg_colors = this.validateGlobalColors( values.bg_colors );
}
// validate border_colors.
if ( values.border_colors ) {
values.border_colors = this.validateGlobalColors( values.border_colors );
}
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Validate global color variable.
*
* @since 3.6
* @param {String} value - The value.
* @return {Object|String}
*/
validateGlobalColors: function( value ) {
var colors = value.split( '|' ),
newColors = [];
if ( colors ) {
_.each( colors, function( v ) {
var newValue = '' !== v ? jQuery.AWB_Color( v ).toRgbaString() : '';
newColors.push( newValue );
} );
return newColors.join( '|' );
}
return value;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildChartAttr: function( values ) {
var chartShortcode = _.fusionVisibilityAtts(
values.hide_on_mobile, {
id: 'fusion-chart-cid' + this.model.get( 'cid' ),
class: 'fusion-chart fusion-child-element',
style: ''
}
);
if ( values.chart_type && -1 !== [ 'bar', 'horizontalBar', 'line', 'pie', 'doughnut', 'radar', 'polarArea' ].indexOf( values.chart_type ) ) {
chartShortcode[ 'data-type' ] = values.chart_type;
} else {
chartShortcode[ 'data-type' ] = this.$el.find( '#' + chartShortcode.id ).data( 'type' );
}
if ( '' !== values.chart_legend_position && 'off' !== values.chart_legend_position ) {
chartShortcode[ 'class' ] += ' legend-' + values.chart_legend_position;
chartShortcode[ 'data-chart_legend_position' ] = values.chart_legend_position;
}
if ( '' !== values.x_axis_labels ) {
chartShortcode[ 'data-x_axis_labels' ] = values.x_axis_labels;
}
if ( '' !== values.x_axis_label ) {
chartShortcode[ 'data-x_axis_label' ] = values.x_axis_label;
}
if ( '' !== values.y_axis_label ) {
chartShortcode[ 'data-y_axis_label' ] = values.y_axis_label;
}
if ( '' !== values.show_tooltips ) {
chartShortcode[ 'data-show_tooltips' ] = values.show_tooltips;
}
if ( '' !== values.bg_colors ) {
chartShortcode[ 'data-bg_colors' ] = values.bg_colors;
}
if ( '' !== values.border_colors ) {
chartShortcode[ 'data-border_colors' ] = values.border_colors;
}
if ( '' !== values.legend_labels ) {
chartShortcode[ 'data-legend_labels' ] = values.legend_labels;
}
if ( '' !== values.chart_border_size ) {
chartShortcode[ 'data-border_size' ] = values.chart_border_size;
}
if ( '' !== values.chart_border_type ) {
chartShortcode[ 'data-border_type' ] = values.chart_border_type;
}
if ( '' !== values.chart_fill ) {
chartShortcode[ 'data-chart_fill' ] = values.chart_fill;
}
if ( '' !== values.chart_point_style ) {
chartShortcode[ 'data-chart_point_style' ] = values.chart_point_style;
}
if ( '' !== values.chart_point_size ) {
chartShortcode[ 'data-chart_point_size' ] = values.chart_point_size;
}
if ( '' !== values.chart_point_bg_color ) {
chartShortcode[ 'data-chart_point_bg_color' ] = jQuery.AWB_Color( values.chart_point_bg_color ).toRgbaString();
}
if ( '' !== values.chart_point_border_color ) {
chartShortcode[ 'data-chart_point_border_color' ] = jQuery.AWB_Color( values.chart_point_border_color ).toRgbaString();
}
if ( '' !== values.chart_axis_text_color ) {
chartShortcode[ 'data-chart_axis_text_color' ] = jQuery.AWB_Color( values.chart_axis_text_color ).toRgbaString();
}
if ( '' !== values.chart_gridline_color ) {
chartShortcode[ 'data-chart_gridline_color' ] = jQuery.AWB_Color( values.chart_gridline_color ).toRgbaString();
}
if ( '' !== values.margin_top ) {
chartShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
chartShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
chartShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
chartShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
chartShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
chartShortcode.id = values.id;
}
return chartShortcode;
},
/**
* Builds the styles.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '',
childrenCount = 0,
childLegendTextColors = [],
cid = this.model.get( 'cid' ),
colors,
colorCount,
i,
chartDatasetElement,
chartDatasetAtts;
if ( '' !== values.chart_bg_color ) {
styles += '#fusion-chart-cid' + cid + '{background-color: ' + values.chart_bg_color + ';}';
}
if ( values.chart_padding && 'object' === typeof values.chart_padding ) {
styles += '#fusion-chart-cid' + cid + '{padding: ' + values.chart_padding.top + ' ' + values.chart_padding.right + ' ' + values.chart_padding.bottom + ' ' + values.chart_padding.left + ';}';
}
if ( 'undefined' !== typeof this.model && 'undefined' !== typeof this.model.children ) {
childrenCount = this.model.children.length;
if ( childrenCount ) {
_.each( this.model.children.models, function( child, key ) {
childLegendTextColors[ key ] = child.attributes.params.legend_text_color;
} );
} else if ( 'undefined' !== typeof this.model.attributes.params.element_content ) {
// Render on page load, children are not generated yet.
_.each( this.chartDatasets, function( chartDataset ) {
chartDatasetElement = chartDataset.match( FusionPageBuilderApp.regExpShortcode( 'fusion_chart_dataset' ) );
chartDatasetAtts = '' !== chartDatasetElement[ 3 ] ? window.wp.shortcode.attrs( chartDatasetElement[ 3 ] ) : '';
childLegendTextColors.push( chartDatasetAtts.named.legend_text_color );
} );
childrenCount = this.chartDatasets.length;
}
}
if ( '' !== values.legend_text_colors ) {
if ( 'pie' === values.chart_type || 'doughnut' === values.chart_type || 'polarArea' === values.chart_type || ( ( 'bar' === values.chart_type || 'horizontalBar' === values.chart_type ) && 1 === childrenCount ) ) {
colors = values.legend_text_colors.split( '|' );
} else {
colors = childLegendTextColors;
}
colorCount = colors.length;
for ( i = 0; i < colorCount; i++ ) {
if ( '' !== colors[ i ] ) {
styles += '#fusion-chart-cid' + cid + ' .fusion-chart-legend-wrap li:nth-child(' + ( i + 1 ) + ') span{color: ' + colors[ i ] + ';}';
}
}
}
return styles;
}
} );
} );
_.extend( FusionPageBuilder.Callback.prototype, {
chartShortcodeFilter: function( name, value, args, view ) {
var shortcode = '',
table = false,
labels = [],
bgColors = [],
borderColors = [],
legendTextColors = [],
params = {},
changes = [];
if ( ! view ) {
return;
}
table = jQuery( '[data-cid="' + view.model.get( 'cid' ) + '"] .fusion-table-builder' );
params = jQuery.extend( true, {}, view.model.get( 'params' ) );
// Table head (X axis labels).
table.find( 'thead tr:first-child th' ).each( function( i ) {
var val = jQuery( this ).find( 'input' ).val();
if ( 1 < i ) {
labels.push( val );
}
} );
if ( params.x_axis_labels !== labels.join( '|' ) ) {
changes.push( { id: 'x_axis_labels', value: labels.join( '|' ), label: fusionBuilderText.x_axis_label } );
}
// Table head (label text colors).
table.find( 'thead tr:nth-child(2) th' ).each( function( i ) {
if ( 3 < i ) {
legendTextColors.push( jQuery( this ).find( '.fusion-builder-option:first-child input' ).val() );
bgColors.push( jQuery( this ).find( '.fusion-builder-option:nth-child(2) input' ).val() );
borderColors.push( jQuery( this ).find( '.fusion-builder-option:nth-child(3) input' ).val() );
}
} );
if ( 'undefined' !== typeof params.legend_text_colors && params.legend_text_colors !== legendTextColors.join( '|' ) ) {
changes.push( { id: 'legend_text_colors', value: legendTextColors.join( '|' ), label: fusionBuilderText.legend_text_color } );
}
if ( 'undefined' !== typeof params.bg_colors && params.bg_colors !== bgColors.join( '|' ) ) {
changes.push( { id: 'bg_colors', value: bgColors.join( '|' ), label: fusionBuilderText.background_color } );
}
if ( 'undefined' !== typeof params.border_colors && params.border_colors !== borderColors.join( '|' ) ) {
changes.push( { id: 'border_colors', value: borderColors.join( '|' ), label: fusionBuilderText.border_color } );
}
// Table body (each row is data set).
table.find( 'tbody tr' ).each( function() {
var $thisTr = jQuery( this ),
values = [];
shortcode += '[fusion_chart_dataset';
// Table rows (data set title, colors, values).
$thisTr.find( 'td' ).each( function( i ) {
var $thisRow = jQuery( this ),
val = $thisRow.find( 'input' ).val();
switch ( i ) {
case 0:
shortcode += ' title="' + val + '"';
break;
case 1:
shortcode += ' legend_text_color="' + val + '"';
break;
case 2:
shortcode += ' background_color="' + val + '"';
break;
case 3:
shortcode += ' border_color="' + val + '"';
break;
default:
values.push( val );
}
} );
shortcode += ' values="' + values.join( '|' ) + '" /]';
} );
if ( params.element_content.trim() !== shortcode.trim() ) {
changes.push( { id: 'element_content', value: shortcode, label: fusionBuilderText.chart_dataset } );
}
_.each( changes, function( change ) {
view.changeParam( change.id, change.value, change.label );
} );
return {
render: true
};
}
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Chart Dataset child View.
FusionPageBuilder.fusion_chart_dataset = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Using non debounced version for smoothness.
this.refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
element = window.fusionAllElements[ this.model.get( 'element_type' ) ];
atts.values = jQuery.extend( true, {}, element.defaults, _.fusionCleanParameters( atts.params ) );
attributes.chartDatasetShortcode = this.buildDatasetAttr( atts.values );
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildDatasetAttr: function( values ) {
var chartDatasetShortcode = {
class: 'fusion-chart-dataset'
};
if ( values.title ) {
chartDatasetShortcode[ 'data-label' ] = values.title;
} else {
chartDatasetShortcode[ 'data-label' ] = ' ';
}
if ( '' !== values.values ) {
chartDatasetShortcode[ 'data-values' ] = values.values;
}
if ( '' !== values.background_color ) {
chartDatasetShortcode[ 'data-background_color' ] = jQuery.AWB_Color( values.background_color ).toRgbaString();
}
if ( '' !== values.border_color ) {
chartDatasetShortcode[ 'data-border_color' ] = jQuery.AWB_Color( values.border_color ).toRgbaString();
}
return chartDatasetShortcode;
}
} );
} );
}( jQuery ) );
;/* global FusionEvents */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Image Before After Element View.
FusionPageBuilder.fusion_image_before_after = FusionPageBuilder.ElementView.extend( {
/**
* Runs when element is first init.
*
* @since 2.0.0
* @return {void}
*/
onInit: function() {
this.listenTo( FusionEvents, 'fusion-preview-toggle', this.previewToggle );
this.listenTo( FusionEvents, 'fusion-iframe-loaded', this.initElement );
},
/**
* Init Element.
*
* @since 2.0.0
* @return {void}
*/
initElement: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_image_before_after', this.model.attributes.cid );
},
/**
* Preview mode toggled.
*
* @since 2.0.0
* @return {void}
*/
previewToggle: function() {
if ( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'fusion-builder-preview-mode' ) ) {
this.disableDroppableElement();
} else {
this.enableDroppableElement();
}
},
/**
* Runs before view DOM is patched.
*
* @since 2.0.0
* @return {void}
*/
beforePatch: function() {
this.$el.css( 'min-height', this.$el.outerHeight() + 'px' );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var self = this;
this._refreshJs();
setTimeout( function() {
self.$el.css( 'min-height', '0px' );
}, 300 );
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
if ( '' !== atts.values.before_image || '' !== atts.values.after_image ) {
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.attrWrapper = this.buildWrapperAttr( atts.values );
attributes.attrLink = this.buildLinkAttr( atts.values );
attributes.attrBeforeImage = this.buildBeforeImageAttr( atts.values );
attributes.attrAfterImage = this.buildAfterImageAttr( atts.values );
attributes.attrOverlay = this.buildOverlayAttr( atts.values );
attributes.attrHandle = this.buildHandleAttr( atts.values );
attributes.styles = this.buildStyles( atts.values );
// Any extras that need passed on.
attributes.values = atts.values;
}
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.offset = parseInt( values.offset, 10 ) / 100;
values.font_size = _.fusionValidateAttrValue( values.font_size, 'px' );
values.borderradius = _.fusionValidateAttrValue( values.borderradius, 'px' );
values.bordersize = _.fusionValidateAttrValue( values.bordersize, 'px' );
values.max_width = _.fusionValidateAttrValue( values.max_width, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = {
class: 'fusion-image-before-after-element',
style: ''
},
cid = this.model.get( 'cid' );
if ( 'switch' === values.type ) {
attr[ 'class' ] += ' fusion-image-switch';
} else if ( 'before_after' === values.type ) {
attr[ 'class' ] += ' fusion-image-before-after fusion-image-before-after-container';
if ( values.offset || 0 == values.offset ) {
attr[ 'data-offset' ] = values.offset.toString();
}
if ( values.orientation ) {
attr[ 'data-orientation' ] = values.orientation;
}
if ( values.handle_movement ) {
if ( 'drag_click' === values.handle_movement ) {
attr[ 'data-move-with-handle-only' ] = 'true';
attr[ 'data-click-to-move' ] = 'true';
} else if ( 'drag' === values.handle_movement ) {
attr[ 'data-move-with-handle-only' ] = 'true';
} else if ( 'hover' === values.handle_movement ) {
attr[ 'data-move-slider-on-hover' ] = 'true';
}
}
}
if ( '' !== values.max_width ) {
attr.style += 'max-width:' + values.max_width + ';';
}
attr[ 'class' ] += ' fusion-image-before-after-cid' + cid;
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildWrapperAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-image-before-after-wrapper',
style: ''
} ),
cid = this.model.get( 'cid' );
if ( values.orientation && 'before_after' === values.type ) {
attr[ 'class' ] += ' fusion-image-before-after-' + values.orientation;
}
if ( '' !== values.type ) {
attr[ 'class' ] += ' type-' + values.type;
}
if ( '' !== values.alignment ) {
attr[ 'class' ] += ' has-alignment';
attr[ 'class' ] += ' align-' + values.alignment;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
attr[ 'class' ] += ' fusion-image-before-after-wrapper-cid' + cid;
return attr;
},
/**
* Builds link attributes.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildLinkAttr: function( values ) {
var attr = {
class: 'fusion-image-switch-link',
href: values.link,
target: values.target,
rel: ''
};
if ( '_blank' === values.target ) {
attr.rel = 'noopener noreferrer';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildBeforeImageAttr: function( values ) {
var attr = {
class: 'before_after' === values.type ? 'fusion-image-before-after-before' : 'fusion-image-switch-before',
src: values.before_image,
alt: ''
};
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAfterImageAttr: function( values ) {
var attr = {
class: 'before_after' === values.type ? 'fusion-image-before-after-after' : 'fusion-image-switch-after',
src: values.after_image,
alt: ''
};
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildOverlayAttr: function( values ) {
var attr = {
class: 'fusion-image-before-after-overlay'
};
if ( values.label_placement && '' !== values.label_placement ) {
attr[ 'class' ] += ' before-after-overlay-' + values.label_placement;
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildHandleAttr: function( values ) {
var attr = {
class: 'fusion-image-before-after-handle'
};
if ( values.handle_type && 'default' !== values.handle_type ) {
attr[ 'class' ] += ' fusion-image-before-after-handle-' + values.handle_type;
}
return attr;
},
/**
* Builds the styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '',
color = '',
colorObj = '',
addBorderSize,
addBorderRadius,
bgColor = '',
cid = this.model.get( 'cid' );
if ( '' !== values.handle_color && 'before_after' === values.type ) {
color = values.handle_color;
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle {';
styles += 'border-color:' + color + ';';
styles += '}';
if ( 'horizontal' === values.orientation ) {
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-left-arrow {';
styles += 'border-right-color:' + color + ';';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-right-arrow {';
styles += 'border-left-color:' + color + ';';
styles += '}';
if ( values.handle_type && '' !== values.handle_type && 'diamond' === values.handle_type ) {
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-diamond .fusion-image-before-after-left-arrow::before {';
styles += 'border-color:' + color + ' !important;';
styles += '}';
} else if ( values.handle_type && '' !== values.handle_type && 'circle' === values.handle_type ) {
colorObj = jQuery.AWB_Color( color );
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle {';
styles += 'background:' + color + ' !important;';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle .fusion-image-before-after-left-arrow::before {';
styles += 'border-color:' + colorObj.alpha( 0.6 ).toVarOrRgbaString() + ' !important;';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle .fusion-image-before-after-left-arrow {';
styles += 'border-right-color:' + _.fusionAutoCalculateAccentColor( color ) + ' !important;';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle .fusion-image-before-after-right-arrow {';
styles += 'border-left-color:' + _.fusionAutoCalculateAccentColor( color ) + ' !important;';
styles += '}';
}
} else if ( 'vertical' === values.orientation ) {
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-up-arrow {';
styles += 'border-bottom-color:' + color + ';';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-down-arrow {';
styles += 'border-top-color:' + color + ';';
styles += '}';
if ( values.handle_type && '' !== values.handle_type && 'diamond' === values.handle_type ) {
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-diamond .fusion-image-before-after-left-arrow::before {';
styles += 'border-color:' + color + ' !important;';
styles += '}';
} else if ( values.handle_type && '' !== values.handle_type && 'circle' === values.handle_type ) {
colorObj = jQuery.AWB_Color( color );
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle {';
styles += 'background:' + color + ' !important;';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle .fusion-image-before-after-down-arrow::before {';
styles += 'border-color:' + colorObj.alpha( 0.6 ).toVarOrRgbaString() + ' !important;';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle .fusion-image-before-after-up-arrow {';
styles += 'border-bottom-color:' + _.fusionAutoCalculateAccentColor( color ) + ' !important;';
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle-circle .fusion-image-before-after-down-arrow {';
styles += 'border-top-color:' + _.fusionAutoCalculateAccentColor( color ) + ' !important;';
styles += '}';
}
}
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle::after {';
styles += 'background:' + color + ';';
if ( 'vertical' !== values.orientation ) {
styles += 'box-shadow: 0 3px 0 ' + color + ', 0 0 12px rgba(51,51,51,.5);';
}
styles += '}';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle::before {';
styles += 'background:' + color + ';';
if ( 'vertical' !== values.orientation ) {
styles += 'box-shadow: 0 3px 0 ' + color + ', 0 0 12px rgba(51,51,51,.5);';
}
styles += '}';
}
if ( values.handle_bg && '' !== values.handle_bg && 'before_after' === values.type ) {
bgColor = values.handle_bg;
if ( 'circle' !== values.handle_type && 'arrows' !== values.handle_type ) {
if ( 'diamond' !== values.handle_type ) {
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-handle {';
styles += 'background:' + bgColor + ';';
styles += '}';
} else {
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-down-arrow:before,';
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-left-arrow:before {';
styles += 'background:' + bgColor + ';';
styles += '}';
}
}
}
if ( values.font_size && '' !== values.font_size && 'before_after' === values.type ) {
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-before-label:before';
styles += ',.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-after-label:before';
if ( 'out-image-up-down' === values.label_placement ) {
styles += ',.fusion-image-before-after-wrapper-cid' + cid + ' .fusion-image-before-after-before-label:before';
styles += ',.fusion-image-before-after-wrapper-cid' + cid + ' .fusion-image-before-after-after-label:before';
}
styles += '{';
styles += 'font-size:' + values.font_size + ';';
styles += '}';
}
if ( values.accent_color && '' !== values.accent_color && 'before_after' === values.type ) {
color = values.accent_color;
colorObj = jQuery.AWB_Color( color );
styles += '.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-before-label:before';
styles += ',.fusion-image-before-after-cid' + cid + ' .fusion-image-before-after-after-label:before';
if ( 'out-image-up-down' === values.label_placement ) {
styles += ',.fusion-image-before-after-wrapper-cid' + cid + ' .fusion-image-before-after-before-label:before';
styles += ',.fusion-image-before-after-wrapper-cid' + cid + ' .fusion-image-before-after-after-label:before';
}
styles += '{';
styles += 'color:' + color + ';';
if ( 'out-image-up-down' !== values.label_placement ) {
styles += 'background:' + colorObj.alpha( 0.15 ).toVarOrRgbaString() + ';';
}
styles += '}';
}
if ( 'switch' === values.type && values.transition_time ) {
styles += '.fusion-image-switch.fusion-image-before-after-cid' + cid + ' img{';
styles += 'transition: ' + values.transition_time + 's ease-in-out;';
styles += '}';
if ( -1 !== values.before_image.indexOf( '.png' ) && -1 !== values.after_image.indexOf( '.png' ) ) {
styles += '.fusion-image-switch.fusion-image-before-after-cid' + cid + ':hover img:first-child{';
styles += 'opacity: 1;';
styles += '}';
}
}
addBorderSize = ( '0' !== values.bordersize && 0 !== values.bordersize && '0px' !== values.bordersize );
addBorderRadius = ( '0' !== values.borderradius && 0 !== values.borderradius && '0px' !== values.borderradius );
if ( addBorderSize || addBorderRadius ) {
styles += '.fusion-image-before-after-cid' + cid + ':not(.fusion-image-switch).initialized,';
styles += '.fusion-image-before-after-cid' + cid + '.fusion-image-switch img{';
if ( addBorderSize ) {
styles += 'border: ' + values.bordersize + ' solid ' + values.bordercolor + ';';
}
if ( addBorderRadius ) {
styles += 'border-radius:' + values.borderradius + ';';
}
styles += '}';
}
return styles;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Counter box parent View
FusionPageBuilder.fusion_counters_box = FusionPageBuilder.ParentElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this.appendChildren( '.fusion-counters-box' );
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var countersBoxShortcode;
// Validate values.
this.validateValues( atts.values, atts.params );
countersBoxShortcode = this.buildAtts( atts.values );
// Reset attribute objet.
atts = {};
// Recreate attribute object.
atts.countersBoxShortcode = countersBoxShortcode;
return atts;
},
/**
* Modifies values.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} params - The parameters.
* @return {void}
*/
validateValues: function( values, params ) {
values = jQuery.extend( true, {}, fusionAllElements.fusion_counters_box.defaults, _.fusionCleanParameters( params ) );
values.title_size = _.fusionValidateAttrValue( values.title_size, '' );
values.icon_size = _.fusionValidateAttrValue( values.icon_size, '' );
values.body_size = _.fusionValidateAttrValue( values.body_size, '' );
values.columns = Math.min( 6, values.columns );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAtts: function( values ) {
var countersBoxShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-counters-box counters-box row fusion-clearfix fusion-columns-' + values.columns,
style: ''
} );
if ( '' !== values[ 'class' ] ) {
countersBoxShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.margin_top ) {
countersBoxShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
countersBoxShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
countersBoxShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
countersBoxShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.id ) {
countersBoxShortcode.id += ' ' + values.id;
}
countersBoxShortcode[ 'class' ] += ' fusion-child-element';
countersBoxShortcode[ 'data-empty' ] = this.emptyPlaceholderText;
return countersBoxShortcode;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderElements, fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Counter box child View
FusionPageBuilder.fusion_counter_box = FusionPageBuilder.ChildElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.model.attributes.selectors[ 'class' ] += ( 'video' === this.model.attributes.params.type ) ? ' video' : ' image';
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.model.attributes.selectors[ 'class' ] += ( 'video' === this.model.attributes.params.type ) ? ' video' : ' image';
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var counterBoxContainer,
elementContent = atts.values.element_content,
parent = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent;
} ),
parentValues = jQuery.extend( true, {}, fusionAllElements.fusion_counters_box.defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) ),
counterBoxShortcodeContent,
counterWrapper;
// Validate values and extras.
this.validateValues( atts.values, atts.params );
this.validateParentValues( parentValues );
counterBoxContainer = this.buildContainerAtts( atts.values, parentValues );
counterWrapper = this.buildCounterWrapper( atts.values, parentValues );
counterBoxShortcodeContent = this.buildContentAttr( parentValues );
this.setSelectors( atts.values, parentValues );
// Reset attribute objet.
atts = {};
// Create attribute objects.
atts.counterBoxContainer = counterBoxContainer;
atts.counterWrapper = counterWrapper;
atts.counterBoxShortcodeContent = counterBoxShortcodeContent;
// Any extras that need passed on.
atts.cid = this.model.get( 'cid' );
atts.parent = parent;
atts.output = elementContent;
return atts;
},
/**
* Modifies values.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} params - The parameters.
* @return {void}
*/
validateValues: function( values, params ) {
values = jQuery.extend( true, {}, fusionAllElements.fusion_counter_box.defaults, _.fusionCleanParameters( params ) );
values.value = values.value.replace( ',', '.' );
values[ 'float' ] = values.value.split( '.' );
if ( 'undefined' !== typeof values[ 'float' ][ 1 ] ) {
values.decimals = values[ 'float' ][ 1 ].length;
}
},
/**
* Modifies parent values.
*
* @since 2.0
* @param {Object} parentValues - The parent values.
* @return {void}
*/
validateParentValues: function( parentValues ) {
parentValues.title_size = _.fusionValidateAttrValue( parentValues.title_size, '' );
parentValues.icon_size = _.fusionValidateAttrValue( parentValues.icon_size, '' );
parentValues.body_size = _.fusionValidateAttrValue( parentValues.body_size, '' );
parentValues.columns = Math.min( 6, parentValues.columns );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} parentValues - The parent element values.
* @return {Object}
*/
buildContainerAtts: function( values, parentValues ) {
var counterBoxContainer = {
class: 'counter-box-container'
};
counterBoxContainer.style = 'border: 1px solid ' + parentValues.border_color + ';';
return counterBoxContainer;
},
/**
* Builds the HTML for the wrapper element.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} parentValues - The parent element values.
* @return {string}
*/
buildCounterWrapper: function( values, parentValues ) {
var unitOutput = values.unit ? '<span class="unit">' + values.unit + '</span>' : '',
initValue = ( 'up' === values.direction ) ? 0 : values.value,
iconOutput = '',
decimals = 0,
counter,
selectedIcon,
counterBoxShortcodeCounter,
counterBoxShortcodeCounterContainer,
counterBoxShortcodeIcon,
decimalsValue;
values.value = values.value.replace( ',', '.' );
decimalsValue = values.value.split( '.' );
if ( 'undefined' !== typeof decimalsValue[ 1 ] ) {
decimals = decimalsValue[ 1 ].length;
}
// counterBoxShortcodeCounter Attributes.
counterBoxShortcodeCounter = {
class: 'display-counter',
'data-value': values.value,
'data-delimiter': values.delimiter,
'data-direction': values.direction,
'data-decimals': decimals
};
// Make value editable.
counterBoxShortcodeCounter = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
param: 'value',
toolbar: false,
'disable-return': true,
'disable-extra-spaces': true
}, counterBoxShortcodeCounter );
counter = '<span ' + _.fusionGetAttributes( counterBoxShortcodeCounter ) + '>' + initValue + '</span>';
if ( values.icon || parentValues.icon ) {
selectedIcon = ( values.icon ) ? values.icon : parentValues.icon;
counterBoxShortcodeIcon = {
class: 'counter-box-icon fontawesome-icon ' + _.fusionFontAwesome( selectedIcon ),
style: 'font-size:' + parentValues.icon_size + 'px;',
'aria-hidden': 'true'
};
iconOutput = '<i ' + _.fusionGetAttributes( counterBoxShortcodeIcon ) + '></i>';
}
counter = ( 'prefix' === values.unit_pos ) ? iconOutput + unitOutput + counter : iconOutput + counter + unitOutput;
// counterBoxShortcodeCounterContainer Atributes.
counterBoxShortcodeCounterContainer = {
class: 'content-box-percentage content-box-counter',
style: 'color:' + parentValues.color + ';font-size:' + parentValues.title_size + 'px;line-height:normal;'
};
return '<div ' + _.fusionGetAttributes( counterBoxShortcodeCounterContainer ) + '>' + counter + '</div>';
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} parentValues - The parent element values.
* @return {Object}
*/
buildContentAttr: function( parentValues ) {
var counterBoxShortcodeContent = {
class: 'counter-box-content',
style: 'color:' + parentValues.body_color + ';font-size:' + parentValues.body_size + 'px;'
};
// Make content editable.
counterBoxShortcodeContent = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
param: 'element_content',
toolbar: 'simple',
'disable-return': true,
'disable-extra-spaces': true
}, counterBoxShortcodeContent );
return counterBoxShortcodeContent;
},
/**
* Sets selectors in the model.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} parentValues - The parent element values.
* @return {void}
*/
setSelectors: function( values, parentValues ) {
var columns = 1,
counterBoxShortcode = {},
animations;
if ( 'undefined' !== typeof parentValues.columns && '' !== parentValues.columns && 0 !== parentValues.columns ) {
columns = 12 / parentValues.columns;
}
counterBoxShortcode[ 'class' ] = 'fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-' + columns + ' col-md-' + columns + ' col-sm-' + columns;
if ( '5' === parentValues.columns || 5 === parentValues.columns ) {
counterBoxShortcode[ 'class' ] = 'fusion-counter-box fusion-column col-counter-box counter-box-wrapper col-lg-2 col-md-2 col-sm-2';
}
if ( 'yes' === parentValues.icon_top ) {
counterBoxShortcode[ 'class' ] += ' fusion-counter-box-icon-top';
}
if ( '' !== values[ 'class' ] ) {
counterBoxShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
counterBoxShortcode.id = values.id;
}
if ( parentValues.animation_type ) {
animations = _.fusionGetAnimations( {
offset: parentValues.animation_offset
} );
counterBoxShortcode = jQuery.extend( counterBoxShortcode, animations );
counterBoxShortcode[ 'class' ] += ' ' + counterBoxShortcode.animation_class;
delete counterBoxShortcode.animation_class;
}
this.model.set( 'selectors', counterBoxShortcode );
}
} );
} );
}( jQuery ) );
;/* global FusionApp */
/* eslint no-unused-vars: 0 */
/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Widget Area Element View.
FusionPageBuilder.fusion_widget_area = FusionPageBuilder.ElementView.extend( {
/**
* Fires during element render() function.
*
* @since 2.0.4
* @param {Object} atts - The attributes.
* @return {Object}
*/
onRender: function() {
var elementContent = this.$el.html();
this.$el.html( FusionApp.removeScripts( elementContent ) );
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
name = 'undefined' !== typeof atts.values.name ? atts.values.name.replace( /-/g, '_' ) : '';
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.styles = this.buildStyling( atts.values );
attributes.widgetArea = false;
if ( 'undefined' !== atts.query_data && 'undefined' !== typeof atts.query_data[ name ] ) {
attributes.widgetArea = atts.query_data[ name ];
}
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values = _.fusionGetPadding( values );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-widget-area fusion-content-widget-area',
style: ''
} ),
cid = this.model.get( 'cid' );
attr[ 'class' ] += ' fusion-widget-area-cid' + cid;
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
buildStyling: function( values ) {
var styles = '',
padding = '',
cid = this.model.get( 'cid' );
if ( '' !== values.background_color ) {
styles += '.fusion-widget-area-cid' + cid + ' {background-color:' + values.background_color + ';}';
}
if ( '' !== values.padding ) {
if ( -1 === values.padding.indexOf( '%' ) && -1 === values.padding.indexOf( 'px' ) ) {
values.padding = values.padding + 'px';
}
padding = _.fusionGetValueWithUnit( values.padding );
styles += '.fusion-widget-area-cid' + cid + ' {padding:' + padding + ';}';
}
if ( '' !== values.title_color ) {
styles += '.fusion-widget-area-cid' + cid + ' .widget h4 {color:' + values.title_color + ';}';
styles += '.fusion-widget-area-cid' + cid + ' .widget .heading h4 {color:' + values.title_color + ';}';
}
if ( '' !== values.title_size ) {
styles += '.fusion-widget-area-cid' + cid + ' .widget h4 {font-size:' + values.title_size + ';}';
styles += '.fusion-widget-area-cid' + cid + ' .widget .heading h4 {font-size:' + values.title_size + ';}';
}
return styles;
}
} );
// Widget Area Callback.
_.extend( FusionPageBuilder.Callback.prototype, {
fusion_widget_area: function( name, value, modelData, args, cid, action, model, view ) { // jshint ignore: line
var queryName,
params = jQuery.extend( true, {}, modelData.params ),
ajaxData = {};
if ( 'undefined' !== typeof name && ! args.skip ) {
params[ name ] = value;
}
ajaxData.params = jQuery.extend( true, {}, window.fusionAllElements[ modelData.element_type ].defaults, _.fusionCleanParameters( params ) );
if ( 'undefined' !== typeof name && 'undefined' !== typeof value ) {
queryName = value.replace( /-/g, '_' );
}
if ( 'undefined' !== typeof model.query_data && 'undefined' !== typeof model.query_data[ queryName ] && 'undefined' !== typeof view ) {
view.reRender();
return true;
}
// Send this data with ajax or rest.
jQuery.ajax( {
url: window.fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_widget_area',
model: ajaxData,
fusion_load_nonce: window.fusionAppConfig.fusion_load_nonce
}
} )
.done( function( response ) {
var queryData;
if ( 'undefined' !== typeof model && 'undefined' !== typeof model.get( 'query_data' ) ) {
queryData = model.get( 'query_data' );
queryData[ queryName ] = response[ queryName ];
} else {
queryData = response;
}
model.set( 'query_data', queryData );
if ( ! args.skip && 'undefined' !== typeof name ) {
view.changeParam( name, value );
}
if ( 'generated_element' !== model.get( 'type' ) ) {
view.reRender();
}
} );
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Content Boxes Parent View.
FusionPageBuilder.fusion_content_boxes = FusionPageBuilder.ParentElementView.extend( {
/**
* Image map of child element images and thumbs.
*
* @since 2.0
*/
imageMap: {},
/**
* Initial data has run.
*
* @since 2.0
*/
initialData: false,
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this.generateChildElements();
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects.
attributes.attr = this.buildAttr( atts.values );
// Build styles.
attributes.styles = this.buildStyles( atts.values );
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
// Backwards compatibility for when we had image width and height params.
if ( 'undefined' !== typeof values.image_width ) {
values.image_width = values.image_width ? values.image_width : '35';
} else {
values.image_width = values.image_max_width;
}
values.title_size = _.fusionValidateAttrValue( values.title_size, 'px', false );
values.icon_circle_radius = _.fusionValidateAttrValue( values.icon_circle_radius, 'px' );
values.icon_size = _.fusionValidateAttrValue( values.icon_size, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.circlebordersize = _.fusionValidateAttrValue( values.circlebordersize, 'px' );
values.outercirclebordersize = _.fusionValidateAttrValue( values.outercirclebordersize, 'px' );
if ( values.linktarget ) {
values.link_target = values.linktarget;
}
if ( 'timeline-vertical' === values.layout ) {
values.columns = 1;
}
if ( 'timeline-vertical' === values.layout || 'timeline-horizontal' === values.layout ) {
values.animation_delay = 350;
values.animation_speed = 0.25;
values.animation_type = 'fade';
values.animation_direction = '';
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-content-boxes content-boxes',
style: ''
} ),
cid = this.model.get( 'cid' ),
totalNumOfColumns = 'undefined' !== typeof values.element_content ? values.element_content.match( /\[fusion_content_box ((.|\n|\r)*?)\]/g ) : 1,
numOfColumns;
totalNumOfColumns = null !== totalNumOfColumns ? totalNumOfColumns.length : 1;
numOfColumns = values.columns;
if ( '' === numOfColumns || '0' === numOfColumns ) {
numOfColumns = totalNumOfColumns;
numOfColumns = Math.max( 6, numOfColumns );
} else if ( 6 < numOfColumns ) {
numOfColumns = 6;
}
values.columns = numOfColumns;
attr[ 'class' ] += ' columns row';
attr[ 'class' ] += ' fusion-columns-' + numOfColumns;
attr[ 'class' ] += ' fusion-columns-total-' + totalNumOfColumns;
attr[ 'class' ] += ' fusion-content-boxes-cid' + cid;
attr[ 'class' ] += ' content-boxes-' + values.layout;
attr[ 'class' ] += ' content-' + values.icon_align;
if ( 'timeline-horizontal' === values.layout || 'clean-vertical' === values.layout ) {
attr[ 'class' ] += ' content-boxes-icon-on-top';
}
if ( 'timeline-vertical' === values.layout ) {
attr[ 'class' ] += ' content-boxes-icon-with-title';
}
if ( 'clean-horizontal' === values.layout ) {
attr[ 'class' ] += ' content-boxes-icon-on-side';
}
if ( '' !== values.animation_delay ) {
attr[ 'data-animation-delay' ] = values.animation_delay;
attr[ 'class' ] += ' fusion-delayed-animation';
}
attr[ 'class' ] += ' fusion-child-element';
attr.style += 'margin-top:' + values.margin_top + ';';
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '',
cid = this.model.get( 'cid' ),
circleHoverAccentColor = '';
if ( '' !== values.title_color ) {
styles += '.fusion-content-boxes-cid' + cid + ' .heading .content-box-heading{color:' + values.title_color + ';}';
}
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover .heading .content-box-heading, .fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover .heading .heading-link .content-box-heading,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover .heading .content-box-heading,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover .heading .heading-link .content-box-heading,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::after,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::before,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .fusion-read-more:hover:after,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .fusion-read-more:hover:before,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .fusion-read-more:hover,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::after,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::before,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover .icon .circle-no, .fusion-content-boxes-cid' + cid + ' .heading .heading-link:hover .content-box-heading { color: ' + values.hover_accent_color + ';}';
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover .icon .circle-no {color: ' + values.hover_accent_color + ' !important;}';
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box.link-area-box-hover .fusion-content-box-button {';
styles += 'background: ' + fusionAllElements.fusion_button.defaults.button_gradient_top_color_hover + ';';
styles += 'color: ' + fusionAllElements.fusion_button.defaults.button_accent_hover_color + ';';
if ( fusionAllElements.fusion_button.defaults.button_gradient_top_color_hover !== fusionAllElements.fusion_button.defaults.button_gradient_bottom_color_hover ) {
styles += 'background-image: -webkit-gradient( linear, left bottom, left top, from( ' + fusionAllElements.fusion_button.defaults.button_gradient_bottom_color_hover + ' ), to( ' + fusionAllElements.fusion_button.defaults.button_gradient_top_color_hover + ' ) );';
styles += 'background-image: linear-gradient( to top, ' + fusionAllElements.fusion_button.defaults.button_gradient_bottom_color_hover + ', ' + fusionAllElements.fusion_button.defaults.button_gradient_top_color_hover + ' )';
}
styles += '}';
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box.link-area-box-hover .fusion-content-box-button .fusion-button-text {';
styles += 'color: ' + fusionAllElements.fusion_button.defaults.button_accent_hover_color + ';';
styles += '}';
circleHoverAccentColor = values.hover_accent_color;
if ( 'transparent' === values.circlecolor || 0 === jQuery.AWB_Color( values.circlecolor ).alpha() || 'no' === values.icon_circle ) {
circleHoverAccentColor = 'transparent';
}
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover .heading .icon > span,';
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover .heading .icon i.circle-yes { background-color: ' + circleHoverAccentColor + ' !important;}';
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover .heading .icon > span,';
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover .heading .icon i.circle-yes { border-color: ' + values.hover_accent_color + ' !important; }';
if ( 'pulsate' === values.icon_hover_type && '' !== values.hover_accent_color ) {
styles += '.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover.icon-hover-animation-pulsate .fontawesome-icon:after,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover.icon-hover-animation-pulsate .fontawesome-icon:after,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-link-icon-hover.icon-wrapper-hover-animation-pulsate .icon span:after,.fusion-content-boxes-cid' + cid + ' .fusion-content-box-hover .link-area-box-hover.icon-wrapper-hover-animation-pulsate .icon span:after {-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px ' + values.hover_accent_color + ', 0 0 0 10px rgba(255,255,255,0.5);-moz-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px ' + values.hover_accent_color + ', 0 0 0 10px rgba(255,255,255,0.5);box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px ' + values.hover_accent_color + ', 0 0 0 10px rgba(255,255,255,0.5);}';
}
if ( 'clean-horizontal' === values.layout || 'clean-vertical' === values.layout ) {
styles += '.fusion-content-boxes-cid' + cid + '.fusion-columns-' + values.columns + ' .content-box-column:nth-of-type(' + values.columns + 'n) {border-right-width:1px;}';
}
return styles;
},
/**
* Extendable function for when child elements get generated.
*
* @since 2.0.0
* @param {Object} modules An object of modules that are not a view yet.
* @return {void}
*/
onGenerateChildElements: function( modules ) {
this.addImagesToImageMap( modules, false, false );
},
/**
* Add images to the view's image map.
*
* @since 2.0
* @param {Object} childrenData - The children for which images need added to the map.
* @param bool async - Determines if the AJAX call should be async.
* @param bool async - Determines if the view should be re-rendered.
* @return void
*/
addImagesToImageMap: function( childrenData, async, reRender ) {
var view = this,
queryData = {};
async = ( 'undefined' === typeof async ) ? true : async;
reRender = ( 'undefined' === typeof reRender ) ? true : reRender;
view.initialData = true;
_.each( childrenData, function( child ) {
var params = ( 'undefined' !== typeof child.get ) ? child.get( 'params' ) : child.params,
cid = ( 'undefined' !== typeof child.get ) ? child.get( 'cid' ) : child.cid,
imageId = 'undefined' !== typeof params.image_id && '' !== params.image_id ? params.image_id : false,
image = 'undefined' !== typeof params.image && '' !== params.image ? params.image : false;
// Has neither url or ID set.
if ( ! imageId && ! image ) {
return;
}
// if it has image id set and available, no need to progress.
if ( imageId && 'undefined' !== typeof view.imageMap[ imageId ] ) {
return;
}
// if it has image url set and available, no need to progress.
if ( image && 'undefined' !== typeof view.imageMap[ image ] ) {
return;
}
// Made it this far we need to get image data.
queryData[ cid ] = params;
} );
// Send this data with ajax or rest.
if ( ! _.isEmpty( queryData ) ) {
jQuery.ajax( {
async: async,
url: window.fusionAppConfig.ajaxurl,
type: 'post',
dataType: 'json',
data: {
action: 'get_fusion_content_boxes_children_data',
children: queryData,
fusion_load_nonce: window.fusionAppConfig.fusion_load_nonce
}
} )
.done( function( response ) {
view.updateImageMap( response );
if ( reRender ) {
view.reRender();
}
} );
} else if ( reRender ) {
view.reRender();
}
},
/**
* Update the view's image map.
*
* @since 2.0
* @param {Object} images - The images object to inject.
* @return void
*/
updateImageMap: function( images ) {
var self = this;
_.each( images, function( imageData, image ) {
if ( 'undefined' === typeof self.imageMap[ image ] ) {
self.imageMap[ image ] = imageData;
}
} );
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Content Boxes Child View.
FusionPageBuilder.fusion_content_box = FusionPageBuilder.ChildElementView.extend( {
resetTypography: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-typography-reset', this.model.get( 'cid' ) );
if ( 800 > jQuery( '#fb-preview' ).width() ) {
setTimeout( function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'resize' );
}, 50 );
}
},
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var parentView,
queryData = this.model.get( 'query_data' );
// Update the parent image map with latest query data images.
if ( 'undefined' !== typeof queryData ) {
parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
parentView.updateImageMap( queryData );
}
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var parentView,
queryData = this.model.get( 'query_data' );
// Update the parent image map with latest query data images.
if ( 'undefined' !== typeof queryData ) {
parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) );
parentView.updateImageMap( queryData );
}
this.resetTypography();
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
// Using non debounced version for smoothness.
this.refreshJs();
},
onCancel: function() {
this.resetTypography();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts );
this.extras = atts.extras;
// Create attribute objects.
this.buildAttr( atts );
attributes.attrShortcodeIcon = this.buildShortcodeIconAttr( atts );
attributes.attrShortcodeIconParent = this.buildShortcodeIconParentAttr( atts );
attributes.attrShortcodeIconWrapper = this.buildShortcodeIconWrapperAttr( atts );
attributes.attrContentBoxHeading = this.buildContentBoxHeadingAttr( atts );
attributes.attrHeadingWrapper = this.buildContentBoxHeadingWrapperAttr( atts );
attributes.attrContentContainer = this.buildContentContainerAttr( atts );
attributes.attrShortcodeTimeline = this.buildShortcodeTimelineAttr( atts );
attributes.attrContentWrapper = this.buildContentWrapperAttr( atts );
attributes.attrHeadingLink = this.contentBoxShortcodeAttrs( false, 'heading-link', atts );
attributes.attrReadMore = this.contentBoxShortcodeAttrs( true, 'fusion-read-more', atts );
attributes.attrButton = this.contentBoxShortcodeAttrs( true, false, atts );
// Build styles.
attributes.styles = this.buildStyles( atts );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.output = atts.values.element_content;
attributes.parentCid = atts.parent;
attributes.values = atts.values;
attributes.parentValues = atts.parentValues;
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {void}
*/
validateValues: function( atts ) {
var values = atts.values,
parentValues = atts.parentValues,
params = this.model.get( 'params' ),
queryData = atts.query_data,
parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
imageData = false;
// Case when image is set on parent element and icon on child element.
if ( ( 'undefined' === typeof params.image || '' === params.image ) && ( 'undefined' !== typeof params.icon && '' !== params.icon ) ) {
values.image = '';
}
// Backwards compatibility for when we had image width and height params.
if ( 'undefined' !== typeof params.image_width && params.image_width ) {
values.image_width = params.image_width;
} else {
values.image_width = values.image_max_width;
}
values.image_width = _.fusionValidateAttrValue( values.image_width, '' );
if ( 'undefined' !== typeof values.image && ( '' !== values.image || '' !== values.image_id ) ) {
if ( 'undefined' !== typeof queryData && 'undefined' !== typeof queryData[ values.image ] ) {
imageData = queryData[ values.image ];
} else if ( 'undefined' !== typeof queryData && 'undefined' !== typeof queryData[ values.image_id ] ) {
imageData = queryData[ values.image_id ];
} else if ( 'undefined' !== typeof parentView.imageMap[ values.image ] ) {
imageData = parentView.imageMap[ values.image ];
} else if ( 'undefined' !== typeof parentView.imageMap[ values.image_id ] ) {
imageData = parentView.imageMap[ values.image_id ];
}
if ( imageData ) {
if ( -1 === parseInt( values.image_width ) || '' === values.image_width ) {
values.image_width = 'undefined' !== typeof imageData.width ? imageData.width : '35';
}
values.image_height = 'undefined' !== typeof imageData.width ? Math.round( ( parseFloat( values.image_width ) / parseFloat( imageData.width ) ) * parseFloat( imageData.height ) * 100 ) / 100 : values.image_width;
} else {
if ( -1 === parseInt( values.image_width ) ) {
values.image_width = '35';
}
values.image_height = values.image_width;
}
} else {
values.image_width = '' === values.image_width ? '35' : values.image_width;
values.image_height = '35';
}
if ( values.linktarget ) {
values.link_target = values.linktarget;
}
if ( 'parent' === parentValues.settings_lvl ) {
values.backgroundcolor = parentValues.backgroundcolor;
values.circlecolor = parentValues.circlecolor;
values.circlebordercolor = parentValues.circlebordercolor;
values.circlebordersize = parentValues.circlebordersize;
values.outercirclebordercolor = parentValues.outercirclebordercolor;
values.outercirclebordersize = parentValues.outercirclebordersize;
values.iconcolor = parentValues.iconcolor;
values.animation_type = parentValues.animation_type;
values.animation_direction = parentValues.animation_direction;
values.animation_speed = parentValues.animation_speed;
values.link_target = parentValues.link_target;
}
if ( 'timeline-vertical' === parentValues.layout ) {
parentValues.columns = 1;
}
if ( 'timeline-vertical' === parentValues.layout || 'timeline-horizontal' === parentValues.layout ) {
values.animation_speed = 0.25;
values.animation_type = 'fade';
values.animation_direction = '';
}
values.circlebordersize = _.fusionValidateAttrValue( values.circlebordersize, 'px' );
},
/**
* Set attributes in the model.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {void}
*/
buildAttr: function( atts ) {
var attr = {
class: 'fusion-column content-box-column',
style: ''
},
cid = this.model.get( 'cid' ),
values = atts.values,
parentValues = atts.parentValues,
rowCounter = 1,
numOfColumns = parentValues.columns,
columns = '',
borderColor = '';
if ( '' === numOfColumns || '0' === numOfColumns ) {
numOfColumns = 1;
} else if ( 6 < numOfColumns ) {
numOfColumns = 6;
}
numOfColumns = parseInt( numOfColumns, 10 );
columns = 12 / numOfColumns;
if ( rowCounter > numOfColumns ) {
rowCounter = 1;
}
attr[ 'class' ] += ' content-box-column content-box-column-cid-' + cid;
attr[ 'class' ] += ' col-lg-' + columns;
attr[ 'class' ] += ' col-md-' + columns;
attr[ 'class' ] += ' col-sm-' + columns;
if ( 5 === numOfColumns ) {
attr[ 'class' ] = 'fusion-column content-box-column content-box-column-cid-' + cid + ' col-lg-2 col-md-2 col-sm-2';
}
attr[ 'class' ] += ' fusion-content-box-hover ';
if ( 'timeline-vertical' === parentValues.layout || 'timeline-horizontal' === parentValues.layout ) {
attr[ 'class' ] += ' fusion-appear';
}
if ( values.circlebordercolor ) {
borderColor = values.circlebordercolor;
}
if ( values.outercirclebordercolor ) {
borderColor = values.outercirclebordercolor;
}
if ( ! values.circlebordercolor && ! values.outercirclebordercolor ) {
borderColor = '#f6f6f6';
}
if ( 1 === parseFloat( cid ) / parseFloat( numOfColumns ) ) {
attr[ 'class' ] += ' content-box-column-first-in-row';
}
if ( atts.last ) {
attr[ 'class' ] += ' content-box-column-last';
}
if ( parseFloat( cid ) === parseFloat( numOfColumns ) ) {
attr[ 'class' ] += ' content-box-column-last-in-row';
}
if ( borderColor && -1 !== jQuery.inArray( parentValues.layout, [ 'clean-vertical', 'clean-horizontal' ] ) ) {
attr.style += 'border-color:' + borderColor + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
this.model.set( 'selectors', attr );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildShortcodeIconAttr: function( atts ) {
var attr = {
class: '',
style: '',
'aria-hidden': 'true'
},
values = atts.values,
parentValues = atts.parentValues;
if ( values.image ) {
attr[ 'class' ] = 'image';
if ( 'icon-boxed' === parentValues.layout && values.image_width && values.image_height ) {
attr.style = 'margin-left:-' + ( parseFloat( values.image_width ) / 2 ) + 'px;';
attr.style += 'top:-' + ( ( parseFloat( values.image_height ) / 2 ) + 50 ) + 'px;';
}
} else if ( values.icon ) {
attr[ 'class' ] = 'fontawesome-icon ' + _.fusionFontAwesome( values.icon );
// Set parent values if child values are unset to get downwards compatibility.
if ( ! values.circle ) {
values.circle = parentValues.circle;
}
if ( 'yes' === parentValues.icon_circle ) {
attr[ 'class' ] += ' circle-yes';
if ( values.circlebordercolor ) {
attr.style += 'border-color:' + values.circlebordercolor + ';';
}
if ( values.circlebordersize ) {
attr.style += 'border-width:' + values.circlebordersize + ';';
}
if ( values.circlecolor ) {
attr.style += 'background-color:' + values.circlecolor + ';';
}
attr.style += 'height:' + ( parseFloat( parentValues.icon_size ) * 2 ) + 'px;width:' + ( parseFloat( parentValues.icon_size ) * 2 ) + 'px;line-height:' + ( parseFloat( parentValues.icon_size ) * 2 ) + 'px;';
if ( 'icon-boxed' === parentValues.layout && ( '' === values.outercirclebordercolor || '' === values.outercirclebordersize || '' !== parseFloat( values.outercirclebordersize ) ) ) {
attr.style += 'top:-' + ( 50 + parseFloat( parentValues.icon_size ) ) + 'px;margin-left:-' + parseFloat( parentValues.icon_size ) + 'px;';
}
if ( 'round' === parentValues.icon_circle_radius ) {
parentValues.icon_circle_radius = '100%';
}
attr.style += 'border-radius:' + parentValues.icon_circle_radius + ';';
if ( values.outercirclebordercolor && values.outercirclebordersize && 0 !== parseFloat( values.outercirclebordersize ) ) {
// If there is a thick border, kill border width and make it center aligned positioned.
attr.style += 'position:relative;';
attr.style += 'top:auto;';
attr.style += 'left:auto;';
attr.style += 'margin:0;';
attr.style += 'box-sizing: content-box;';
}
} else {
attr[ 'class' ] += ' circle-no';
attr.style += 'background-color:transparent;border-color:transparent;height:auto;width: ' + _.fusionGetValueWithUnit( parentValues.icon_size ) + ';line-height:normal;';
if ( 'icon-boxed' === parentValues.layout ) {
attr.style += 'position:relative;left:auto;right:auto;top:auto;margin-left:auto;margin-right:auto;';
}
}
if ( values.iconcolor ) {
attr.style += 'color:' + values.iconcolor + ';';
}
if ( values.iconflip ) {
attr[ 'class' ] += ' fa-flip-' + values.iconflip;
}
if ( values.iconrotate ) {
attr[ 'class' ] += ' fa-rotate-' + values.iconrotate;
}
if ( 'yes' === values.iconspin ) {
attr[ 'class' ] += ' fa-spin';
}
attr.style += 'font-size:' + parentValues.icon_size + ';';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildShortcodeIconParentAttr: function( atts ) {
var attr = {
class: 'icon',
style: ''
},
values = atts.values,
parentValues = atts.parentValues,
animationDelay = '';
if ( 'yes' !== parentValues.icon_circle && 'icon-boxed' === parentValues.layout ) {
attr.style += 'position:absolute;width: 100%;top:-' + ( 50 + ( parseFloat( parentValues.icon_size ) / 2 ) ) + 'px;';
}
if ( 'timeline-vertical' === parentValues.layout && 'right' === parentValues.icon_align && ( ! values.outercirclebordercolor || ! values.circlebordersize ) ) {
attr.style += 'padding-left:20px;';
}
if ( parentValues.animation_delay ) {
animationDelay = parentValues.animation_delay;
attr.style += '-webkit-animation-duration: ' + animationDelay + 'ms;';
attr.style += 'animation-duration: ' + animationDelay + 'ms;';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildShortcodeIconWrapperAttr: function( atts ) {
var attr = {
class: 'icon',
style: ''
},
values = atts.values,
parentValues = atts.parentValues,
marginDirection = '',
margin = '',
transparentCircle = 'transparent' === values.circlecolor || 0 === jQuery.AWB_Color( values.circlecolor ).alpha();
if ( values.icon ) {
attr[ 'class' ] = '';
if ( 'yes' === parentValues.icon_circle ) {
attr.style += 'height:' + ( ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) ) * 2 ) + 'px;';
attr.style += 'width:' + ( ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) ) * 2 ) + 'px;';
attr.style += 'line-height:' + ( parseFloat( parentValues.icon_size ) + ( parseFloat( values.circlebordersize ) * 2 ) ) + 'px;';
if ( values.outercirclebordercolor ) {
attr.style += 'border-color:' + values.outercirclebordercolor + ';';
}
if ( values.outercirclebordersize && 0 !== parseFloat( values.outercirclebordersize ) ) {
attr.style += 'border-width:' + parseFloat( values.outercirclebordersize ) + 'px;';
}
attr.style += 'border-style:solid;';
if ( values.circlebordercolor && 0 !== parseFloat( values.circlebordersize ) ) {
attr.style += 'background-color:' + values.circlebordercolor + ';';
} else if ( values.outercirclebordersize && 0 !== parseFloat( values.outercirclebordersize ) && ! transparentCircle ) {
attr.style += 'background-color:' + values.outercirclebordercolor + ';';
}
if ( 'icon-boxed' === parentValues.layout ) {
attr.style += 'position:absolute;';
attr.style += 'top:-' + ( 50 + parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) ) + 'px;';
attr.style += 'margin-left:-' + ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) ) + 'px;';
}
if ( 'round' === parentValues.icon_circle_radius ) {
parentValues.icon_circle_radius = '100%';
}
if ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'timeline-vertical', 'clean-horizontal' ] ) ) {
marginDirection = 'margin-right';
if ( 'right' === parentValues.icon_align ) {
marginDirection = 'margin-left';
}
margin = '20px';
if ( 'timeline-vertical' === parentValues.layout && 'right' === parentValues.icon_align ) {
margin = '10px';
}
attr.style += marginDirection + ':' + margin + ';';
}
attr.style += 'box-sizing:content-box;';
attr.style += 'border-radius:' + parentValues.icon_circle_radius + ';';
}
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildContentBoxHeadingAttr: function( atts ) {
var attr = {
class: 'content-box-heading'
},
values = atts.values,
parentValues = atts.parentValues,
fontSize = '',
fullIconSize = '';
if ( parentValues.title_size ) {
fontSize = parseFloat( parentValues.title_size );
attr.style = 'font-size:' + fontSize + 'px;line-height:' + ( fontSize + 5 ) + 'px;';
attr[ 'data-fontsize' ] = fontSize;
attr[ 'data-lineheight' ] = ( fontSize + 5 );
attr[ 'data-inline-fontsize' ] = fontSize + 'px';
attr[ 'data-inline-lineheight' ] = ( fontSize + 5 ) + 'px';
}
if ( 'right' === parentValues.icon_align && '' !== attr.style && ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'icon-with-title', 'timeline-vertical', 'clean-horizontal' ] ) ) ) {
attr.style += ' text-align:' + parentValues.icon_align + ';';
} else if ( 'left' === parentValues.icon_align && jQuery( 'body' ).hasClass( 'rtl' ) && '' === attr.style && ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'icon-with-title', 'timeline-vertical', 'clean-horizontal' ] ) ) ) {
attr.style += ' text-align:' + parentValues.icon_align + ';';
}
if ( 'icon-on-side' === parentValues.layout || 'clean-horizontal' === parentValues.layout ) {
if ( '' !== values.image && '' !== values.image_width && '' !== values.image_height ) {
if ( 'right' === parentValues.icon_align ) {
attr.style += 'padding-right:' + ( parseFloat( values.image_width ) + 20 ) + 'px;';
} else {
attr.style += 'padding-left:' + ( parseFloat( values.image_width ) + 20 ) + 'px;';
}
} else if ( '' !== values.icon ) {
if ( 'yes' === parentValues.icon_circle ) {
fullIconSize = ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) + parseFloat( values.outercirclebordersize ) ) * 2;
} else {
fullIconSize = parentValues.icon_size;
}
if ( 'right' === parentValues.icon_align ) {
attr.style += 'padding-right:' + ( parseFloat( fullIconSize ) + 20 ) + 'px;';
} else {
attr.style += 'padding-left:' + ( parseFloat( fullIconSize ) + 20 ) + 'px;';
}
}
}
attr = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
param: 'title',
'disable-return': true,
'disable-extra-spaces': true,
toolbar: false
}, attr );
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildContentBoxHeadingWrapperAttr: function( atts ) {
var attr = {
class: 'heading'
},
values = atts.values,
parentValues = atts.parentValues;
if ( '' !== values.icon || '' !== values.image ) {
attr[ 'class' ] += ' heading-with-icon';
}
if ( '' !== parentValues.icon_align ) {
attr[ 'class' ] += ' icon-' + parentValues.icon_align;
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildContentContainerAttr: function( atts ) {
var attr = {
class: 'content-container',
style: ''
},
values = atts.values,
parentValues = atts.parentValues,
imageHeight = '',
fullIconSize = '';
if ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'timeline-vertical', 'clean-horizontal' ] ) && values.image && values.image_width && values.image_height ) {
if ( 'right' === parentValues.icon_align ) {
attr.style += 'padding-right:' + ( parseFloat( values.image_width ) + 20 ) + 'px;';
} else {
attr.style += 'padding-left:' + ( parseFloat( values.image_width ) + 20 ) + 'px;';
}
if ( 'timeline-vertical' === parentValues.layout ) {
imageHeight = values.image_height;
if ( imageHeight > parseFloat( parentValues.title_size ) && 0 < imageHeight - parseFloat( parentValues.title_size ) - 15 ) {
attr.style += 'margin-top:-' + ( imageHeight - parseFloat( parentValues.title_size ) ) + 'px;';
}
}
} else if ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'timeline-vertical', 'clean-horizontal' ] ) && values.icon ) {
if ( 'yes' === parentValues.icon_circle ) {
fullIconSize = ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) + parseFloat( values.outercirclebordersize ) ) * 2;
} else {
fullIconSize = parentValues.icon_size;
}
if ( 'right' === parentValues.icon_align ) {
attr.style += 'padding-right:' + ( parseFloat( fullIconSize ) + 20 ) + 'px;';
} else {
attr.style += 'padding-left:' + ( parseFloat( fullIconSize ) + 20 ) + 'px;';
}
if ( 'timeline-vertical' === parentValues.layout ) {
if ( fullIconSize > parseFloat( parentValues.title_size ) && 0 < fullIconSize - parseFloat( parentValues.title_size ) - 15 ) {
if ( 'timeline-vertical' === parentValues.layout ) {
attr.style += 'margin-top:-' + ( ( parseFloat( fullIconSize ) - parseFloat( parentValues.title_size ) ) / 2 ) + 'px;';
} else {
attr.style += 'margin-top:-' + ( parseFloat( fullIconSize ) - parseFloat( parentValues.title_size ) ) + 'px;';
}
}
}
}
if ( 'right' === parentValues.icon_align && '' !== attr.style && ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'icon-with-title', 'timeline-vertical', 'clean-horizontal' ] ) ) ) {
attr.style += ' text-align:' + parentValues.icon_align + ';';
} else if ( 'right' === parentValues.icon_align && '' === attr.style && ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'icon-with-title', 'timeline-vertical', 'clean-horizontal' ] ) ) ) {
attr.style += ' text-align:' + parentValues.icon_align + ';';
}
if ( parentValues.body_color ) {
attr.style += 'color:' + parentValues.body_color + ';';
}
attr = _.fusionInlineEditor( {
cid: this.model.get( 'cid' )
}, attr );
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildShortcodeTimelineAttr: function( atts ) {
var attr = {
class: ''
},
values = atts.values,
parentValues = atts.parentValues,
borderColor = '',
fullIconSize = '',
positionTop = '',
positionHorizontal = '',
animationDelay = '';
if ( 'timeline-horizontal' === parentValues.layout ) {
attr[ 'class' ] = 'content-box-shortcode-timeline';
attr.style = '';
if ( 'yes' === parentValues.icon_circle ) {
if ( 0 !== parseFloat( values.outercirclebordersize ) ) {
fullIconSize = ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) + parseFloat( values.outercirclebordersize ) ) * 2;
} else {
fullIconSize = parseFloat( parentValues.icon_size ) * 2;
}
} else {
fullIconSize = parseFloat( parentValues.icon_size );
}
positionTop = fullIconSize / 2;
if ( values.backgroundcolor && 'transparent' !== values.backgroundcolor && 0 !== jQuery.AWB_Color( values.backgroundcolor ).alpha() ) {
positionTop += 35;
}
if ( values.circlebordercolor ) {
borderColor = values.circlebordercolor;
}
if ( values.outercirclebordercolor && values.outercirclebordersize ) {
borderColor = values.outercirclebordercolor;
}
if ( ! values.circlebordercolor && ! values.outercirclebordercolor ) {
borderColor = '#f6f6f6';
}
if ( borderColor ) {
attr.style += 'border-color:' + borderColor + ';';
}
if ( positionTop ) {
attr.style += 'top:' + parseFloat( positionTop ) + 'px;';
}
} else if ( 'timeline-vertical' === parentValues.layout ) {
attr[ 'class' ] = 'content-box-shortcode-timeline-vertical';
attr.style = '';
if ( 'yes' === parentValues.icon_circle ) {
if ( parseFloat( values.outercirclebordersize ) ) {
fullIconSize = ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) + parseFloat( values.outercirclebordersize ) ) * 2;
} else {
fullIconSize = parseFloat( parentValues.icon_size ) * 2;
}
} else {
fullIconSize = parseFloat( parentValues.icon_size );
}
positionTop = fullIconSize;
positionHorizontal = fullIconSize / 2;
if ( values.backgroundcolor && 'transparent' !== values.backgroundcolor && 0 !== jQuery.AWB_Color( values.backgroundcolor ).alpha() ) {
positionTop += 35;
positionHorizontal += 35;
}
if ( values.circlebordercolor ) {
borderColor = values.circlebordercolor;
}
if ( values.outercirclebordercolor && values.outercirclebordersize ) {
borderColor = values.outercirclebordercolor;
}
if ( ! values.circlebordercolor && ! values.outercirclebordercolor ) {
borderColor = '#f6f6f6';
}
if ( borderColor ) {
attr.style += 'border-color:' + borderColor + ';';
}
if ( positionHorizontal ) {
if ( 'right' === parentValues.icon_align ) {
attr.style += 'right:' + parseFloat( positionHorizontal ) + 'px;';
} else {
attr.style += 'left:' + parseFloat( positionHorizontal ) + 'px;';
}
}
if ( positionTop ) {
attr.style += 'top:' + positionTop + 'px;';
}
}
if ( parentValues.animationDelay ) {
animationDelay = parentValues.animation_delay;
attr.style += '-webkit-transition-duration: ' + animationDelay + 'ms;';
attr.style += 'animation-duration: ' + animationDelay + 'ms;';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildContentWrapperAttr: function( atts ) {
var attr = {
class: 'col content-box-wrapper content-wrapper'
},
values = atts.values,
parentValues = atts.parentValues;
// Set parent values if child values are unset to get downwards compatibility.
if ( ! values.backgroundcolor ) {
values.backgroundcolor = parentValues.backgroundcolor;
}
if ( values.backgroundcolor ) {
attr.style = 'background-color:' + values.backgroundcolor + ';';
if ( 'transparent' !== values.backgroundcolor && 0 !== jQuery.AWB_Color( values.backgroundcolor ).alpha() ) {
attr[ 'class' ] += '-background';
}
}
if ( 'icon-boxed' === parentValues.layout ) {
attr[ 'class' ] += ' content-wrapper-boxed';
}
if ( values.link && 'box' === parentValues.link_area ) {
attr[ 'data-link' ] = values.link;
attr[ 'data-link-target' ] = values.link_target;
}
attr[ 'class' ] += ' link-area-' + parentValues.link_area;
if ( values.link && parentValues.link_type ) {
attr[ 'class' ] += ' link-type-' + parentValues.link_type;
}
if ( values.outercirclebordercolor && values.outercirclebordersize && parseFloat( values.outercirclebordersize ) ) {
attr[ 'class' ] += ' content-icon-wrapper-yes';
}
if ( values.outercirclebordercolor && values.outercirclebordersize && 0 !== parseFloat( values.outercirclebordersize ) && 'pulsate' === parentValues.icon_hover_type ) {
attr[ 'class' ] += ' icon-wrapper-hover-animation-' + parentValues.icon_hover_type;
} else {
attr[ 'class' ] += ' icon-hover-animation-' + parentValues.icon_hover_type;
}
if ( values.textcolor ) {
attr.style += 'color:' + values.textcolor + ';';
}
if ( 'none' !== values.animation_type ) {
if ( 'undefined' !== typeof values.animation_class ) {
attr[ 'class' ] += ' ' + values.animation_class;
}
}
if ( '' === values.animation_type ) {
attr = _.fusionAnimations( parentValues, attr );
} else {
attr = _.fusionAnimations( values, attr );
}
return attr;
},
/**
* Builds styles.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {string}
*/
buildStyles: function( atts ) {
var styles = '',
cid = this.model.get( 'cid' ), // eslint-disable-line no-unused-vars
values = atts.values,
parentValues = atts.parentValues,
parentCid = atts.parentCid,
circleHoverAccentColor = '',
transparentChild = '',
hoverAccentColor = '';
if ( 'transparent' === values.circlecolor || 0 === jQuery.AWB_Color( values.backgroundcolor ).alpha() || 'no' === parentValues.icon_circle ) {
transparentChild = true;
}
if ( true === transparentChild ) {
hoverAccentColor = parentValues.hover_accent_color;
circleHoverAccentColor = 'transparent';
styles += '.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .heading-link:hover .icon i.circle-yes,.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .link-area-box:hover .heading-link .icon i.circle-yes,.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .link-area-link-icon-hover .heading .icon i.circle-yes,.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .link-area-box-hover .heading .icon i.circle-yes { background-color: ' + circleHoverAccentColor + ' !important; border-color: ' + hoverAccentColor + ' !important;}';
} else if ( false === transparentChild ) {
hoverAccentColor = parentValues.hover_accent_color;
styles += '.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .heading-link:hover .icon i.circle-yes,.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .link-area-box:hover .heading-link .icon i.circle-yes,.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .link-area-link-icon-hover .heading .icon i.circle-yes,.fusion-content-boxes-cid' + parentCid + ' .fusion-content-box-hover .link-area-box-hover .heading .icon i.circle-yes {background-color: ' + hoverAccentColor + ' !important;border-color: ' + hoverAccentColor + ' !important;}';
}
return styles;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {boolean} readmore - Whether we want a readmore link or not.
* @param {string} extraClass - Any extra classes that we want to add.
* @param {Object} atts - The attributes.
* @return {Object}
*/
contentBoxShortcodeAttrs: function( readmore, extraClass, atts ) {
// contentBoxShortcodeLink Attributes.
var contentBoxShortcodeLink = {
class: '',
style: ''
},
additionMargin = '',
fullIconSize = '',
values = atts.values,
parentValues = atts.parentValues,
extras = atts.extras;
if ( values.link ) {
contentBoxShortcodeLink.href = values.link;
}
if ( values.link_target ) {
contentBoxShortcodeLink.target = values.link_target;
}
if ( '_blank' === values.link_target ) {
contentBoxShortcodeLink.rel = 'noopener noreferrer';
}
if ( readmore ) {
if ( 'text' === parentValues.link_type || 'button-bar' === parentValues.link_type ) {
contentBoxShortcodeLink[ 'class' ] += ' fusion-read-more';
if ( 'button-bar' === parentValues.link_type ) {
contentBoxShortcodeLink[ 'class' ] += ' fusion-button-bar';
}
} else if ( 'button' === parentValues.link_type ) {
contentBoxShortcodeLink[ 'class' ] += 'fusion-read-more-button fusion-content-box-button fusion-button button-default fusion-button-default-size button-' + extras.button_type.toLowerCase();
}
}
if ( 'button-bar' === parentValues.link_type && 'timeline-vertical' === parentValues.layout && readmore ) {
additionMargin = 20 + 15;
if ( values.backgroundcolor && 'transparent' !== values.backgroundcolor && 0 !== jQuery.AWB_Color( values.backgroundcolor ).alpha() ) {
additionMargin += 35;
}
if ( values.image && values.image_width && values.image_height ) {
fullIconSize = values.image_width;
} else if ( values.icon ) {
if ( 'yes' === parentValues.icon_circle ) {
fullIconSize = ( parentValues.icon_size + parseFloat( values.circlebordersize ) + parseFloat( values.outercirclebordersize ) ) * 2;
} else {
fullIconSize = parentValues.icon_size;
}
}
if ( 'right' === parentValues.icon_align ) {
contentBoxShortcodeLink.style += 'margin-right:' + ( parseFloat( fullIconSize ) + parseFloat( additionMargin ) ) + 'px;';
} else {
contentBoxShortcodeLink.style += 'margin-left:' + ( parseFloat( fullIconSize ) + parseFloat( additionMargin ) ) + 'px;';
}
contentBoxShortcodeLink.style += 'width:calc(100% - ' + ( fullIconSize + additionMargin + 15 ) + 'px);';
} else if ( -1 !== jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'clean-horizontal', 'timeline-vertical' ] ) && -1 !== jQuery.inArray( parentValues.link_type, [ 'text', 'button' ] ) && readmore ) {
additionMargin = 20;
if ( values.image && values.image_width && values.mage_height ) {
fullIconSize = values.image_width;
} else if ( values.icon ) {
if ( 'yes' === parentValues.icon_circle ) {
fullIconSize = ( parseFloat( parentValues.icon_size ) + parseFloat( values.circlebordersize ) + parseFloat( values.outercirclebordersize ) ) * 2;
} else {
fullIconSize = parentValues.icon_size;
}
}
if ( 'text' === parentValues.link_type || 'button' === parentValues.link_type ) {
if ( 'right' === parentValues.icon_align ) {
contentBoxShortcodeLink.style += 'float:' + parentValues.icon_align + ';';
contentBoxShortcodeLink.style += 'margin-right:' + ( parseFloat( fullIconSize ) + parseFloat( additionMargin ) ) + 'px;';
} else {
contentBoxShortcodeLink.style += 'margin-left:' + ( parseFloat( fullIconSize ) + additionMargin ) + 'px;';
}
if ( 'yes' === parentValues.button_span ) {
contentBoxShortcodeLink.style += 'width:calc( 100% - ' + ( parseFloat( fullIconSize ) + parseFloat( additionMargin ) ) + 'px );';
}
} else if ( 'right' === parentValues.icon_align ) {
contentBoxShortcodeLink.style += 'margin-right:' + ( parseFloat( fullIconSize ) + parseFloat( additionMargin ) ) + 'px;';
} else {
contentBoxShortcodeLink.style += 'margin-left:' + ( parseFloat( fullIconSize ) + parseFloat( additionMargin ) ) + 'px;';
}
} else if ( 'icon-with-title' === parentValues.layout ) {
contentBoxShortcodeLink.style += 'float:' + parentValues.icon_align + ';';
}
if ( -1 === jQuery.inArray( parentValues.layout, [ 'icon-on-side', 'clean-horizontal', 'timeline-vertical' ] ) && 'button' === parentValues.link_type && 'yes' === parentValues.button_span ) {
contentBoxShortcodeLink.style += 'width: 100%;';
}
if ( extraClass ) {
contentBoxShortcodeLink[ 'class' ] += ' ' + extraClass;
}
return contentBoxShortcodeLink;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionAllElements, fusionSanitize */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Social Links View.
FusionPageBuilder.fusion_social_links = FusionPageBuilder.ElementView.extend( {
/**
* Runs before view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var tooltips = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-tooltip' ) );
tooltips.tooltip( 'destroy' );
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var socialLinksShortcode,
socialLinksShortcodeSocialNetworks,
icons;
this.counter = this.model.get( 'cid' );
this.values = atts.values;
// Validate values and extras.
this.validateValuesExtras( atts.values, atts.extras );
this.extras = atts.extras;
// Create attribute objects.
socialLinksShortcode = this.buildShortcodeAttr( atts.values );
socialLinksShortcodeSocialNetworks = this.buildSocialNetworksAttr( atts.values );
icons = this.buildIcons( atts.values );
// Reset attributes.
atts = {};
atts.socialLinksShortcode = socialLinksShortcode;
atts.socialLinksShortcodeSocialNetworks = socialLinksShortcodeSocialNetworks;
atts.icons = icons;
atts.styles = this.buildStyleBlock();
return atts;
},
/**
* Builds styles.
*
* @since 2.4
* @return {String}
*/
buildStyleBlock: function( ) {
var css, selectors, self;
this.baseSelector = '.fusion-social-links-' + this.counter;
this.dynamic_css = {};
self = this;
//Icon styles.
if ( 'brand' !== this.values.color_type ) {
selectors = [ this.baseSelector + ' .boxed-icons .fusion-social-network-icon' ];
if ( '' !== this.values.box_border_top ) {
this.addCssProperty( selectors, 'border-top-width', _.fusionGetValueWithUnit( this.values.box_border_top ), true );
}
if ( '' !== this.values.box_border_right ) {
this.addCssProperty( selectors, 'border-right-width', _.fusionGetValueWithUnit( this.values.box_border_right ), true );
}
if ( '' !== this.values.box_border_bottom ) {
this.addCssProperty( selectors, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.box_border_bottom ), true );
}
if ( '' !== this.values.box_border_left ) {
this.addCssProperty( selectors, 'border-left-width', _.fusionGetValueWithUnit( this.values.box_border_left ), true );
}
if ( '' !== this.values.box_border_color ) {
this.addCssProperty( selectors, 'border-color', this.values.box_border_color, true );
}
selectors = [ this.baseSelector + ' .boxed-icons .fusion-social-network-icon:hover' ];
if ( '' !== this.values.box_colors_hover ) {
this.addCssProperty( selectors, 'background-color', this.values.box_colors_hover, true );
}
if ( '' !== this.values.box_border_color_hover ) {
this.addCssProperty( selectors, 'border-color', this.values.box_border_color_hover, true );
}
selectors = [ this.baseSelector + ' .fusion-social-network-icon:hover' ];
if ( '' !== this.values.icon_colors_hover ) {
this.addCssProperty( selectors, 'color', this.values.icon_colors_hover, true );
}
}
// Apply boxed padding.
if ( 'yes' === this.values.icons_boxed ) {
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
var key = 'box_padding_' + direction;
if ( ! self.isDefault( key ) ) {
self.addCssProperty( [ self.baseSelector + ' .boxed-icons .fusion-social-network-icon' ], 'padding-' + direction, _.fusionGetValueWithUnit( self.values[ key ] ), true );
}
} );
}
if ( ! this.isDefault( 'alignment' ) ) {
this.addCssProperty( [ this.baseSelector ], 'text-align', this.values.alignment, true );
}
css = this.parseCSS();
if ( ! this.isDefault( 'alignment' ) ) {
this.addCssProperty( [ this.baseSelector ], 'text-align', this.values.alignment, true );
}
if ( ! this.isDefault( 'alignment_medium' ) ) {
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector ], 'text-align', this.values.alignment_medium, true );
css += '@media only screen and (max-width:' + FusionApp.settings.visibility_medium + 'px){' + this.parseCSS() + ' }';
}
if ( ! this.isDefault( 'alignment_small' ) ) {
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector ], 'text-align', this.values.alignment_small, true );
css += '@media only screen and (max-width:' + FusionApp.settings.visibility_small + 'px){' + this.parseCSS() + ' }';
}
css += this.buildMarginStyles( this.values );
return ( css ) ? '<style type="text/css">' + css + '</style>' : '';
},
/**
* Builds margin styles.
*
* @since 3.6
* @param {Object} values - The values object.
* @return {string}
*/
buildMarginStyles: function( values ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-social-links-' + this.counter,
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
return responsiveStyles;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @param {Object} extras - Extra args.
* @return {void}
*/
validateValuesExtras: function( values, extras ) {
values.linktarget = values.linktarget ? '_blank' : '_self';
values.social_media_icons = extras.social_media_icons;
values.social_media_icons_icon = extras.social_media_icons.icon;
values.social_media_icons_url = extras.social_media_icons.url;
values.icons_boxed_radius = _.fusionValidateAttrValue( values.icons_boxed_radius, 'px' );
values.font_size = _.fusionValidateAttrValue( values.font_size, 'px' );
values.boxed_padding = _.fusionValidateAttrValue( extras.boxed_padding, 'px' );
values.body_font_size = extras.body_font_size;
if ( '' == values.color_type ) {
values.box_colors = values.social_links_box_color;
values.icon_colors = values.social_links_icon_color;
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildShortcodeAttr: function( values ) {
var socialLinksShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-social-links fusion-social-links-' + this.counter
} );
socialLinksShortcode[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( '' !== values[ 'class' ] ) {
socialLinksShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
socialLinksShortcode.id = values.id;
}
//Animation
socialLinksShortcode = _.fusionAnimations( values, socialLinksShortcode );
return socialLinksShortcode;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildSocialNetworksAttr: function( values ) {
var socialLinksShortcodeSocialNetworks = {
class: 'fusion-social-networks'
};
if ( 'yes' === values.icons_boxed ) {
socialLinksShortcodeSocialNetworks[ 'class' ] += ' boxed-icons';
}
return socialLinksShortcodeSocialNetworks;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
buildIcons: function( values ) {
var socialIcons = _.fusionGetSocialNetworks( values ),
icons;
socialIcons = _.fusionSortSocialNetworks( socialIcons, values );
icons = _.fusionBuildSocialLinks( socialIcons, this.socialLinksIconAttr, values );
return icons;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} args - The arguments.
* @param {Object} values - The values.
* @return {Object}
*/
socialLinksIconAttr: function( args, values ) {
var tooltip,
link,
fontSize,
attr = {
class: 'fusion-social-network-icon fusion-tooltip fusion-' + args.social_network,
style: ''
};
tooltip = _.fusionUcFirst( args.social_network );
if ( 'custom_' === args.social_network.substr( 0, 7 ) ) {
attr[ 'class' ] += 'custom ';
tooltip = args.social_network.replace( 'custom_', '' );
args.social_network = tooltip.toLowerCase();
} else if ( ! _.isEmpty( args.icon_mark ) ) {
attr[ 'class' ] += ' ' + args.icon_mark;
} else {
attr[ 'class' ] += ' awb-icon-' + args.social_network;
}
attr[ 'aria-label' ] = 'fusion-' + args.social_network;
link = args.social_link;
attr.target = values.linktarget;
if ( '_blank' === values.linktarget ) {
attr.rel = 'noopener noreferrer';
}
if ( 'mail' === args.social_network ) {
link = ( 'http' === args.social_link.substr( 0, 4 ) ) ? args.social_link : 'mailto:' + args.social_link.replace( 'mailto:', '' );
attr.target = '_self';
}
if ( 'phone' === args.social_network ) {
link = 'tel:' + args.social_link.replace( 'tel:', '' );
attr.target = '_self';
}
attr.href = link;
if ( 'undefined' !== typeof args.icon_color && '' !== args.icon_color ) {
attr.style = 'color:' + args.icon_color + ';';
}
if ( 'yes' === values.icons_boxed && 'undefined' !== typeof args.box_color ) {
attr.style += 'background-color:' + args.box_color + ';border-color:' + args.box_color + ';';
}
if ( ( 'yes' === values.icons_boxed && values.icons_boxed_radius ) || '0' === values.icons_boxed_radius ) {
values.icons_boxed_radius = ( 'round' === values.icons_boxed_radius ) ? '50%' : values.icons_boxed_radius;
attr.style += 'border-radius:' + values.icons_boxed_radius + ';';
}
if ( values.font_size ) {
attr.style += 'font-size:' + values.font_size + ';';
if ( 'yes' === values.icons_boxed ) {
fontSize = ( -1 === values.font_size.indexOf( 'px' ) ) ? fusionSanitize.convert_font_size_to_px( values.font_size, values.body_font_size ) + 'px' : values.font_size;
attr.style += 'width:' + fontSize + ';';
}
}
if ( 'none' !== values.tooltip_placement.toLowerCase() ) {
attr[ 'data-placement' ] = values.tooltip_placement.toLowerCase();
tooltip = ( 'youtube' === tooltip.toLowerCase() ) ? 'YouTube' : tooltip;
attr[ 'data-title' ] = tooltip;
attr[ 'data-toggle' ] = 'tooltip';
}
attr.title = tooltip;
return attr;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Star Rating Element View.
FusionPageBuilder.fusion_star_rating = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @returns {Object}
*/
filterTemplateAtts: function( atts ) {
// Variables we will pass to the template.
var attributes = {};
attributes.cid = this.model.get( 'cid' );
attributes.elementAttr = this.getElementAttr( atts.values );
attributes.style = this.getStyleTag( atts.values, atts.extras );
attributes.iconsHtml = this.getIconsHtml( atts.values );
attributes.ratingTextHtml = this.getRatingTextHtml( atts.values );
attributes.displayRatingText = ( 'yes' === atts.values.display_rating_text ? true : false );
return attributes;
},
/**
* Get the HTML of the icons.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getIconsHtml: function( values ) {
var html = '',
rating = this.getRating( values ),
maximumRating = values.maximum_rating,
isPerfectRoundRating,
currentStar = 1;
if ( '0decimals' === values.rating_number_rounding && 'yes' === values.display_rating_text ) {
rating = parseInt( rating.toFixed( 0 ) );
}
isPerfectRoundRating = ( parseInt( rating ) === rating );
while ( currentStar <= maximumRating ) {
html += '<i ' + _.fusionGetAttributes( this.getIconAttributes( values, currentStar ) ) + '>';
if ( ! isPerfectRoundRating && ( parseInt( rating ) + 1 ) === currentStar ) {
html += '<i ' + _.fusionGetAttributes( this.getPartialIconAttributes( values, currentStar ) ) + '></i>';
}
html += '</i>';
currentStar++;
}
return html;
},
/**
* Get the HTML of the rating text.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getRatingTextHtml: function( values ) {
var html = '',
rating = this.getRating( values ),
maximumRating = values.maximum_rating;
if ( rating > maximumRating ) {
rating = maximumRating;
}
rating = Number( rating ).toFixed( this.getNumberToRound( values, rating ) );
html += '<span>' + rating + '</span> / <span>' + maximumRating + '</span>';
return html;
},
getNumberToRound: function( values, rating ) {
var numParts,
numToRound;
if ( '0decimals' === values.rating_number_rounding ) {
return 0;
} else if ( '1decimal' === values.rating_number_rounding ) {
return 1;
} else if ( '2decimals' === values.rating_number_rounding ) {
return 2;
}
// 'rating_number_rounding' is set to 'auto' if here.
if ( Math.floor( rating ) === rating ) {
return 0;
}
numParts = rating.toString().trimEnd( '0' ).split( '.' );
if ( numParts[ 1 ] ) {
numToRound = numParts[ 1 ].length || 0;
} else {
numToRound = 0;
}
if ( 0 === numToRound ) {
return 0;
} else if ( 1 === numToRound ) {
return 1;
}
return 2;
},
/**
* Get the attributes of the main HTML element.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getElementAttr: function( values ) {
var attr = {
'class': 'awb-stars-rating ' + this.getBaseClassName()
};
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
if ( 'no' === values.display_rating_text ) {
attr[ 'class' ] += ' awb-stars-rating-no-text';
}
if ( values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Get the attributes of the icon HTML tag.
*
* @since 3.5
* @param {Object} values - The values.
* @param {Object} current_icon_num - The number of the current icon.
* @returns {string}
*/
getIconAttributes: function( values, currentIconNum ) {
var attr = {
'class': _.fusionFontAwesome( values.icon )
},
rating = this.getRating( values ),
isPerfectRoundRating,
iconIsPartiallyFilled;
if ( '0decimals' === values.rating_number_rounding && 'yes' === values.display_rating_text ) {
rating = parseInt( rating.toFixed( 0 ) );
}
isPerfectRoundRating = ( parseInt( rating ) === rating ),
iconIsPartiallyFilled = ( ( parseInt( rating ) + 1 ) === currentIconNum );
if ( currentIconNum <= rating ) {
attr[ 'class' ] += ' awb-stars-rating-filled-icon';
} else if ( ! isPerfectRoundRating && iconIsPartiallyFilled ) {
attr[ 'class' ] += ' awb-stars-rating-partial-icon-wrapper';
} else {
attr[ 'class' ] += ' awb-stars-rating-empty-icon';
}
return attr;
},
/**
* Get the attributes of the partial filled icon HTML tag.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getPartialIconAttributes: function( values ) {
var attr = {
'class': _.fusionFontAwesome( values.icon ) + ' awb-stars-rating-partial-icon'
},
rating = this.getRating( values ),
decimals = rating - parseInt( rating ),
widthPercent = parseInt( decimals * 100 ) + '%';
attr.style = 'width:' + widthPercent + ';';
return attr;
},
/**
* Create the style HTML element.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getStyleTag: function( values, extras ) {
var style,
baseSelector = '.' + this.getBaseClassName(),
baseClassSelector = [ baseSelector + '.awb-stars-rating' ],
allRelativeIconsSelector = [
baseSelector + ' .awb-stars-rating-filled-icon',
baseSelector + ' .awb-stars-rating-empty-icon',
baseSelector + ' .awb-stars-rating-partial-icon-wrapper'
],
allIconsThatHaveActiveColor = [
baseSelector + ' .awb-stars-rating-filled-icon',
baseSelector + ' .awb-stars-rating-partial-icon'
],
iconsWrapperSelector = [ baseSelector + ' .awb-stars-rating-icons-wrapper' ],
rtlIconsWrapperSelector = [ '.rtl ' + baseSelector + ' .awb-stars-rating-icons-wrapper' ],
textWrapperSelector = [ baseSelector + ' .awb-stars-rating-text' ];
this.dynamic_css = {};
this.values = values;
if ( ! this.isDefault( 'icons_distance' ) && ! _.isEmpty( values.icons_distance ) ) {
this.addCssProperty( allRelativeIconsSelector, 'margin-right', values.icons_distance );
}
if ( ! this.isDefault( 'active_color' ) && ! _.isEmpty( values.active_color ) ) {
this.addCssProperty( allIconsThatHaveActiveColor, 'color', values.active_color );
}
if ( ! this.isDefault( 'inactive_color' ) && ! _.isEmpty( values.inactive_color ) ) {
this.addCssProperty( iconsWrapperSelector, 'color', values.inactive_color );
}
if ( ! this.isDefault( 'icon_font_size' ) && ! _.isEmpty( values.icon_font_size ) ) {
this.addCssProperty( iconsWrapperSelector, 'font-size', values.icon_font_size );
}
if ( 'yes' === values.display_rating_text ) {
if ( ! this.isDefault( 'text_font_size' ) && ! _.isEmpty( values.text_font_size ) ) {
this.addCssProperty( textWrapperSelector, 'font-size', values.text_font_size );
}
if ( ! this.isDefault( 'text_font_color' ) && ! _.isEmpty( values.text_font_color ) ) {
this.addCssProperty( textWrapperSelector, 'color', values.text_font_color );
}
if ( ! this.isDefault( 'icons_text_distance' ) && ! _.isEmpty( values.icons_text_distance ) ) {
if ( ! extras.is_rtl ) {
this.addCssProperty( iconsWrapperSelector, 'margin-right', values.icons_text_distance );
} else {
this.addCssProperty( rtlIconsWrapperSelector, 'margin-left', values.icons_text_distance );
}
}
}
if ( ! this.isDefault( 'alignment' ) && ! _.isEmpty( values.alignment ) ) {
this.addCssProperty( baseClassSelector, 'justify-content', values.alignment );
}
if ( ! this.isDefault( 'margin_top' ) && ! _.isEmpty( values.margin_top ) ) {
this.addCssProperty( baseClassSelector, 'margin-top', values.margin_top );
}
if ( ! this.isDefault( 'margin_right' ) && ! _.isEmpty( values.margin_right ) ) {
this.addCssProperty( baseClassSelector, 'margin-right', values.margin_right );
}
if ( ! this.isDefault( 'margin_bottom' ) && ! _.isEmpty( values.margin_bottom ) ) {
this.addCssProperty( baseClassSelector, 'margin-bottom', values.margin_bottom );
}
if ( ! this.isDefault( 'margin_left' ) && ! _.isEmpty( values.margin_left ) ) {
this.addCssProperty( baseClassSelector, 'margin-left', values.margin_left );
}
style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
},
/**
* Get the rating number.
*
* @since 3.5
* @returns {Number}
*/
getRating: function( values ) {
var avg = values.rating;
// Let the users use ',' as decimal separator.
if ( _.isString( avg ) ) {
avg = avg.replace( ',', '.' );
}
if ( ! isNaN( avg ) ) {
avg = Number( avg );
} else {
avg = 0;
}
avg = Number( avg );
return avg;
},
/**
* Get the class name with an unique id among elements.
*
* @since 3.5
* @returns {string}
*/
getBaseClassName: function() {
return 'awb-stars-rating-' + this.model.get( 'cid' );
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Modal Text Link View.
FusionPageBuilder.fusion_modal_text_link = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.modalTextShortcode = this.buildShortcodeAttr( atts.values );
// Any extras that need passed on.
attributes.output = atts.values.element_content;
attributes.name = atts.values.name;
attributes.inline = 'undefined' !== typeof atts.inlineElement;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
attributes.cid = this.model.get( 'cid' );
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildShortcodeAttr: function( values ) {
var modalTextShortcode = {
class: 'fusion-modal-text-link'
};
if ( '' !== values.name ) {
modalTextShortcode[ 'data-toggle' ] = 'modal';
modalTextShortcode[ 'data-target' ] = '.fusion-modal.' + values.name;
}
if ( 'undefined' !== typeof values[ 'class' ] && '' !== values[ 'class' ] ) {
modalTextShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'undefined' !== typeof values.id && '' !== values.id ) {
modalTextShortcode.id = values.id;
}
modalTextShortcode.href = '#';
// Additional attributes for editable.
modalTextShortcode = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
'disable-return': true,
'disable-extra-spaces': true,
toolbar: true
}, modalTextShortcode );
return modalTextShortcode;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.fusion_news_ticker = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.5
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.animationDuration = this.$el.find( '.awb-news-ticker-item-list' ).css( 'animation-duration' );
this.values = atts.values;
attributes.tickerTitle = atts.values.ticker_title;
attributes.tickerSpeed = atts.values.ticker_speed;
attributes.tickerAttr = this.buildTickerAttr( atts.values );
attributes.titleAttr = this.buildTickerTitleAttr( atts.values );
attributes.barAttr = this.buildTickerBarAttr( atts.values );
attributes.itemsListAttr = this.buildTickerItemsListAttr( atts.values );
attributes.titleShape = atts.values.title_shape;
attributes.styleTag = this.getStyleTag( atts.values, atts.extras );
attributes.tickerItems = atts.query_data;
attributes.carouselButtons = this.getCarouselButtonsIfNecessary( atts.values );
return attributes;
},
/**
* Build the ticker element attributes.
*
* @since 3.5
* @param {Object} values
* @return {Object}
*/
buildTickerAttr: function( values ) {
var attr = {
'class': 'awb-news-ticker awb-news-ticker-' + this.model.get( 'cid' ),
'role': 'marquee'
};
if ( 'marquee' === values.ticker_type ) {
attr[ 'class' ] += ' awb-news-ticker-marquee';
} else if ( 'carousel' === values.ticker_type ) {
attr[ 'class' ] += ' awb-news-ticker-carousel';
}
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
if ( values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Build the ticker title attributes.
*
* @since 3.5
* @param {Object} values
* @return {Object}
*/
buildTickerTitleAttr: function( values ) {
var attr = {
'class': 'awb-news-ticker-title'
};
if ( 'rounded' === values.title_shape ) {
attr[ 'class' ] += ' awb-news-ticker-title-rounded';
}
return attr;
},
/**
* Build the ticker bar attributes.
*
* @since 3.5
* @param {Object} values
* @return {Object}
*/
buildTickerBarAttr: function( values ) {
var attr = {
'class': 'awb-news-ticker-bar'
};
if ( 'marquee' === values.ticker_type ) {
attr[ 'class' ] += ' awb-news-ticker-bar-marquee';
} else if ( 'carousel' === values.ticker_type ) {
attr[ 'class' ] += ' awb-news-ticker-bar-carousel';
}
return attr;
},
/**
* Build the items list wrapper attributes.
*
* @since 3.5
* @param {object} values
* @return {object}
*/
buildTickerItemsListAttr: function( values ) {
var attr = {
'class': 'awb-news-ticker-item-list'
},
marginLeftClass;
if ( 'marquee' === values.ticker_type ) {
attr[ 'class' ] += ' awb-news-ticker-item-list-run';
attr[ 'data-awb-ticker-speed' ] = values.ticker_speed;
} else if ( 'carousel' === values.ticker_type ) {
attr[ 'class' ] += ' awb-news-ticker-item-list-carousel';
marginLeftClass = ' awb-news-ticker-item-list-margin-small';
if ( 'triangle' === values.title_shape ) {
marginLeftClass = ' awb-news-ticker-item-list-margin-medium';
}
attr[ 'class' ] += marginLeftClass;
attr[ 'data-awb-news-ticker-display-time' ] = values.carousel_display_time;
}
return attr;
},
/**
* Get style element.
*
* @since 3.5
* @param {object} values
* @param {object} extras
* @return string
*/
getStyleTag: function( values, extras ) {
var style,
uniqueClassSelector = '.awb-news-ticker-' + this.model.get( 'cid' ),
baseSelector = uniqueClassSelector + '.awb-news-ticker',
baseHoverSelector = uniqueClassSelector + '.awb-news-ticker:hover',
baseHoverCarouselBtns = uniqueClassSelector + ':hover .awb-news-ticker-items-buttons',
titleSelector = uniqueClassSelector + ' .awb-news-ticker-title',
itemSeparatorSelector = uniqueClassSelector + ' .awb-news-ticker-item-separator',
linkSelector = uniqueClassSelector + ' .awb-news-ticker-link',
linkHoverSelector = uniqueClassSelector + ' .awb-news-ticker-link:hover, ' + uniqueClassSelector + ' .awb-news-ticker-link:focus',
triangleDecoratorSelector = uniqueClassSelector + ' .awb-news-ticker-title-decorator-triangle',
carouselListSelector = uniqueClassSelector + ' .awb-news-ticker-item-list-carousel',
carouselBtnWrapSelector = uniqueClassSelector + ' .awb-news-ticker-items-buttons',
carouselBtnsSelector = uniqueClassSelector + ' .awb-news-ticker-prev-btn, ' + uniqueClassSelector + ' .awb-news-ticker-next-btn',
carouselBtnsHoverSelector = uniqueClassSelector + ' .awb-news-ticker-prev-btn:hover, ' + uniqueClassSelector + ' .awb-news-ticker-next-btn:hover',
carouselBtnsFocusSelector = uniqueClassSelector + ' .awb-news-ticker-prev-btn:focus, ' + uniqueClassSelector + ' .awb-news-ticker-next-btn:focus',
carouselIndicatorSelector = uniqueClassSelector + ' .awb-news-ticker-carousel-indicator',
sidePadding;
this.dynamic_css = {};
this.values = values;
if ( values.posts_distance && 'marquee' === values.ticker_type ) {
sidePadding = ( values.posts_distance / 2 ).toFixed( 1 ) + 'px';
this.addCssProperty( itemSeparatorSelector, 'padding', '0 ' + sidePadding );
}
if ( values.font_size ) {
this.addCssProperty( baseSelector, '--awb-news-ticker-font-size', values.font_size );
}
if ( values.line_height && ! this.isDefault( 'line_height' ) ) {
this.addCssProperty( baseSelector, '--awb-news-ticker-line-height', values.line_height );
}
if ( values.title_font_color ) {
this.addCssProperty( titleSelector, 'color', values.title_font_color );
}
if ( values.title_background_color ) {
this.addCssProperty( titleSelector, 'background-color', values.title_background_color );
if ( 'triangle' === values.title_shape ) {
this.addCssProperty( triangleDecoratorSelector, 'color', values.title_background_color );
}
}
if ( values.ticker_font_color ) {
this.addCssProperty( itemSeparatorSelector, 'color', values.ticker_font_color );
this.addCssProperty( linkSelector, 'color', values.ticker_font_color );
}
if ( values.ticker_hover_font_color ) {
this.addCssProperty( linkHoverSelector, 'color', values.ticker_hover_font_color );
}
if ( values.ticker_background_color ) {
this.addCssProperty( baseSelector, 'background-color', values.ticker_background_color );
this.addCssProperty( carouselBtnWrapSelector, 'background-color', values.ticker_background_color );
}
if ( values.ticker_background_hover_color ) {
this.addCssProperty( baseHoverSelector, 'background-color', values.ticker_background_hover_color );
this.addCssProperty( baseHoverCarouselBtns, 'background-color', values.ticker_background_hover_color );
}
if ( values.ticker_indicators_color ) {
this.addCssProperty( carouselBtnsSelector, 'color', values.ticker_indicators_color );
this.addCssProperty( carouselIndicatorSelector, 'background-color', values.ticker_indicators_color );
}
if ( values.ticker_indicators_hover_color ) {
this.addCssProperty( carouselBtnsHoverSelector, 'color', values.ticker_indicators_hover_color );
this.addCssProperty( carouselBtnsFocusSelector, 'color', values.ticker_indicators_hover_color );
}
if ( values.carousel_bar_height && ! this.isDefault( 'carousel_bar_height' ) ) {
this.addCssProperty( carouselIndicatorSelector, 'height', values.carousel_bar_height + 'px' );
}
if ( values.carousel_btn_border_radius && 'border' === values.carousel_arrows_style ) {
this.addCssProperty( carouselBtnsSelector, 'border-radius', values.carousel_btn_border_radius );
}
if ( values.title_padding_right ) {
this.addCssProperty( titleSelector, 'padding-right', values.title_padding_right );
}
if ( values.title_padding_left ) {
this.addCssProperty( titleSelector, 'padding-left', values.title_padding_left );
}
if ( values.ticker_padding_right ) {
if ( ! extras.is_rtl ) {
this.addCssProperty( carouselBtnWrapSelector, 'padding-right', values.ticker_padding_right );
} else {
this.addCssProperty( carouselListSelector, 'padding-right', values.ticker_padding_right );
}
}
if ( values.ticker_padding_left ) {
if ( ! extras.is_rtl ) {
this.addCssProperty( carouselListSelector, 'padding-left', values.ticker_padding_left );
} else {
this.addCssProperty( carouselBtnWrapSelector, 'padding-left', values.ticker_padding_left );
}
}
if ( values.margin_top ) {
this.addCssProperty( baseSelector, 'margin-top', values.margin_top );
}
if ( values.margin_right ) {
this.addCssProperty( baseSelector, 'margin-right', values.margin_right );
}
if ( values.margin_bottom ) {
this.addCssProperty( baseSelector, 'margin-bottom', values.margin_bottom );
}
if ( values.margin_left ) {
this.addCssProperty( baseSelector, 'margin-left', values.margin_left );
}
if ( values.border_radius_top_left ) {
this.addCssProperty( baseSelector, 'border-top-left-radius', values.border_radius_top_left );
}
if ( values.border_radius_top_right ) {
this.addCssProperty( baseSelector, 'border-top-right-radius', values.border_radius_top_right );
}
if ( values.border_radius_bottom_right ) {
this.addCssProperty( baseSelector, 'border-bottom-right-radius', values.border_radius_bottom_right );
}
if ( values.border_radius_bottom_left ) {
this.addCssProperty( baseSelector, 'border-bottom-left-radius', values.border_radius_bottom_left );
}
if ( values.carousel_display_time ) {
this.addCssProperty( carouselIndicatorSelector, 'animation-duration', values.carousel_display_time + 's' );
}
if ( 'yes' === values.box_shadow ) {
this.addCssProperty( baseSelector, 'box-shadow', _.fusionGetBoxShadowStyle( values ).replace( ';', '' ) );
}
style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
},
/**
* Get the carousel buttons HTML if necessary.
*
* @since 3.5
* @param {object} values
* @return string
*/
getCarouselButtonsIfNecessary: function( values ) {
var html = '',
additionalBtnClasses;
if ( 'carousel' === values.ticker_type ) {
additionalBtnClasses = '';
if ( 'border' === values.carousel_arrows_style ) {
additionalBtnClasses = ' awb-news-ticker-btn-border';
}
html += '<div class="awb-news-ticker-items-buttons">';
html += '<div class="awb-news-ticker-btn-wrapper"><button class="awb-news-ticker-prev-btn' + additionalBtnClasses + '"></button></div>';
html += '<div class="awb-news-ticker-btn-wrapper"><button class="awb-news-ticker-next-btn' + additionalBtnClasses + '"></button></div>';
html += '</div>';
html += '<div class="awb-news-ticker-carousel-indicator"></div>';
}
return html;
},
/**
* Init.
*
* @since 3.5
* @return {void}
*/
onInit: function() {
// Also refresh on init, since the onPageLoad event don't trigger sometimes.
var previewBody = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
previewBody.trigger( 'fusion-element-render-fusion_news_ticker', this.model.attributes.cid );
},
/**
* Runs after view DOM is patched.
*
* @since 3.5
* @return {void}
*/
afterPatch: function() {
var previewBody = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
previewBody.trigger( 'fusion-element-render-fusion_news_ticker', this.model.attributes.cid );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Tooltip View
FusionPageBuilder.fusion_popover = FusionPageBuilder.ElementView.extend( {
/**
* Runs before view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var $popover = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '[data-toggle~="popover"]' ) );
$popover.removeData();
$popover.remove();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.attr = this.computeAttr( atts.values );
attributes.styles = this.computeStyles( atts.values );
attributes.cid = this.model.get( 'cid' );
attributes.parent = this.model.get( 'parent' );
attributes.inline = 'undefined' !== typeof atts.inlineElement;
attributes.content = atts.values.element_content;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
attributes.popover = atts.values.popover;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
computeAttr: function( values ) {
var cid = this.model.get( 'cid' ),
atts = {
class: 'fusion-popover popover-' + cid
},
popoverContent = values.content;
if ( 'default' === values.placement ) {
values.placement = fusionAllElements.fusion_popover.defaults.placement;
}
if ( '' !== values[ 'class' ] ) {
atts[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
atts.id = values.id;
}
try {
if ( popoverContent && '' !== popoverContent && FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( popoverContent ) ) === popoverContent ) {
popoverContent = FusionPageBuilderApp.base64Decode( popoverContent );
}
} catch ( error ) {
console.log( error ); // jshint ignore:line
}
atts[ 'data-animation' ] = values.animation;
atts[ 'data-class' ] = 'fusion-popover-' + cid;
atts[ 'data-delay' ] = values.delay;
atts[ 'data-placement' ] = values.placement.toLowerCase();
atts[ 'data-title' ] = values.title;
atts[ 'data-toggle' ] = 'popover';
atts[ 'data-trigger' ] = values.trigger;
values.popover = popoverContent;
return atts;
},
/**
* Builds the styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
computeStyles: function( values ) {
var cid = this.model.get( 'cid' ),
styles,
arrowColor;
if ( 'default' === values.placement ) {
values.placement = fusionAllElements.fusion_popover.defaults.placement;
}
arrowColor = values.content_bg_color;
if ( 'bottom' === values.placement ) {
arrowColor = values.title_bg_color;
}
styles = '<style type="text/css">';
if ( '' !== values.bordercolor ) {
styles += '.popover.fusion-popover-' + cid + '.' + values.placement + ' .arrow{border-' + values.placement + '-color:' + values.bordercolor + ';}';
styles += '.popover.fusion-popover-' + cid + '{border-color:' + values.bordercolor + ';}';
}
styles += '.popover.fusion-popover-' + cid + ' .popover-title{';
if ( '' !== values.title_bg_color ) {
styles += 'background-color:' + values.title_bg_color + ';';
}
if ( '' !== values.textcolor ) {
styles += 'color:' + values.textcolor + ';';
}
if ( '' !== values.bordercolor ) {
styles += 'border-color:' + values.bordercolor + ';';
}
styles += '}';
styles += '.popover.fusion-popover-' + cid + ' .popover-content{';
if ( '' !== values.content_bg_color ) {
styles += 'background-color:' + values.content_bg_color + ';';
}
if ( '' !== values.textcolor ) {
styles += 'color:' + values.textcolor + ';';
}
styles += '}';
if ( '' !== arrowColor ) {
styles += '.popover.fusion-popover-' + cid + '.' + values.placement + ' .arrow:after{border-' + values.placement + '-color:' + arrowColor + ';}';
}
styles += '</style>';
return styles;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Events Element View.
FusionPageBuilder.fusion_events = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.attrEventsColumn = this.buildattrEventsColumn( atts.values );
attributes.eventsList = {};
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.posts ) {
attributes.eventsList = this.buildEventsList( atts );
}
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.max_num_pages && 'undefined' !== typeof atts.query_data.paged ) {
attributes.paginationCode = this.buildPagination( atts );
}
// Any extras that need passed on.
attributes.query_data = atts.query_data;
attributes.load_more_text = atts.extras.load_more_text;
attributes.load_more = atts.values.load_more && -1 != atts.values.posts_per_page;
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) { // eslint-disable-line no-unused-vars
values = _.fusionGetPadding( values ); // eslint-disable-line no-unused-vars
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-events-shortcode',
style: ''
} );
if ( 'no' !== values.pagination ) {
attr[ 'class' ] += ' fusion-events-pagination-' + values.pagination.replace( '_', '-' );
}
if ( '-1' !== values.column_spacing ) {
attr.style += 'margin-left: -' + ( values.column_spacing / 2 ) + 'px;';
attr.style += 'margin-right: -' + ( values.column_spacing / 2 ) + 'px;';
}
if ( values.content_alignment ) {
attr[ 'class' ] += ' fusion-events-layout-' + values.content_alignment;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds the pagination.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {string}
*/
buildPagination: function( atts ) {
var globalPagination = atts.extras.pagination_global,
globalStartEndRange = atts.extras.pagination_start_end_range_global,
range = atts.extras.pagination_range_global,
paged = '',
pages = '',
paginationCode = '',
queryData = atts.query_data,
values = atts.values;
if ( -1 == values.number_posts ) {
values.pagination = 'no';
}
values.load_more = false;
if ( 'no' !== values.pagination ) {
if ( 'load_more_button' === values.pagination ) {
values.load_more = true;
values.pagination = 'infinite';
}
}
if ( 'no' !== values.pagination ) {
paged = queryData.paged;
pages = queryData.max_num_pages;
paginationCode = _.fusionPagination( pages, paged, range, values.pagination, globalPagination, globalStartEndRange );
}
return paginationCode;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildattrEventsColumn: function( values ) {
var columnClass = '',
attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-layout-column',
style: ''
} );
switch ( values.columns ) {
case '1':
columnClass = 'full-one';
break;
case '2':
columnClass = 'one-half';
break;
case '3':
columnClass = 'one-third';
break;
case '4':
columnClass = 'one-fourth';
break;
case '5':
columnClass = 'one-fifth';
break;
case '6':
columnClass = 'one-sixth';
break;
}
columnClass += ( '-1' !== values.column_spacing ) ? ' fusion-spacing-no' : ' fusion-spacing-yes';
if ( '-1' !== values.column_spacing || -1 !== values.column_spacing ) {
attr.style += 'padding: ' + ( values.column_spacing / 2 ) + 'px;';
}
attr[ 'class' ] += ' fusion-' + columnClass;
return attr;
},
/**
* Builds the events list HTML.
*
* @since 2.0
* @param {Object} atts - The values.
* @return {string}
*/
buildEventsList: function( atts ) {
var html = '',
queryData = atts.query_data,
values = atts.values,
last = false,
lastClass = '',
stripHTML = ( 'yes' === values.strip_html ),
columns = parseInt( values.columns, 10 ),
i = 1,
attrEventsColumn = {},
$this = this;
_.each( queryData.posts, function( post ) {
attrEventsColumn = $this.buildattrEventsColumn( atts.values );
if ( i === columns ) {
last = true;
}
if ( i > columns ) {
i = 1;
last = false;
}
if ( 1 === columns ) {
last = true;
}
lastClass = last ? ' fusion-column-last' : '';
if ( '' !== lastClass ) {
attrEventsColumn[ 'class' ] += lastClass;
}
html += '<div ' + _.fusionGetAttributes( attrEventsColumn ) + '>';
html += '<div class="fusion-column-wrapper">';
html += '<div class="fusion-events-thumbnail hover-type-' + queryData.ec_hover_type + '">';
html += '<a href="' + post.permalink + '" class="url" rel="bookmark" aria-label="' + post.title + '">';
html += post.thumbnail;
html += '</a>';
html += '</div>';
html += '<div class="fusion-events-content-wrapper" style="padding:' + values.padding + ';">';
html += '<div class="fusion-events-meta">';
html += '<h2><a href="' + post.permalink + '" class="url" rel="bookmark">' + post.title + '</a></h2>';
html += '<h4>' + post.tribe_events_event_schedule_details + '</h4>';
html += '</div>';
if ( 'no_text' !== values.content_length ) {
html += '<div class="fusion-events-content">';
if ( 'excerpt' === values.content_length ) {
html += _.fusionGetFixedContent( post.content, 'yes', values.excerpt_length, stripHTML );
} else {
html += _.fusionGetFixedContent( post.content, 'no' );
}
html += '</div>';
}
html += '</div>';
html += '</div>';
html += '</div>';
if ( last ) {
html += '<div class="fusion-clearfix"></div>';
last = false;
}
i++;
} );
return html;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Countdown view
FusionPageBuilder.fusion_countdown = FusionPageBuilder.ElementView.extend( {
/**
* Init.
*
* @since 2.2
* @return {void}
*/
onInit: function() {
this.deprecatedParams();
},
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var that = this;
jQuery( window ).on( 'load', function() {
that.afterPatch();
} );
},
/**
* Runs before element is removed.
*
* @since 2.0
* @return {void}
*/
beforeRemove: function() {
this.beforePatch();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
beforePatch: function() {
var countdown = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-countdown-counter-wrapper' ) );
countdown.stopCountDown();
countdown.removeData();
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var countdown = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-countdown-counter-wrapper' ) );
setTimeout( function() {
countdown.stopCountDown();
countdown.fusion_countdown();
}, 300 );
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var wrapperAttributes = {},
counterAttributes = {},
countdownShortcodeLink = {},
headingAttr = {},
subHeadingAttr = {},
dashhtml = '',
styles = '',
headingText = '',
subheadingText = '',
linkUrl = '',
linkText = '',
elementContent = '';
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
wrapperAttributes = this.buildWrapperAtts( atts.values );
counterAttributes = this.buildCounterAtts( atts.values, atts.extras );
countdownShortcodeLink = this.buildLinkAtts( atts.values, atts.extras );
dashhtml = this.buildDashHtml( atts.values, atts.extras );
styles = this.buildStyles( atts.values );
headingAttr = this.buildHeadingAttr( atts.values );
subHeadingAttr = this.buildSubHeadingAttr( atts.values );
headingText = atts.values.heading_text;
subheadingText = atts.values.subheading_text;
linkUrl = atts.values.link_url;
linkText = atts.values.link_text;
elementContent = atts.values.element_content;
// Reset atts.
atts = {};
// Build attributes.
atts.wrapperAttributes = wrapperAttributes;
atts.counterAttributes = counterAttributes;
atts.countdownShortcodeLink = countdownShortcodeLink;
atts.dashhtml = dashhtml;
atts.styles = styles;
atts.headingAttr = headingAttr;
atts.subHeadingAttr = subHeadingAttr;
atts.heading_text = headingText;
atts.subheading_text = subheadingText;
atts.link_url = linkUrl;
atts.link_text = linkText;
atts.element_content = elementContent;
// Any extras that need passed on.
atts.cid = this.model.get( 'cid' );
return atts;
},
/**
* Modify the values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
values.border_radius = _.fusionValidateAttrValue( values.border_radius, 'px' );
values.counter_border_size = _.fusionValidateAttrValue( values.counter_border_size, 'px' );
values.counter_border_radius = _.fusionValidateAttrValue( values.counter_border_radius, 'px' );
if ( 'default' === values.link_target ) {
values.link_target = fusionAllElements.fusion_countdown.link_target;
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildWrapperAtts: function( values ) {
var wrapperAttributes = {
class: 'countdown-shortcode fusion-countdown fusion-countdown-cid' + this.model.get( 'cid' ) + ' fusion-countdown-' + values.layout + ' fusion-countdown-label-' + values.label_position
},
bgColor;
if ( values.heading_text || values.subheading_text ) {
wrapperAttributes[ 'class' ] += ' fusion-countdown-has-heading';
}
if ( values.link_text ) {
wrapperAttributes[ 'class' ] += ' fusion-countdown-has-link';
}
wrapperAttributes = _.fusionVisibilityAtts( values.hide_on_mobile, wrapperAttributes );
bgColor = jQuery.AWB_Color( values.background_color );
if ( ! values.background_image && ( ! values.background_color || 0 === bgColor.alpha() || 'transparent' === values.background_color ) ) {
wrapperAttributes[ 'class' ] += ' fusion-no-bg';
}
if ( values[ 'class' ] ) {
wrapperAttributes[ 'class' ] += ' ' + values[ 'class' ];
}
if ( values.id ) {
wrapperAttributes.id = values.id;
}
return wrapperAttributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra params.
* @return {Object}
*/
buildCounterAtts: function( values, extras ) {
var counterAttributes = {
class: 'fusion-countdown-counter-wrapper countdown-shortcode-counter-wrapper',
id: 'fusion-countdown-cid' + this.model.get( 'cid' )
},
s,
date,
month;
if ( ! values.subheading_text && ! values.heading_text && ! values.link_url ) {
counterAttributes.style = 'flex-grow: 1;';
}
if ( 'site_time' === values.timezone ) {
counterAttributes[ 'data-gmt-offset' ] = extras.gmt_offset;
}
function pad( num, size ) {
s = '000000000' + num;
return s.substr( s.length - size );
}
if ( 'object' === typeof values.countdown_end && 'string' === typeof values.countdown_end.date ) {
values.countdown_end = values.countdown_end.date;
}
if ( values.countdown_end ) {
date = new Date( values.countdown_end );
month = pad( date.getMonth() + 1, 2 );
counterAttributes[ 'data-timer' ] = date.getFullYear() + '-' + month + '-' + date.getDate() + '-' + date.getHours() + '-' + date.getMinutes() + '-' + date.getSeconds();
}
counterAttributes[ 'data-omit-weeks' ] = ( 'yes' === values.show_weeks ) ? '0' : '1';
return counterAttributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildLinkAtts: function( values ) {
var countdownShortcodeLink = {
class: 'fusion-countdown-link',
target: values.link_target,
href: values.link_url
};
if ( '_blank' === values.link_target ) {
countdownShortcodeLink.rel = 'noopener noreferrer';
}
return countdownShortcodeLink;
},
/**
* Builds the HTML.
*
* @since 2.0
* @param {Object} values - The values.
* @param {Object} extras - Extra args.
* @return {string}
*/
buildDashHtml: function( values, extras ) {
var dashClass = '',
dashhtml = '',
counterBoxColor,
dashes = [
{
show: values.show_weeks,
class: 'weeks',
shortname: extras.weeks_text,
longname: extras.weeks_text
},
{
show: 'yes',
class: 'days',
shortname: extras.days_text,
longname: extras.days_text
},
{
show: 'yes',
class: 'hours',
shortname: extras.hrs_text,
longname: extras.hours_text
},
{
show: 'yes',
class: 'minutes',
shortname: extras.min_text,
longname: extras.minutes_text
},
{
show: 'yes',
class: 'seconds',
shortname: extras.sec_text,
longname: extras.seconds_text
}
];
if ( 'text_flow' !== values.label_position ) {
values.dash_titles = 'long';
}
counterBoxColor = jQuery.AWB_Color( values.counter_box_color );
if ( ! values.counter_box_color || 0 === counterBoxColor.alpha() || 'transparent' === values.counter_box_color ) {
dashClass = ' fusion-no-bg';
}
jQuery.each( dashes, function( index, dash ) {
if ( 'yes' === dash.show ) {
dashhtml += '<div class="fusion-dash-wrapper ' + dashClass + '">';
dashhtml += '<div class="fusion-dash fusion-dash-' + dash[ 'class' ] + '">';
dashhtml += '<div class="fusion-digit-wrapper">';
if ( 'days' === dash[ 'class' ] ) {
dashhtml += '<div class="fusion-thousand-digit fusion-digit">0</div>';
}
if ( 'weeks' === dash[ 'class' ] || 'days' === dash[ 'class' ] ) {
dashhtml += '<div class="fusion-hundred-digit fusion-digit">0</div>';
}
dashhtml += '<div class="fusion-digit">0</div><div class="fusion-digit">0</div>';
dashhtml += '</div>';
dashhtml += '<div class="fusion-dash-title">' + dash[ values.dash_titles + 'name' ] + '</div>';
dashhtml += '</div></div>';
}
} );
return dashhtml;
},
/**
* Builds styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '',
cid = this.model.get( 'cid' ),
counterBoxSpacing;
if ( values.background_image ) {
styles += '.fusion-countdown-cid' + cid + ' {';
styles += 'background:url(' + values.background_image + ') ' + values.background_position + ' ' + values.background_repeat + ' ' + values.background_color + ';';
if ( 'no-repeat' === values.background_repeat ) {
styles += '-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;';
}
styles += '}';
} else if ( values.background_color ) {
styles += '.fusion-countdown-cid' + cid + ' {background-color:' + values.background_color + ';}';
}
if ( values.border_radius ) {
styles += '.fusion-countdown-cid' + cid + ', .fusion-countdown-cid' + cid + ' .fusion-dash {border-radius:' + values.border_radius + ';}';
}
if ( values.counter_box_spacing ) {
counterBoxSpacing = parseFloat( values.counter_box_spacing );
styles += '.fusion-countdown-cid' + cid + ' .fusion-dash-wrapper {padding:' + ( counterBoxSpacing / 2 ) + values.counter_box_spacing.replace( counterBoxSpacing, '' ) + ';}';
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-counter-wrapper {margin: 0 calc(7.5px - ' + ( counterBoxSpacing / 2 ) + values.counter_box_spacing.replace( counterBoxSpacing, '' ) + ');}';
}
if ( values.counter_box_color ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {background-color:' + values.counter_box_color + ';}';
}
styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {padding:' + values.counter_padding_top + ' ' + values.counter_padding_right + ' ' + values.counter_padding_bottom + ' ' + values.counter_padding_left + ';}';
if ( 0 !== parseInt( values.counter_border_size ) ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {border:' + values.counter_border_size + ' solid ' + values.counter_border_color + ';}';
}
if ( values.counter_border_radius ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-dash {border-radius:' + values.counter_border_radius + ';}';
}
if ( values.counter_font_size ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-counter-wrapper {font-size:' + values.counter_font_size + ';}';
}
if ( values.counter_text_color ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-counter-wrapper {color:' + values.counter_text_color + ';}';
}
if ( values.label_font_size ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-dash-title {font-size:' + values.label_font_size + ';}';
}
if ( values.label_color ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-dash-title {color:' + values.label_color + ';}';
}
if ( values.heading_font_size ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-heading {font-size:' + values.heading_font_size + ';}';
}
if ( values.heading_text_color ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-heading {color:' + values.heading_text_color + ';}';
}
if ( values.subheading_font_size ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-subheading {font-size:' + values.subheading_font_size + ';}';
}
if ( values.subheading_text_color ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-subheading {color:' + values.subheading_text_color + ';}';
}
if ( values.link_text_color ) {
styles += '.fusion-countdown-cid' + cid + ' .fusion-countdown-link {color:' + values.link_text_color + ';}';
}
if ( values.element_margin_top ) {
styles += '.fusion-countdown-cid' + cid + ' {margin-top:' + values.element_margin_top + ';}';
}
if ( values.element_margin_bottom ) {
styles += '.fusion-countdown-cid' + cid + ' {margin-bottom:' + values.element_margin_bottom + ';}';
}
if ( values.element_margin_left ) {
styles += '.fusion-countdown-cid' + cid + ' {margin-left:' + values.element_margin_left + ';}';
}
if ( values.element_margin_right ) {
styles += '.fusion-countdown-cid' + cid + ' {margin-right:' + values.element_margin_right + ';}';
}
return styles;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildHeadingAttr: function() {
var self = this;
return _.fusionInlineEditor( {
cid: self.model.get( 'cid' ),
param: 'heading_text',
'disable-return': true,
'disable-extra-spaces': true,
toolbar: false
}, { class: 'fusion-countdown-heading' } );
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildSubHeadingAttr: function() {
var self = this;
return _.fusionInlineEditor( {
cid: self.model.get( 'cid' ),
param: 'subheading_text',
'disable-return': true,
'disable-extra-spaces': true,
toolbar: false
}, { class: 'fusion-countdown-subheading' } );
},
/**
* Updates now deprecated params and adds BC checks.
*
* @since 2.2
* @return {void}
*/
deprecatedParams: function() {
var params = this.model.get( 'params' );
// Correct old combined border radius setting.
if ( 'undefined' === typeof params.counter_border_radius && 'string' === typeof params.border_radius ) {
params.counter_border_radius = params.border_radius;
}
// Correct the label text color.
if ( 'undefined' === typeof params.label_color && 'string' === typeof params.counter_text_color ) {
params.label_color = params.counter_text_color;
}
this.model.set( 'params', params );
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Menu Anchor Element View.
FusionPageBuilder.fusion_menu_anchor = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.name = atts.values.name;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = {
class: 'fusion-menu-anchor',
id: values.name
};
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
return attr;
}
} );
} );
}( jQuery ) );
;/* global fusionSanitize */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Accordion View.
FusionPageBuilder.fusion_checklist = FusionPageBuilder.ParentElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.validateValues( atts.values, atts.extras );
this.values = atts.values;
// Create attribute objects.
attributes.checklistShortcode = this.buildChecklistAttr( atts.values );
// Add computed values that child uses.
this.buildExtraVars( atts.values );
// Any extras that need passed on.
attributes.values = atts.values;
attributes.cid = this.model.get( 'cid' );
attributes.styles = this.buildStyleBlock( atts.values );
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values object.
* @param {Object} extras - The extras object.
* @return {void}
*/
validateValues: function( values, extras ) {
values.size = _.fusionValidateAttrValue( values.size, 'px' );
// Fallbacks for old size parameter and 'px' check+
if ( 'small' === values.size ) {
values.size = '13px';
} else if ( 'medium' === values.size ) {
values.size = '18px';
} else if ( 'large' === values.size ) {
values.size = '40px';
} else if ( -1 === values.size.indexOf( 'px' ) ) {
values.size = fusionSanitize.convert_font_size_to_px( values.size, extras.body_font_size );
}
values.circle = ( 1 == values.circle ) ? 'yes' : values.circle;
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildChecklistAttr: function( values ) {
// Main Attributes
var checklistShortcode = {};
checklistShortcode[ 'class' ] = 'fusion-checklist fusion-checklist-' + this.model.get( 'cid' );
checklistShortcode = _.fusionVisibilityAtts( values.hide_on_mobile, checklistShortcode );
this.font_size = parseFloat( values.size );
this.line_height = this.font_size * 1.7;
checklistShortcode.style = 'font-size:' + this.font_size + 'px;line-height:' + this.line_height + 'px;';
if ( '' !== values.margin_top ) {
checklistShortcode.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
checklistShortcode.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
checklistShortcode.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
checklistShortcode.style += 'margin-left:' + values.margin_left + ';';
}
if ( 'yes' === values.divider ) {
checklistShortcode[ 'class' ] += ' fusion-checklist-divider';
}
if ( '' !== values[ 'class' ] ) {
checklistShortcode[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
checklistShortcode.id = values.id;
}
checklistShortcode[ 'class' ] += ' fusion-child-element';
checklistShortcode[ 'data-empty' ] = this.emptyPlaceholderText;
return checklistShortcode;
},
/**
* Sets extra args in the model.
*
* @since 2.0
* @return {void}
*/
buildExtraVars: function() {
var extras = {};
extras.font_size = this.font_size;
extras.line_height = this.line_height;
extras.circle_yes_font_size = extras.font_size * 0.88;
extras.icon_margin = extras.font_size * 0.7;
extras.icon_margin_position = ( jQuery( 'body' ).hasClass( 'rtl' ) ) ? 'left' : 'right';
extras.content_margin = extras.line_height + extras.icon_margin;
extras.content_margin_position = ( jQuery( 'body' ).hasClass( 'rtl' ) ) ? 'right' : 'left';
this.model.set( 'extras', extras );
},
/**
* Builds styles.
*
* @since 3.5
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var css, selectors;
this.baseSelector = '.fusion-checklist-' + this.model.get( 'cid' );
this.dynamic_css = {};
// Divider.
selectors = [ this.baseSelector + '.fusion-checklist-divider .fusion-li-item' ];
if ( 'yes' === values.divider ) {
this.addCssProperty( selectors, 'border-bottom-color', values.divider_color, true );
}
// Row Odd & Even BG Color.
selectors = [ this.baseSelector + ' .fusion-li-item:nth-child(odd)' ];
if ( '' !== values.odd_row_bgcolor ) {
this.addCssProperty( selectors, 'background-color', values.odd_row_bgcolor );
}
selectors = [ this.baseSelector + ' .fusion-li-item:nth-child(even)' ];
if ( '' !== values.even_row_bgcolor ) {
this.addCssProperty( selectors, 'background-color', values.even_row_bgcolor );
}
// Padding.
selectors = [
this.baseSelector + '.fusion-checklist-divider .fusion-li-item',
this.baseSelector + ' .fusion-li-item'
];
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
var key = 'item_padding_' + direction;
if ( ! this.isDefault( key ) ) {
this.addCssProperty( selectors, 'padding-' + direction, values[ key ], true );
}
}, this );
// Text color.
selectors = [ this.baseSelector + ' .fusion-li-item .fusion-li-item-content' ];
if ( '' !== values.textcolor ) {
this.addCssProperty( selectors, 'color', values.textcolor );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionPageBuilderElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Toggle child View
FusionPageBuilder.fusion_li_item = FusionPageBuilder.ChildElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
parent = this.model.get( 'parent' ),
parentModel = FusionPageBuilderElements.find( function( model ) {
return model.get( 'cid' ) == parent;
} );
this.parentValues = jQuery.extend( true, {}, fusionAllElements.fusion_checklist.defaults, _.fusionCleanParameters( parentModel.get( 'params' ) ) );
this.parentExtras = parentModel.get( 'extras' );
// Create attribute objects.
attributes.checklistShortcodeSpan = this.buildChecklistShortcodeSpanAttr( atts.values );
attributes.checklistShortcodeIcon = this.buildChecklistShortcodeIconAttr( atts.values );
attributes.checklistShortcodeItemContent = this.buildChecklistShortcodeItemContentAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.parent = parent;
attributes.output = atts.values.element_content;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildChecklistShortcodeSpanAttr: function( values ) {
var checklistShortcodeSpan = {
style: ''
},
circleClass = 'circle-no',
circlecolor;
this.parentValues.circle = ( 1 == this.parentValues.circle ) ? 'yes' : this.parentValues.circle;
if ( 'yes' === values.circle || ( 'yes' === this.parentValues.circle && 'no' !== values.circle ) ) {
circleClass = 'circle-yes';
if ( ! values.circlecolor || '' === values.circlecolor ) {
circlecolor = this.parentValues.circlecolor;
} else {
circlecolor = values.circlecolor;
}
checklistShortcodeSpan.style = 'background-color:' + circlecolor + ';';
checklistShortcodeSpan.style += 'font-size:' + this.parentExtras.circle_yes_font_size + 'px;';
}
checklistShortcodeSpan[ 'class' ] = 'icon-wrapper ' + circleClass;
checklistShortcodeSpan.style += 'height:' + this.parentExtras.line_height + 'px;';
checklistShortcodeSpan.style += 'width:' + this.parentExtras.line_height + 'px;';
checklistShortcodeSpan.style += 'margin-' + this.parentExtras.icon_margin_position + ':' + this.parentExtras.icon_margin + 'px;';
return checklistShortcodeSpan;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildChecklistShortcodeIconAttr: function( values ) {
var checklistShortcodeIcon = {},
icon,
iconcolor;
if ( ! values.icon || '' === values.icon ) {
icon = _.fusionFontAwesome( this.parentValues.icon );
} else {
icon = _.fusionFontAwesome( values.icon );
}
if ( ! values.iconcolor || '' === values.iconcolor ) {
iconcolor = this.parentValues.iconcolor;
} else {
iconcolor = values.iconcolor;
}
checklistShortcodeIcon = {
class: 'fusion-li-icon ' + icon,
style: 'color:' + iconcolor + ';',
'aria-hidden': 'true'
};
return checklistShortcodeIcon;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildChecklistShortcodeItemContentAttr: function() {
var checklistShortcodeItemContent = {
class: 'fusion-li-item-content',
style: 'margin-' + this.parentExtras.content_margin_position + ':' + this.parentExtras.content_margin + 'px;'
};
checklistShortcodeItemContent = _.fusionInlineEditor( {
cid: this.model.get( 'cid' ),
'data-disable-return': true,
'data-disable-extra-spaces': true
}, checklistShortcodeItemContent );
return checklistShortcodeItemContent;
}
} );
} );
}( jQuery ) );
;/* eslint no-useless-escape: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Vimeo Element View.
FusionPageBuilder.fusion_youtube = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values, atts.params );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.attrSrc = this.buildAttrSrc( atts.values );
// Any extras that need passed on.
attributes.id = atts.values.id;
attributes.api_params = atts.values.api_params;
attributes.title_attribute = ! _.isEmpty( atts.values.title_attribute ) ? atts.values.title_attribute : 'YouTube video player ' + this.model.get( 'cid' );
attributes.width = atts.values.width;
attributes.height = atts.values.height;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values, params ) {
var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/,
match;
// Make videos 16:9 by default, values.width already set to params.width.
if ( 'undefined' !== typeof params.width && '' !== params.width && ( 'undefined' === typeof params.height || '' === params.height ) ) {
values.height = Math.round( params.width * 9 / 16 );
}
// values.height already set to params.height.
if ( 'undefined' !== typeof params.height && '' !== params.height && ( 'undefined' === typeof params.width || '' === params.width ) ) {
values.width = Math.round( params.height * 16 / 9 );
}
values.height = _.fusionValidateAttrValue( values.height, '' );
values.width = _.fusionValidateAttrValue( values.width, '' );
// Make sure only the video ID is passed to the iFrame.
match = values.id.match( regExp );
if ( match && 11 === match[ 2 ].length ) {
values.id = match[ 2 ];
}
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
// Attributes.
var attrYoutube = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-video fusion-youtube',
style: ''
} );
if ( 'yes' === values.center ) {
attrYoutube[ 'class' ] += ' center-video';
} else {
attrYoutube.style += 'max-width:' + values.width + 'px;max-height:' + values.height + 'px;';
}
if ( '' !== values.alignment ) {
attrYoutube[ 'class' ] += ' fusion-align' + values.alignment;
attrYoutube.style += ' width:100%;';
}
if ( 'true' == values.autoplay || 'yes' === values.autoplay ) {
attrYoutube[ 'data-autoplay' ] = '1';
}
if ( '' !== values.margin_top ) {
attrYoutube.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_bottom ) {
attrYoutube.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( values[ 'class' ] && '' !== values[ 'class' ] ) {
attrYoutube[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.css_id ) {
attrYoutube.id = values.css_id;
}
return attrYoutube;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttrSrc: function( values ) {
var videoSCAttr = {
class: 'video-shortcode'
};
if ( 'yes' === values.center ) {
videoSCAttr.style = 'max-width:' + values.width + 'px;max-height:' + values.height + 'px;';
}
return videoSCAttr;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Vimeo Element View.
FusionPageBuilder.fusion_soundcloud = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.values = atts.values;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.width = _.fusionValidateAttrValue( values.width, 'px' );
values.height = _.fusionValidateAttrValue( values.height, 'px' );
values.autoplay = ( 'yes' === values.auto_play ) ? 'true' : 'false';
values.comments = ( 'yes' === values.comments ) ? 'true' : 'false';
if ( 'visual' === values.layout ) {
values.visual = 'true';
if ( ! values.height || '' === values.height ) {
values.height = '450';
}
} else {
values.visual = 'false';
if ( ! values.height || '' === values.height ) {
values.height = '166';
}
}
values.height = parseInt( values.height, 10 );
values.show_related = ( 'yes' === values.show_related ) ? 'false' : 'true';
values.show_reposts = ( 'yes' === values.show_reposts ) ? 'true' : 'false';
values.show_user = ( 'yes' === values.show_user ) ? 'true' : 'false';
if ( values.color ) {
values.color = jQuery.AWB_Color( values.color ).toHexString();
values.color = values.color.replace( '#', '' );
}
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
// Attributes.
var attr = {
class: 'fusion-soundcloud',
style: ''
};
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
return attr;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Text Element View.
FusionPageBuilder.fusion_text = FusionPageBuilder.ElementView.extend( {
/**
* Runs before view DOM is patched.
*
* @since 2.0.0
* @return null
*/
beforePatch: function() {
if ( 'undefined' === typeof this.model.attributes.params.element_content || '' === this.model.attributes.params.element_content ) {
this.model.attributes.params.element_content = fusionBuilderText.text_placeholder;
}
},
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.output = _.autop( atts.values.element_content );
return attributes;
},
/**
* Modifies the values.
*
* @since 3.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( 'undefined' !== typeof values.font_size && '' !== values.font_size ) {
values.font_size = _.fusionGetValueWithUnit( values.font_size );
}
if ( 'undefined' !== typeof values.letter_spacing && '' !== values.letter_spacing ) {
values.letter_spacing = _.fusionGetValueWithUnit( values.letter_spacing );
}
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var self = this,
textAttributes = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-text fusion-text-' + this.model.get( 'cid' ),
style: ''
} ),
browserPrefixes = [ '-webkit-', '-moz-', '' ];
textAttributes[ 'class' ] += _.fusionGetStickyClass( values.sticky_display );
if ( 'default' === values.rule_style ) {
values.rule_style = fusionAllElements.fusion_text.defaults.rule_style;
}
textAttributes.style += _.fusionGetFontStyle( 'text_font', values );
// Alignment.
if ( values.content_alignment ) {
textAttributes.style += 'text-align:' + values.content_alignment + ';';
}
if ( this.flexDisplay() ) {
if ( values.content_alignment_medium && values.content_alignment !== values.content_alignment_medium ) {
textAttributes[ 'class' ] += ' md-text-align-' + values.content_alignment_medium;
}
if ( values.content_alignment_small && values.content_alignment !== values.content_alignment_small ) {
textAttributes[ 'class' ] += ' sm-text-align-' + values.content_alignment_small;
}
}
// Only add styling if more than one column is used.
if ( 1 < values.columns ) {
textAttributes[ 'class' ] += ' fusion-text-split-columns fusion-text-columns-' + values.columns;
_.each( browserPrefixes, function( prefix ) {
textAttributes.style += ' ' + prefix + 'column-count:' + values.columns + ';';
if ( 'none' !== values.column_spacing && values.column_spacing ) {
textAttributes.style += ' ' + prefix + 'column-gap:' + _.fusionValidateAttrValue( values.column_spacing, 'px' ) + ';';
}
if ( 'none' !== values.column_min_width && values.column_min_width ) {
textAttributes.style += ' ' + prefix + 'column-width:' + _.fusionValidateAttrValue( values.column_min_width, 'px' ) + ';';
}
if ( 'none' !== values.rule_style ) {
textAttributes.style += ' ' + prefix + 'column-rule:' + values.rule_size + 'px ' + values.rule_style + ' ' + values.rule_color + ';';
}
} );
}
if ( 'undefined' !== typeof values.font_size && '' !== values.font_size ) {
textAttributes.style += 'font-size:' + values.font_size + ';';
}
if ( 'undefined' !== typeof values.line_height && '' !== values.line_height ) {
textAttributes.style += 'line-height:' + values.line_height + ';';
}
if ( 'undefined' !== typeof values.letter_spacing && '' !== values.letter_spacing ) {
textAttributes.style += 'letter-spacing:' + values.letter_spacing + ';';
}
if ( 'undefined' !== typeof values.text_transform && '' !== values.text_transform ) {
textAttributes.style += 'text-transform:' + values.text_transform + ';';
}
if ( 'undefined' !== typeof values.text_color && '' !== values.text_color ) {
textAttributes.style += 'color:' + values.text_color + ';';
}
if ( 'undefined' !== typeof values[ 'class' ] && '' !== values[ 'class' ] ) {
textAttributes[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.margin_top ) {
textAttributes.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
textAttributes.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
textAttributes.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
textAttributes.style += 'margin-left:' + values.margin_left + ';';
}
if ( 'undefined' !== typeof values.id && '' !== values.id ) {
textAttributes.id = values.id;
}
if ( '' !== values.margin_bottom ) {
textAttributes[ 'class' ] += ' fusion-text-no-margin';
}
textAttributes = _.fusionInlineEditor( {
cid: self.model.get( 'cid' )
}, textAttributes );
textAttributes = _.fusionAnimations( values, textAttributes );
return textAttributes;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Title View
FusionPageBuilder.fusion_tagline_box = FusionPageBuilder.ElementView.extend( {
onInit: function() {
var params = this.model.get( 'params' );
if ( 'object' === typeof params ) {
// Split border radius into 4.
if ( 'undefined' === typeof params.button_border_radius_top_left && 'undefined' !== typeof params.button_border_radius && '' !== params.button_border_radius ) {
params.button_border_radius_top_left = parseInt( params.button_border_radius ) + 'px';
params.button_border_radius_top_right = params.button_border_radius_top_left;
params.button_border_radius_bottom_right = params.button_border_radius_top_left;
params.button_border_radius_bottom_left = params.button_border_radius_top_left;
delete params.button_border_radius;
}
this.model.set( 'params', params );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Shared base object.
this.extras = atts.extras;
this.attrButton = this.buildButtonAttr( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.attrReadingBox = this.buildReadingBoxAttr( atts.values );
attributes.desktopAttrButton = this.buildDesktopButtonAttr( atts.values );
attributes.mobileAttrButton = this.buildMobileButtonAttr( atts.values );
attributes.titleAttr = this.buildTitleAttr( atts.values );
attributes.buttonSpanAttr = this.buildButtonSpanAttr( atts.values );
attributes.descriptionAttr = this.buildDescriptionAttr( atts.values );
attributes.contentAttr = this.buildContentAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.border = _.fusionValidateAttrValue( values.border, 'px' );
if ( values.modal ) {
values.link = '#';
}
if ( values.button_type ) {
values.button_type = values.button_type.toLowerCase();
}
// BC compatibility for button shape.
if ( 'undefined' !== typeof values.button_shape && 'undefined' === typeof values.button_border_radius ) {
values.button_border_radius = '0';
if ( 'square' === values.button_shape ) {
values.button_border_radius = '0';
} else if ( 'round' === values.button_shape ) {
values.button_border_radius = '2';
if ( '3d' === values.button_type ) {
values.button_border_radius = '4';
}
} else if ( 'pill' === values.button_shape ) {
values.button_border_radius = '25';
} else if ( '' === values.button_shape ) {
values.button_border_radius = '';
}
values.button_border_radius_top_left = values.button_border_radius;
values.button_border_radius_top_right = values.button_border_radius_top_left;
values.button_border_radius_bottom_right = values.button_border_radius_top_left;
values.button_border_radius_bottom_left = values.button_border_radius_top_left;
} else if ( 'string' === typeof values.buton_border_radius && 'undefined' === typeof values.button_border_radius_top_left ) {
values.button_border_radius_top_left = values.button_button_border_radius;
values.button_border_radius_top_right = values.button_border_radius_top_left;
values.button_border_radius_bottom_right = values.button_border_radius_top_left;
values.button_border_radius_bottom_left = values.button_border_radius_top_left;
}
values.button_border_radius = _.fusionGetValueWithUnit( values.button_border_radius_top_left ) + ' ' + _.fusionGetValueWithUnit( values.button_border_radius_top_right ) + ' ' + _.fusionGetValueWithUnit( values.button_border_radius_bottom_right ) + ' ' + _.fusionGetValueWithUnit( values.button_border_radius_bottom_left );
try {
if ( FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( values.description ) ) === values.description ) {
values.description = FusionPageBuilderApp.base64Decode( values.description );
values.description = _.unescape( values.description );
}
if ( FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( values.title ) ) === values.title ) {
values.title = FusionPageBuilderApp.base64Decode( values.title );
values.title = _.unescape( values.title );
}
} catch ( error ) {
console.log( error ); // jshint ignore:line
}
values.padding_bottom = _.fusionValidateAttrValue( values.padding_bottom, 'px' );
values.padding_left = _.fusionValidateAttrValue( values.padding_left, 'px' );
values.padding_right = _.fusionValidateAttrValue( values.padding_right, 'px' );
values.padding_top = _.fusionValidateAttrValue( values.padding_top, 'px' );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-reading-box-container reading-box-container-' + this.model.get( 'cid' ),
style: ''
} );
attr = _.fusionAnimations( values, attr );
if ( values.margin_top || '0' === values.margin_top ) {
attr.style += 'margin-top:' + _.fusionGetValueWithUnit( values.margin_top ) + ';';
}
if ( values.margin_bottom || '0' === values.margin_bottom ) {
attr.style += 'margin-bottom:' + _.fusionGetValueWithUnit( values.margin_bottom ) + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildReadingBoxAttr: function( values ) {
var attrReadingBox = {
class: 'reading-box'
};
if ( 'right' === values.content_alignment ) {
attrReadingBox[ 'class' ] += ' reading-box-right';
} else if ( 'center' === values.content_alignment ) {
attrReadingBox[ 'class' ] += ' reading-box-center';
}
if ( 'yes' === values.shadow ) {
attrReadingBox[ 'class' ] += ' element-bottomshadow';
}
attrReadingBox.style = 'background-color:' + values.backgroundcolor + ';';
attrReadingBox.style += 'border-width:' + values.border + ';';
attrReadingBox.style += 'border-color:' + values.bordercolor + ';';
if ( 'none' !== values.highlightposition ) {
if ( 3 < parseInt( values.border, 10 ) ) {
attrReadingBox.style += 'border-' + values.highlightposition + '-width:' + values.border + ';';
} else {
attrReadingBox.style += 'border-' + values.highlightposition + '-width:3px;';
}
attrReadingBox.style += 'border-' + values.highlightposition + '-color:' + this.extras.primary_color + ';';
}
attrReadingBox.style += 'border-style:solid;';
if ( '' !== values.padding_top ) {
attrReadingBox.style += 'padding-top:' + values.padding_top + ';';
}
if ( '' !== values.padding_right ) {
attrReadingBox.style += 'padding-right:' + values.padding_right + ';';
}
if ( '' !== values.padding_bottom ) {
attrReadingBox.style += 'padding-bottom:' + values.padding_bottom + ';';
}
if ( '' !== values.padding_left ) {
attrReadingBox.style += 'padding-left:' + values.padding_left + ';';
}
return attrReadingBox;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildButtonAttr: function( values ) {
var attrButton = {
class: 'button fusion-button button-' + values.buttoncolor + ' fusion-button-' + values.button_size + ' button-' + values.button_size + ' button-' + values.button_type,
style: ''
};
attrButton[ 'class' ] = attrButton[ 'class' ].toLowerCase();
if ( 'right' === values.content_alignment ) {
attrButton[ 'class' ] += ' continue-left';
} else if ( 'center' === values.content_alignment ) {
attrButton[ 'class' ] += ' continue-center';
} else {
attrButton[ 'class' ] += ' continue-right';
}
if ( 'flat' === values.button_type ) {
attrButton.style += '-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;';
}
attrButton.href = values.link;
attrButton.target = values.linktarget;
if ( '_blank' === attrButton.target ) {
attrButton.rel = 'noopener noreferrer';
}
if ( '' !== values.modal ) {
attrButton[ 'data-toggle' ] = 'modal';
attrButton[ 'data-target' ] = '.' + values.modal;
}
if ( '' !== values.button_border_radius ) {
attrButton.style += 'border-radius:' + values.button_border_radius;
}
return attrButton;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildTitleAttr: function() {
var self = this;
return _.fusionInlineEditor( {
cid: self.model.get( 'cid' ),
param: 'title',
'disable-return': true,
'disable-extra-spaces': true,
encoding: true,
toolbar: false
}, {} );
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildButtonSpanAttr: function() {
var self = this;
return _.fusionInlineEditor( {
cid: self.model.get( 'cid' ),
param: 'button',
'disable-return': true,
'disable-extra-spaces': true,
toolbar: false
}, {} );
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildDescriptionAttr: function( values ) {
var descriptionAttr = {
class: 'reading-box-description'
},
self = this;
if ( '' !== values.title ) {
descriptionAttr[ 'class' ] += ' fusion-reading-box-additional';
}
descriptionAttr = _.fusionInlineEditor( {
cid: self.model.get( 'cid' ),
param: 'description',
'disable-return': true,
'disable-extra-spaces': true,
encoding: true,
toolbar: 'simple'
}, descriptionAttr );
return descriptionAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildContentAttr: function( values ) {
var self = this,
contentAttr = {
class: 'reading-box-additional'
};
if ( '' === values.description && '' !== values.title ) {
contentAttr[ 'class' ] += ' fusion-reading-box-additional';
}
contentAttr = _.fusionInlineEditor( {
cid: self.model.get( 'cid' )
}, contentAttr );
return contentAttr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildDesktopButtonAttr: function( values ) {
var attrButton = jQuery.extend( true, {}, this.attrButton ),
buttonMarginClass = '';
if ( '' !== values.description && 'undefined' !== typeof values.element_content && '' !== values.element_content ) {
buttonMarginClass = ' fusion-desktop-button-margin';
}
attrButton[ 'class' ] += ' fusion-desktop-button fusion-tagline-button continue' + buttonMarginClass;
return attrButton;
},
/**
* Builds attributes.
*
* @since 2.0
* @return {Object}
*/
buildMobileButtonAttr: function() {
var attrButton = jQuery.extend( true, {}, this.attrButton );
attrButton[ 'class' ] += ' fusion-mobile-button';
return attrButton;
}
} );
} );
}( jQuery ) );
;/* eslint no-shadow: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Pricing table stylesiew
FusionPageBuilder.fusion_pricing_table = FusionPageBuilder.ParentElementView.extend( {
onInit: function() {
var params = this.model.get( 'params' );
if ( 'undefined' === typeof params.background_color_hover && 'undefined' !== typeof params.bordercolor && '' !== params.bordercolor ) {
params.background_color_hover = params.bordercolor;
}
},
beforeGenerateShortcode: function() {
this.updateElementContent();
},
onRender: function() {
var columns = 6,
params = this.model.get( 'params' );
if ( 'undefined' === typeof params.columns && 'undefined' !== typeof this.model.children && this.model.children.length ) {
if ( 6 > this.model.children.length ) {
columns = this.model.children.length;
}
params.columns = columns;
this.model.set( 'params', params );
this.updateColumnWidths();
}
},
childViewAdded: function() {
this.updateColumnWidths();
},
childViewRemoved: function() {
this.updateColumnWidths();
},
childViewCloned: function() {
this.updateColumnWidths();
},
updateColumnWidths: function() {
var params = this.model.get( 'params' ),
columns = 'undefined' !== typeof this.model.children ? this.model.children.length : 0,
values,
attr;
// Calculate columns.
if ( 6 < columns ) {
columns = 6;
}
params.columns = columns;
this.model.set( 'params', params );
// Update classes on parent.
values = jQuery.extend( true, {}, window.fusionAllElements[ this.model.get( 'element_type' ) ].defaults, _.fusionCleanParameters( params ) );
attr = this.computeTableData( values );
this.$el.find( '.fusion-child-element' ).attr( 'class', attr[ 'class' ] );
// Update classes on each child.
this.model.children.each( function( child ) {
var cid = child.attributes.cid,
view = window.FusionPageBuilderViewManager.getView( cid ),
values = jQuery.extend( true, {}, window.fusionAllElements[ view.model.get( 'element_type' ) ].defaults, _.fusionCleanParameters( view.model.get( 'params' ) ) );
view.buildColumnWrapperAttr( values, columns );
view.onRender();
} );
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
// Validate values.
this.validateValues( atts.values );
return {
styles: this.computeStyles( atts.values ),
tableData: this.computeTableData( atts.values )
};
},
/**
* Modifies values.
*
* @since 3.8
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Builds the data for the table.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
computeTableData: function( values ) {
var type = 'sep',
cid = this.model.get( 'cid' ),
tableData = {
class: '',
style: ''
};
if ( '1' == values.type ) {
type = 'full';
}
if ( 6 < values.columns ) {
values.columns = 6;
}
tableData[ 'class' ] = 'fusion-child-element fusion-pricing-table pricing-table-cid' + cid + ' ' + type + '-boxed-pricing row fusion-columns-' + values.columns + ' columns-' + values.columns + ' fusion-clearfix';
tableData[ 'data-empty' ] = this.emptyPlaceholderText;
tableData = _.fusionVisibilityAtts( values.hide_on_mobile, tableData );
if ( 'undefined' !== typeof values[ 'class' ] && '' !== values[ 'class' ] ) {
tableData[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.margin_top ) {
tableData.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
tableData.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
tableData.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
tableData.style += 'margin-left:' + values.margin_left + ';';
}
if ( 'undefined' !== typeof values.id && '' !== values.id ) {
tableData.id = values.id;
}
return tableData;
},
/**
* Builds the styles.
*
* @since 2.0
* @param {Object} values - The values.
* @return {string}
*/
computeStyles: function( values ) {
var styles,
cid = this.model.get( 'cid' );
styles = '<style type="text/css">.pricing-table-cid' + cid + ' .panel-container, .pricing-table-cid' + cid + ' .standout .panel-container,.pricing-table-cid' + cid + '.full-boxed-pricing { background-color: ' + values.bordercolor + ';}.pricing-table-cid' + cid + ' .list-group .list-group-item,.pricing-table-cid' + cid + ' .list-group .list-group-item:last-child{ background-color:' + values.backgroundcolor + '; border-color:' + values.dividercolor + ';}.pricing-table-cid' + cid + '.full-boxed-pricing .panel-wrapper:hover .panel-heading,.full-boxed-pricing .panel-wrapper.hover .panel-heading,.pricing-table-cid' + cid + ' .panel-wrapper:hover .list-group-item,.pricing-table-cid' + cid + ' .panel-wrapper.hover .list-group-item { background-color:' + values.background_color_hover + ';}.pricing-table-cid' + cid + '.full-boxed-pricing .panel-heading{ background-color:' + values.backgroundcolor + ';}.pricing-table-cid' + cid + ' .fusion-panel, .pricing-table-cid' + cid + ' .panel-wrapper:last-child .fusion-panel,.pricing-table-cid' + cid + ' .standout .fusion-panel, .pricing-table-cid' + cid + ' .panel-heading,.pricing-table-cid' + cid + ' .panel-body, .pricing-table-cid' + cid + ' .panel-footer{ border-color:' + values.dividercolor + ';}.pricing-table-cid' + cid + ' .panel-body,.pricing-table-cid' + cid + ' .panel-footer{ background-color:' + values.bordercolor + ';}.pricing-table-cid' + cid + '.sep-boxed-pricing .panel-heading h3{color:' + values.heading_color_style_2 + ';}.pricing-table-cid' + cid + '.full-boxed-pricing.fusion-pricing-table .panel-heading h3{color:' + values.heading_color_style_1 + ';}.pricing-table-cid' + cid + '.fusion-pricing-table .panel-body .price .decimal-part{color:' + values.pricing_color + ';}.pricing-table-cid' + cid + '.fusion-pricing-table .panel-body .price .integer-part{color:' + values.pricing_color + ';}.pricing-table-cid' + cid + ' ul.list-group li{color:' + values.body_text_color + ';}</style>';
return styles;
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, fusionAllElements, fusionBuilderText, FusionEvents */
/* eslint no-unused-vars: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Content Boxes Child View.
FusionPageBuilder.fusion_pricing_column = FusionPageBuilder.ChildElementView.extend( {
/**
* Creates params from child shortcodes.
*
* @since 2.0
* @return {void}
*/
onInit: function() {
this.setPriceParams();
this.setFooterContent();
this.setFeatureRows();
this.clearInvalidParams();
// Price params history.
this._priceUpdateHistory = _.debounce( _.bind( this.priceUpdateHistory, this ), 500 );
this.initialPriceValue = false;
// Footer content history.
this._footerUpdateHistory = _.debounce( _.bind( this.footerUpdateHistory, this ), 500 );
this.initialFooterValue = false;
// Column features history.
this._featuresUpdateHistory = _.debounce( _.bind( this.featuresUpdateHistory, this ), 500 );
this.initialFeaturesValue = false;
},
/**
* Generates child shortcodes from params.
*
* @since 2.0
* @return {void}
*/
beforeGenerateShortcode: function() {
var params = this.model.get( 'params' ),
priceParams = this.model.get( 'priceParams' ),
shortcode = '[fusion_pricing_price',
featuredRows = this.getFeaturedRows(),
footerContent = this.model.get( 'footerContent' );
_.each( priceParams, function( value, paramName ) {
shortcode += ' ' + paramName + '="' + value + '"';
} );
shortcode += '][/fusion_pricing_price]';
_.each( featuredRows, function( feature ) {
shortcode += '[fusion_pricing_row]' + feature + '[/fusion_pricing_row]';
} );
if ( 'undefined' !== typeof footerContent && '' !== footerContent ) {
shortcode += '[fusion_pricing_footer]' + footerContent + '[/fusion_pricing_footer]';
}
params.element_content = shortcode;
this.model.set( 'params', params );
},
setPriceParams: function() {
var params = this.model.get( 'params' ),
priceShortcode = 'undefined' !== typeof params.element_content ? params.element_content : '',
innerRegExp = FusionPageBuilderApp.regExpShortcode( 'fusion_pricing_price' ),
priceShortcodeElement = priceShortcode.match( innerRegExp ),
priceShortcodeAttributes,
priceParams;
if ( ! priceShortcodeElement || ! priceShortcodeElement.length ) {
this.model.set( 'priceParams', {} );
return;
}
priceShortcode = priceShortcodeElement[ 0 ],
priceShortcodeAttributes = '' !== priceShortcodeElement[ 3 ] ? window.wp.shortcode.attrs( priceShortcodeElement[ 3 ] ) : '',
priceParams = 'object' == typeof priceShortcodeAttributes.named ? priceShortcodeAttributes.named : {};
this.model.set( 'priceParams', jQuery.extend( true, {}, priceParams ) );
},
setFooterContent: function() {
var params = this.model.get( 'params' ),
priceShortcode = 'undefined' !== typeof params.element_content ? params.element_content : '',
innerRegExp = FusionPageBuilderApp.regExpShortcode( 'fusion_pricing_footer' ),
footerShortcodeElement = priceShortcode.match( innerRegExp ),
footerShortcode;
if ( ! footerShortcodeElement ) {
this.model.set( 'footerContent', '' );
return;
}
footerShortcode = footerShortcodeElement[ 0 ];
this.model.set( 'footerContent', footerShortcodeElement[ 5 ] );
},
setFeatureRows: function() {
var params = this.model.get( 'params' ),
priceShortcode = 'undefined' !== typeof params.element_content ? params.element_content : '',
pricingColumnRows = FusionPageBuilderApp.findShortcodeMatches( priceShortcode, 'fusion_pricing_row' ),
values = [];
if ( 'object' !== typeof pricingColumnRows || ! pricingColumnRows || ! pricingColumnRows.length ) {
return;
}
_.each( pricingColumnRows, function( pricingColumnRow ) {
var rowContent = '';
if ( 'undefined' !== typeof pricingColumnRow.match( FusionPageBuilderApp.regExpShortcode( 'fusion_pricing_row' ) )[ 5 ] ) {
rowContent = pricingColumnRow.match( FusionPageBuilderApp.regExpShortcode( 'fusion_pricing_row' ) )[ 5 ];
}
values.push( rowContent );
} );
values = values.join( '|' );
this.model.set( 'featureRows', values );
},
clearInvalidParams: function() {
var params = this.model.get( 'params' );
delete params.currency;
delete params.currency_position;
delete params.price;
delete params.time;
params.footer_content = false;
params.feature_rows = false;
this.model.set( 'params', params );
},
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
if ( 'undefined' !== typeof this.model.attributes.selectors ) {
this.model.attributes.selectors[ 'class' ] += ' ' + this.className;
this.setElementAttributes( this.$el, this.model.attributes.selectors );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
priceValues = this.getPriceValues();
attributes.title = atts.values.title;
attributes.cid = this.model.get( 'cid' );
attributes.titleAttr = this.buildTitleAttr();
this.buildColumnWrapperAttr( atts.values, atts.parentValues.columns );
// Pricing shortcode.
attributes.price = priceValues.price.split( '.' );
attributes.currencyPosition = priceValues.currency_position;
attributes.currency = priceValues.currency;
attributes.time = priceValues.time;
attributes.currencyClasses = this.getCurrencyClasses( priceValues );
attributes.timeClasses = this.getTimeClasses( priceValues );
// Feature rows.
attributes.featureRows = this.getFeaturedRows();
// Footer shortcode.
attributes.footerContent = this.model.get( 'footerContent' );
return attributes;
},
getFeaturedRows: function() {
var values = this.model.get( 'featureRows' );
if ( 'undefined' === typeof values ) {
return [];
}
if ( -1 === values.indexOf( '|' ) ) {
return [ values ];
}
return values.split( '|' );
},
getPriceValues: function() {
var priceParams = this.model.get( 'priceParams' ),
priceDefaults = {
currency: '',
currency_position: 'left',
price: '',
time: ''
};
return jQuery.extend( true, {}, priceDefaults, _.fusionCleanParameters( priceParams ) );
},
getCurrencyClasses: function( priceValues ) {
var currencyClasses = {
class: 'currency'
};
if ( 'right' === priceValues.currency_position ) {
currencyClasses[ 'class' ] += ' pos-right';
if ( -1 !== priceValues.price.indexOf( '.' ) ) {
currencyClasses[ 'class' ] += ' price-without-decimal';
}
}
return currencyClasses;
},
getTimeClasses: function( priceValues ) {
var timeClasses = {
class: 'time'
};
if ( '' !== priceValues.time ) {
if ( -1 === priceValues.price.indexOf( '.' ) ) {
timeClasses[ 'class' ] += ' price-without-decimal';
}
if ( 'right' === priceValues.currency_position ) {
timeClasses[ 'class' ] += ' pos-right';
}
}
return timeClasses;
},
buildTitleAttr: function() {
var cid = this.model.get( 'cid' ),
titleAttr = {
class: 'title-row'
};
_.fusionInlineEditor( {
cid: cid,
param: 'title',
'disable-return': true,
'disable-extra-spaces': true,
toolbar: false
}, titleAttr );
return titleAttr;
},
updatePricingTablePrice: function( name, value ) {
var priceParams = this.model.get( 'priceParams' );
priceParams[ name ] = value;
this.model.set( 'priceParams', priceParams );
this.reRender();
},
updatePricingTableFooter: function( value ) {
this.model.set( 'footerContent', value );
this.reRender();
},
updatePricingTableFeatures: function( value ) {
this.model.set( 'featureRows', value );
this.reRender();
},
priceUpdateHistory: function( name, value ) {
var priceParams = this.model.get( 'priceParams' ),
originalParam = this.initialPriceValue,
state = {
type: 'price-param',
param: name,
newValue: value,
cid: this.model.get( 'cid' )
},
elementMap = fusionAllElements[ this.model.get( 'element_type' ) ],
paramObject = elementMap.params[ name ],
paramTitle = 'object' === typeof paramObject ? paramObject.heading : name;
state.oldValue = originalParam;
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.edited + ' ' + elementMap.name + ' - ' + paramTitle, state );
this.initialPriceValue = false;
},
footerUpdateHistory: function( value ) {
var originalParam = this.initialFooterValue,
state = {
type: 'pricefooter-param',
newValue: value,
cid: this.model.get( 'cid' )
},
elementMap = fusionAllElements[ this.model.get( 'element_type' ) ],
paramObject = elementMap.params.footer_content,
paramTitle = 'object' === typeof paramObject ? paramObject.heading : name;
state.oldValue = originalParam;
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.edited + ' ' + elementMap.name + ' - ' + paramTitle, state );
this.initialFooterValue = false;
},
featuresUpdateHistory: function( value ) {
var originalParam = this.initialFeaturesValue,
state = {
type: 'pricefeatures-param',
newValue: value,
cid: this.model.get( 'cid' )
},
elementMap = fusionAllElements[ this.model.get( 'element_type' ) ],
paramObject = elementMap.params.feature_rows,
paramTitle = 'object' === typeof paramObject ? paramObject.heading : name;
state.oldValue = originalParam;
FusionEvents.trigger( 'fusion-history-save-step', fusionBuilderText.edited + ' ' + elementMap.name + ' - ' + paramTitle, state );
this.initialFeaturesValue = false;
},
/**
* Builder column wrapper attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildColumnWrapperAttr: function( values, columns ) {
var attr = {
class: 'panel-wrapper fusion-column column'
};
if ( '5' == columns ) {
columns = 2;
} else {
columns = 12 / parseInt( columns, 10 );
}
attr[ 'class' ] += ' col-lg-' + columns + ' col-md-' + columns + ' col-sm-' + columns;
attr[ 'class' ] += ' fusion-pricingtable-column';
if ( 'yes' === values.standout ) {
attr[ 'class' ] += ' standout';
}
if ( 'undefined' !== typeof values[ 'class' ] && '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'undefined' !== typeof values.id && '' !== values.id ) {
attr.id = values.id;
}
this.model.set( 'selectors', attr );
}
} );
_.extend( FusionPageBuilder.Callback.prototype, {
fusionPricingTablePrice: function( name, value, args, view ) {
var priceParams = view.model.get( 'priceParams' ),
originalParam = priceParams[ name ];
// If its the same value, no need to do anything.
if ( originalParam === value ) {
return;
}
if ( ! view.initialPriceValue ) {
view.initialPriceValue = originalParam;
}
view._priceUpdateHistory( name, value );
priceParams[ name ] = value;
view.model.set( 'priceParams', priceParams );
return {
render: true
};
}
} );
_.extend( FusionPageBuilder.Callback.prototype, {
fusionPricingTableFooter: function( name, value, args, view ) {
var originalParam = view.model.get( 'footerContent' );
if ( originalParam === value ) {
return;
}
if ( ! view.initialFooterValue ) {
view.initialFooterValue = originalParam;
}
view._footerUpdateHistory( value );
view.model.set( 'footerContent', value );
return {
render: true
};
}
} );
_.extend( FusionPageBuilder.Callback.prototype, {
fusionPricingTableRows: function( name, value, args, view ) {
var originalParam = view.model.get( 'featureRows' );
if ( originalParam === value ) {
return;
}
if ( ! view.initialFeaturesValue ) {
view.initialFeaturesValue = originalParam;
}
view._featuresUpdateHistory( value );
view.model.set( 'featureRows', value );
return {
render: true
};
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Blog Element View.
FusionPageBuilder.fusion_blog = FusionPageBuilder.ElementView.extend( {
/**
* Are there any non landscape images, used for masonry layout.
*/
regularImagesFound: false,
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.extras = atts.extras;
// Create attribute objects.
attributes.attr = this.buildAttr( atts.values );
attributes.styles = this.buildStyles( atts.values );
attributes.blogStyles = this.getStyleElement( atts.values );
attributes.blogPosts = '';
this.regularImagesFound = false;
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.posts ) {
attributes.blogPosts = this.buildBlogPosts( atts );
// Add class if regular size images were found.
if ( true === this.regularImagesFound ) {
attributes.attr[ 'class' ] += ' fusion-masonry-has-vertical';
}
}
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.max_num_pages ) {
attributes.attrPostsContainer = this.buildPostsContainerAttr( atts );
if ( 'undefined' !== typeof atts.query_data.paged ) {
attributes.paginationCode = this.buildPagination( atts );
}
}
attributes.load_more_text = atts.extras.load_more_text;
attributes.load_more = atts.values.load_more && -1 !== atts.values.number_posts;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
attributes.query_data = atts.query_data;
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
values.blog_grid_column_spacing = _.fusionValidateAttrValue( values.blog_grid_column_spacing, '' );
values.scrolling = ( 'undefined' !== values.paging && 'no' == values.paging && 'pagination' === values.scrolling ) ? 'no' : values.scrolling;
if ( -1 == values.number_posts ) {
values.scrolling = 'no';
}
// Add hyphens for alternate layout options.
if ( 'large alternate' === values.layout ) {
values.layout = 'large-alternate';
} else if ( 'medium alternate' === values.layout ) {
values.layout = 'medium-alternate';
}
values.load_more = false;
if ( 'no' !== values.scrolling ) {
if ( 'load_more_button' === values.scrolling ) {
values.load_more = true;
values.scrolling = 'infinite';
}
}
if ( 'undefined' !== typeof values.excerpt_length ) {
values.excerpt_words = values.excerpt_length;
}
if ( '0' === values.blog_grid_column_spacing ) {
values.blog_grid_column_spacing = '0.0';
}
if ( 'object' !== typeof values.blog_grid_padding ) {
values.blog_grid_padding = {
top: '',
right: '',
bottom: '',
left: ''
};
}
if ( 'undefined' !== typeof values.padding_top && '' !== values.padding_top ) {
values.blog_grid_padding.top = values.padding_top;
}
if ( 'undefined' !== typeof values.padding_right && '' !== values.padding_right ) {
values.blog_grid_padding.right = values.padding_right;
}
if ( 'undefined' !== typeof values.padding_bottom && '' !== values.padding_bottom ) {
values.blog_grid_padding.bottom = values.padding_bottom;
}
if ( 'undefined' !== typeof values.padding_left && '' !== values.padding_left ) {
values.blog_grid_padding.left = values.padding_left;
}
values.blog_grid_padding = [
_.fusionGetValueWithUnit( values.blog_grid_padding.top ),
_.fusionGetValueWithUnit( values.blog_grid_padding.right ),
_.fusionGetValueWithUnit( values.blog_grid_padding.bottom ),
_.fusionGetValueWithUnit( values.blog_grid_padding.left )
];
values.padding = 'object' === typeof values.blog_grid_padding ? values.blog_grid_padding.join( ' ' ) : values.blog_grid_padding;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-blog-shortcode fusion-blog-archive',
style: ''
} ),
blogLayout = '',
cid = this.model.get( 'cid' );
// Set the correct layout class.
blogLayout = 'fusion-blog-layout-' + values.layout;
if ( 'timeline' === values.layout ) {
blogLayout = 'fusion-blog-layout-timeline-wrapper';
} else if ( 'grid' === values.layout || 'masonry' === values.layout ) {
blogLayout = 'fusion-blog-layout-grid-wrapper';
}
if ( values.content_alignment && ( 'grid' === values.layout || 'masonry' === values.layout || 'timeline' === values.layout ) ) {
attr[ 'class' ] += ' fusion-blog-layout-' + values.content_alignment;
}
attr[ 'class' ] += ' fusion-blog-shortcode-cid' + cid;
attr[ 'class' ] += ' ' + blogLayout;
attr[ 'class' ] += ' fusion-blog-' + values.scrolling;
if ( 'yes' !== values.thumbnail ) {
attr[ 'class' ] += ' fusion-blog-no-images';
}
if ( '0' == values.blog_grid_column_spacing || '0px' === values.blog_grid_column_spacing ) {
attr[ 'class' ] += ' fusion-no-col-space';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds attributes for blog post container.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
buildPostsContainerAttr: function( atts ) {
var attr = {
class: 'fusion-posts-container',
style: ''
},
values = atts.values,
extras = atts.extras,
queryData = atts.query_data,
negativeMargin = '';
attr[ 'class' ] += ' fusion-posts-container-' + values.scrolling;
if ( ! this.metaInfoCombined ) {
attr[ 'class' ] += ' fusion-no-meta-info';
}
if ( values.load_more ) {
attr[ 'class' ] += ' fusion-posts-container-load-more';
}
// Add class if rollover is enabled.
if ( extras.image_rollover ) {
attr[ 'class' ] += ' fusion-blog-rollover';
}
attr[ 'data-pages' ] = queryData.max_num_pages;
if ( 'grid' === values.layout || 'masonry' === values.layout ) {
attr[ 'class' ] += ' fusion-blog-layout-grid fusion-blog-layout-grid-' + values.blog_grid_columns + ' isotope';
if ( 'masonry' === values.layout ) {
attr[ 'class' ] += ' fusion-blog-layout-masonry';
if ( queryData.regular_images_found ) {
attr[ 'class' ] += ' fusion-blog-layout-masonry-has-vertical';
}
}
if ( 'grid' === values.layout ) {
if ( 'yes' === values.equal_heights ) {
attr[ 'class' ] += ' fusion-blog-equal-heights';
}
}
if ( 'undefined' !== typeof values.blog_grid_column_spacing || 0 === parseInt( values.blog_grid_column_spacing, 10 ) ) {
attr[ 'data-grid-col-space' ] = values.blog_grid_column_spacing;
}
negativeMargin = ( -1 ) * parseFloat( values.blog_grid_column_spacing ) / 2;
attr.style = 'margin: ' + negativeMargin + 'px ' + negativeMargin + 'px 0;height:500px;';
}
return attr;
},
/**
* Builds the pagination.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {string}
*/
buildPagination: function( atts ) {
var globalPagination = atts.extras.pagination_global,
globalStartEndRange = atts.extras.pagination_start_end_range_global,
range = atts.extras.pagination_range_global,
paged = '',
pages = '',
paginationCode = '',
queryData = atts.query_data,
values = atts.values;
if ( -1 == values.number_posts ) {
values.scrolling = 'no';
}
if ( 'timeline' === values.layout ) {
values.post_count = 1;
}
if ( 'no' !== values.scrolling ) {
paged = queryData.paged;
pages = queryData.max_num_pages;
paginationCode = _.fusionPagination( pages, paged, range, values.scrolling, globalPagination, globalStartEndRange );
}
return paginationCode;
},
/**
* Builds the blog posts HTML.
*
* @since 2.0
* @param {Object} atts - The values.
* @return {string}
*/
buildBlogPosts: function( atts ) {
var html = '',
queryData = atts.query_data,
values = atts.values,
extras = atts.extras,
imageSize = '',
dateValues = {},
postCount = 1,
prevPostMonth = null,
prevPostYear = null,
timelineDate = '',
blogShortcodeLoop = {},
timelineAlign = '',
beforeLoopAction = '',
blogFusionPostWrapper = {},
color = '',
colorCSS = '',
metaInfoCombined = '',
isZeroExcerpt = '',
metaAll = ( 'yes' === values.meta_all ),
metaAuthor = ( 'yes' === values.meta_author ),
metaCategories = ( 'yes' === values.meta_categories ),
metaComments = ( 'yes' === values.meta_comments ),
metaDate = ( 'yes' === values.meta_date ),
metaLink = ( 'yes' === values.meta_link ),
mataTags = ( 'yes' === values.meta_tags ),
stripHTML = ( 'yes' === values.strip_html ),
thumbnail = ( 'yes' === values.thumbnail ),
showTitle = ( 'yes' === atts.params.show_title || 'yes' === atts.params.title ),
titleLink = ( 'yes' === values.title_link ),
metaInfoSettings = {},
preTitleContent = '',
metaData = '',
contentSep = '',
dateAndFormat = '',
formatClass = '',
blogShortcodePostContentWrapper = {},
link = '',
linkTarget = '',
linkIconTarget = '',
postLinksTarget = '',
blogShortcodePostTitle = {},
headerContent = '',
content = '',
readMoreContent = '',
readMoreWrapperClass = 'fusion-alignright',
gridTimeLineContent = '',
readMoreLinkAttributes = {},
contentSepAttr = {},
contentSepTypes = '',
postTitleTag = '',
timelineTitleTag = '',
self = this,
isThereMetaAbove = false,
isThereMetaBelow = false,
isThereContent = false;
// Initialize the time stamps for timeline month/year check.
if ( 'timeline' === values.layout ) {
postCount = 1;
prevPostMonth = null;
prevPostYear = null;
}
// Combine meta info into one variable.
this.metaInfoCombined = metaAll * ( metaAuthor + metaDate + metaCategories + mataTags + metaComments + metaLink );
metaInfoCombined = this.metaInfoCombined;
// Create boolean that holds info whether content should be excerpted.
isZeroExcerpt = ( 'yes' === values.excerpt && 1 > values.excerpt_words ) ? 1 : 0;
metaInfoSettings.post_meta = metaAll;
metaInfoSettings.post_meta_author = metaAuthor;
metaInfoSettings.post_meta_date = metaDate;
metaInfoSettings.post_meta_cats = metaCategories;
metaInfoSettings.post_meta_tags = mataTags;
metaInfoSettings.post_meta_comments = metaComments;
metaInfoSettings.disable_date_rich_snippet_pages = extras.disable_date_rich_snippet_pages;
isThereMetaAbove = metaInfoCombined * ( metaAuthor + metaDate + metaCategories + mataTags );
isThereMetaBelow = metaInfoCombined * ( metaComments || metaLink );
isThereContent = 'no' === values.excerpt || ( 'yes' === values.excerpt && ! isZeroExcerpt );
_.each( queryData.posts, function( post ) {
var footerContent = '',
metaFooterContent,
borderColor;
readMoreContent = '';
headerContent = '';
preTitleContent = '';
// Work out correct image size.
imageSize = 'blog-large';
imageSize = ( ! FusionPageBuilderApp.$el.hasClass( 'has-sidebar' ) ) ? 'full' : 'blog-large';
imageSize = ( 'medium' === values.layout || 'medium-alternate' === values.layout ) ? 'blog-medium' : imageSize;
imageSize = ( 'undefined' !== typeof post.slideshow.featured_image_height && 'undefined' !== typeof post.slideshow.featured_image_width && '' !== post.slideshow.featured_image_height && '' !== post.slideshow.featured_image_width && 'auto' !== post.slideshow.featured_image_height && 'auto' !== post.slideshow.featured_image_width ) ? 'full' : imageSize;
imageSize = ( 'auto' === post.slideshow.featured_image_height || 'auto' === post.slideshow.featured_image_width ) ? 'full' : imageSize;
imageSize = ( 'grid' === values.layout || 'timeline' === values.layout ) ? 'full' : imageSize;
post.slideshow.image_size = imageSize;
if ( 'timeline' === values.layout ) {
dateValues = {};
dateValues.prev_post_month = prevPostMonth;
dateValues.post_month = post.post_month;
dateValues.prev_post_year = prevPostYear;
dateValues.post_year = post.post_year;
timelineDate = '';
if ( dateValues.prev_post_month != dateValues.post_month || dateValues.prev_post_year != dateValues.post_year ) {
if ( 1 < postCount ) {
timelineDate = '</div>';
}
timelineTitleTag = self.getTitleTag( values, 'timeline_title' );
timelineDate += '<' + timelineTitleTag + ' class="fusion-timeline-date" style="background-color:' + values.grid_element_color + ';">' + post.timeline_date_format + '</' + timelineTitleTag + '>';
timelineDate += '<div class="fusion-collapse-month">';
}
html += timelineDate;
}
// BlogShortcodeLoop Attributes.
blogShortcodeLoop = {};
blogShortcodeLoop.id = 'post-' + post.id;
blogShortcodeLoop[ 'class' ] = 'post fusion-post-' + values.layout;
if ( 'masonry' === values.layout ) {
if ( true !== post.slideshow.image_data.masonry_data.specific_element_orientation_class ) {
post.slideshow.image_data.masonry_data.element_orientation_class = _.fusionGetElementOrientationClass( { imageWidth: post.slideshow.image_data.masonry_data.image_width, imageHeight: post.slideshow.image_data.masonry_data.image_height }, values.blog_masonry_grid_ratio, values.blog_masonry_width_double );
}
post.slideshow.image_data.masonry_data.element_base_padding = _.fusionGetElementBasePadding( post.slideshow.image_data.masonry_data.element_orientation_class );
if ( 'fusion-element-landscape' !== post.slideshow.image_data.masonry_data.element_orientation_class ) {
this.regularImagesFound = true;
}
// Additional grid class needed for masonry layout.
blogShortcodeLoop[ 'class' ] += ' fusion-post-grid';
blogShortcodeLoop[ 'class' ] += ' ' + post.slideshow.image_data.masonry_data.element_orientation_class;
}
// Set the correct column class for every post.
if ( 'timeline' === values.layout ) {
timelineAlign = ' fusion-right-column';
if ( 0 < ( postCount % 2 ) ) {
timelineAlign = ' fusion-left-column';
}
blogShortcodeLoop[ 'class' ] += ' fusion-clearfix' + timelineAlign;
blogShortcodeLoop.style = 'border-color:' + values.grid_element_color + ';';
}
// Set the has-post-thumbnail if a video is used. This is needed if no featured image is present.
if ( false !== post.post_video ) {
blogShortcodeLoop[ 'class' ] += ' has-post-thumbnail';
}
if ( false !== post.post_class ) {
blogShortcodeLoop[ 'class' ] += post.post_class;
}
beforeLoopAction = '<article ' + _.fusionGetAttributes( blogShortcodeLoop ) + '>\n';
html += beforeLoopAction;
blogFusionPostWrapper = {
class: 'fusion-post-wrapper',
style: ''
};
if ( 'masonry' === values.layout ) {
color = jQuery.AWB_Color( values.grid_box_color );
colorCSS = color.toVarOrRgbaString();
if ( 0 === color.alpha() ) {
color = color.alpha( 1 );
colorCSS = color.toVarOrRgbaString();
}
if ( 0 === color.alpha() || 'transparent' === values.grid_element_color ) {
blogFusionPostWrapper[ 'class' ] += ' fusion-masonary-is-transparent ';
blogFusionPostWrapper.style += 'border:none;';
} else {
blogFusionPostWrapper.style += 'border:1px solid ' + values.grid_element_color + ';border-bottom-width:3px;';
}
blogFusionPostWrapper.style += 'background-color:' + colorCSS + ';';
blogFusionPostWrapper.style += 'border-color:' + values.grid_element_color + ';';
} else if ( 'grid' === values.layout ) {
color = jQuery.AWB_Color( values.grid_box_color );
colorCSS = color.toVarOrRgbaString();
borderColor = jQuery.AWB_Color( values.grid_element_color );
if ( 0 === borderColor.alpha() || 'transparent' === values.grid_element_color ) {
blogFusionPostWrapper.style += 'border:none;';
} else {
blogFusionPostWrapper.style += 'border:1px solid ' + values.grid_element_color + ';border-bottom-width:3px;';
}
blogFusionPostWrapper.style += 'background-color:' + colorCSS + ';';
blogFusionPostWrapper.style += 'border-color:' + values.grid_element_color + ';';
} else if ( 'timeline' === values.layout ) {
color = jQuery.AWB_Color( values.grid_box_color );
colorCSS = color.toVarOrRgbaString();
blogFusionPostWrapper.style = 'background-color:' + colorCSS + ';';
}
if ( 'grid' === values.layout || 'timeline' === values.layout || 'masonry' === values.layout ) {
html += '<div ' + _.fusionGetAttributes( blogFusionPostWrapper ) + '>';
}
if ( thumbnail && 'medium-alternate' !== values.layout ) {
if ( 'masonry' !== values.layout ) {
preTitleContent = _.fusionGetBlogSlideshow( post.slideshow );
} else {
post.slideshow.image_data.layout = values.layout;
post.slideshow.image_data.masonry_data.blog_grid_column_spacing = parseFloat( values.blog_grid_column_spacing );
preTitleContent = _.fusionFeaturedImage( post.slideshow.image_data );
}
}
if ( 'medium-alternate' === values.layout || 'large-alternate' === values.layout ) {
preTitleContent += '<div class="fusion-date-and-formats">';
dateAndFormat = '<div class="fusion-date-box updated">';
dateAndFormat += '<span class="fusion-date">' + post.alternate_date_format_day + '</span>';
dateAndFormat += '<span class="fusion-month-year">' + post.alternate_date_format_month_year + '</span>';
dateAndFormat += '</div>';
switch ( post.format ) {
case 'gallery':
formatClass = 'images';
break;
case 'link':
formatClass = 'link';
break;
case 'image':
formatClass = 'image';
break;
case 'quote':
formatClass = 'quotes-left';
break;
case 'video':
formatClass = 'film';
break;
case 'audio':
formatClass = 'headphones';
break;
case 'chat':
formatClass = 'bubbles';
break;
default:
formatClass = 'pen';
break;
}
dateAndFormat += '<div class="fusion-format-box">';
dateAndFormat += '<i class="awb-icon-' + formatClass + '" aria-hidden="true"></i>';
dateAndFormat += '</div>';
preTitleContent += dateAndFormat;
preTitleContent += '</div>';
if ( thumbnail && 'medium-alternate' === values.layout ) {
preTitleContent += _.fusionGetBlogSlideshow( post.slideshow );
}
if ( metaAll ) {
metaData = _.fusionRenderPostMetadata( 'alternate', metaInfoSettings, post.meta_data );
}
}
if ( 'grid' === values.layout || 'timeline' === values.layout || 'masonry' === values.layout ) {
if ( 'masonry' !== values.layout && ( ( showTitle && isThereMetaAbove && ( isThereContent || isThereMetaBelow ) ) || ( showTitle && ! isThereMetaAbove && isThereMetaBelow ) ) ) {
contentSepAttr = {
class: 'fusion-content-sep'
};
contentSepTypes = values.grid_separator_style_type;
contentSepTypes = contentSepTypes.split( '|' );
jQuery.each( contentSepTypes, function( index, type ) {
contentSepAttr[ 'class' ] += ' sep-' + type;
} );
contentSepAttr.style = 'border-color:' + values.grid_separator_color;
contentSep = '<div ' + _.fusionGetAttributes( contentSepAttr ) + '></div>';
}
if ( metaAll ) {
metaData = _.fusionRenderPostMetadata( 'grid_timeline', metaInfoSettings, post.meta_data );
}
blogShortcodePostContentWrapper[ 'class' ] = 'fusion-post-content-wrapper';
if ( 'masonry' === values.layout ) {
blogShortcodePostContentWrapper.style = 'background-color:inherit;';
blogShortcodePostContentWrapper.style += 'padding: ' + values.padding + ';';
if ( ! metaInfoCombined && isZeroExcerpt && ! showTitle ) {
blogShortcodePostContentWrapper.style += ' display:none;';
}
} else if ( 'grid' === values.layout ) {
blogShortcodePostContentWrapper.style = 'background-color:inherit;';
blogShortcodePostContentWrapper.style += 'padding: ' + values.padding + ';';
if ( ! metaInfoCombined && ! showTitle && ( isZeroExcerpt || 'hide' === values.excerpt ) ) {
blogShortcodePostContentWrapper.style += ' display:none;';
}
}
preTitleContent += '<div ' + _.fusionGetAttributes( blogShortcodePostContentWrapper ) + '>';
}
preTitleContent += '<div class="fusion-post-content post-content">';
if ( showTitle ) {
if ( titleLink ) {
linkIconTarget = post.link_icon_target;
postLinksTarget = post.post_links_target;
if ( 'yes' === linkIconTarget || 'yes' === postLinksTarget ) {
linkTarget = ' target="_blank" rel="noopener noreferrer"';
}
link = '<a href="' + post.permalink + '"' + linkTarget + '>' + post.title + '</a>';
} else {
link = post.title;
}
}
if ( 'timeline' === values.layout ) {
preTitleContent += '<div class="fusion-timeline-circle" style="background-color:' + values.grid_element_color + ';"></div>';
preTitleContent += '<div class="fusion-timeline-arrow" style="color:' + values.grid_element_color + ';"></div>';
}
blogShortcodePostTitle[ 'class' ] = 'blog-shortcode-post-title';
if ( extras.disable_date_rich_snippet_pages ) {
blogShortcodePostTitle[ 'class' ] += ' entry-title';
}
postTitleTag = self.getTitleTag( values, 'post' );
headerContent = preTitleContent + '<' + postTitleTag + ' ' + _.fusionGetAttributes( blogShortcodePostTitle ) + '>' + link + '</' + postTitleTag + '>' + metaData + contentSep;
html += headerContent;
if ( 'hide' !== values.excerpt ) {
if ( post.content.has_custom_excerpt ) {
content = _.fusionGetFixedContent( post.content, values.excerpt, Number.MAX_SAFE_INTEGER, stripHTML );
} else {
content = _.fusionGetFixedContent( post.content, values.excerpt, values.excerpt_words, stripHTML );
}
}
html += '<div class="fusion-post-content-container">' + content + '</div>';
if ( metaLink ) {
if ( values.meta_read ) {
readMoreWrapperClass = 'fusion-alignright';
if ( 'grid' === values.layout || 'timeline' === values.layout || 'masonry' === values.layout ) {
readMoreWrapperClass = 'fusion-alignleft';
}
linkIconTarget = post.link_icon_target;
postLinksTarget = post.post_links_target;
if ( 'yes' === linkIconTarget || 'yes' === postLinksTarget ) {
readMoreLinkAttributes.target = '_blank';
readMoreLinkAttributes.rel = 'noopener noreferrer';
}
readMoreLinkAttributes.href = post.permalink;
readMoreContent += '<div class="' + readMoreWrapperClass + '">';
readMoreContent += '<a ' + _.fusionGetAttributes( readMoreLinkAttributes ) + '>';
readMoreContent += '<span class="fusion-read-more">' + extras.read_more_text + '</span>';
readMoreContent += '</a>';
readMoreContent += '</div>';
if ( 'large-alternate' === values.layout || 'medium-alternate' === values.layout ) {
readMoreContent = '<div class="fusion-meta-info">' + readMoreContent + '</div>';
}
}
}
if ( metaComments ) {
gridTimeLineContent = '<div class="fusion-alignright">' + post.timeline_comments + '</div>';
}
if ( 'grid' === values.layout || 'timeline' === values.layout || 'masonry' === values.layout ) {
footerContent += '</div>';
if ( 0 < metaInfoCombined ) {
metaFooterContent = readMoreContent;
metaFooterContent += gridTimeLineContent;
footerContent += '<div class="fusion-meta-info">' + metaFooterContent + '</div>';
}
}
footerContent += '</div>';
footerContent += '<div class="fusion-clearfix"></div>';
if ( 0 < metaInfoCombined && -1 !== jQuery.inArray( values.layout, [ 'large', 'medium' ] ) ) {
footerContent += '<div class="fusion-meta-info">' + _.fusionRenderPostMetadata( 'standard', metaInfoSettings, post.meta_data ) + readMoreContent + '</div>';
}
if ( metaAll && -1 !== jQuery.inArray( values.layout, [ 'large-alternate', 'medium-alternate' ] ) ) {
footerContent += readMoreContent;
}
html += footerContent;
if ( 'grid' === values.layout || 'timeline' === values.layout || 'masonry' === values.layout ) {
html += '</div>\n';
html += '</article>\n';
} else {
html += '</article>\n';
}
if ( 'timeline' === values.layout ) {
prevPostMonth = post.post_month;
prevPostYear = post.post_year;
postCount++;
values.post_count++;
}
} );
return html;
},
/**
* Get the title HTML tag.
*
* @param {Array} values
* @param {string} title Either 'post' or 'timeline_title'.
* @returns
*/
getTitleTag: function( values, title ) {
var title_value;
if ( 'post' === title ) {
title_value = values.title_size;
if ( ! title_value ) {
return 'h2';
}
} else if ( 'timeline_title' === title ) {
title_value = values.timeline_title_size;
if ( ! title_value ) {
return 'h3';
}
}
if ( !isNaN( title_value ) && !isNaN( parseFloat( title_value ) ) ) {
return 'h' + title_value;
}
return title_value;
},
/**
* Build the styles.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {string}
*/
buildStyles: function( values ) {
var styles = '',
cid = this.model.get( 'cid' );
styles += '.fusion-blog-shortcode-cid' + cid + ' .fusion-blog-layout-grid .fusion-post-grid{padding:' + ( parseFloat( values.blog_grid_column_spacing ) / 2 ) + 'px;}';
styles += '.fusion-blog-shortcode-cid' + cid + ' .fusion-posts-container{margin-left: -' + ( parseFloat( values.blog_grid_column_spacing ) / 2 ) + 'px !important; margin-right:-' + ( parseFloat( values.blog_grid_column_spacing ) / 2 ) + 'px !important;}';
return styles;
},
/**
* Create the style HTML element.
*
* @since 3.5
* @param {Object} values - The values.
* @returns {string}
*/
getStyleElement: function( values ) {
var style,
baseSelector = '.fusion-blog-shortcode.fusion-blog-shortcode-cid' + this.model.get( 'cid' ),
self = this,
titleSelector = baseSelector + ' .entry-title',
timelineTitleSelector = baseSelector + ' .fusion-timeline-date';
this.dynamic_css = {};
this.values = values;
jQuery.each( _.fusionGetFontStyle( 'title_font', values, 'object' ), function( rule, value ) {
self.addCssProperty( titleSelector, rule, value, true );
} );
if ( ! _.isEmpty( values.title_font_size ) ) {
this.addCssProperty( titleSelector, 'font-size', values.title_font_size, true );
}
if ( ! _.isEmpty( values.title_line_height ) ) {
this.addCssProperty( titleSelector, 'line-height', values.title_line_height, true );
}
if ( ! _.isEmpty( values.title_letter_spacing ) ) {
this.addCssProperty( titleSelector, 'letter-spacing', values.title_letter_spacing, true );
}
if ( ! _.isEmpty( values.title_text_transform ) ) {
this.addCssProperty( titleSelector, 'text-transform', values.title_text_transform, true );
}
jQuery.each( _.fusionGetFontStyle( 'timeline_title_font', values, 'object' ), function( rule, value ) {
self.addCssProperty( timelineTitleSelector, rule, value, true );
} );
if ( ! _.isEmpty( values.timeline_title_font_size ) ) {
this.addCssProperty( timelineTitleSelector, 'font-size', values.timeline_title_font_size, true );
}
if ( ! _.isEmpty( values.timeline_title_line_height ) ) {
this.addCssProperty( timelineTitleSelector, 'line-height', values.timeline_title_line_height, true );
}
if ( ! _.isEmpty( values.timeline_title_letter_spacing ) ) {
this.addCssProperty( timelineTitleSelector, 'letter-spacing', values.timeline_title_letter_spacing, true );
}
if ( ! _.isEmpty( values.timeline_title_text_transform ) ) {
this.addCssProperty( timelineTitleSelector, 'text-transform', values.timeline_title_text_transform, true );
}
style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Lightbox View.
FusionPageBuilder.fusion_lightbox = FusionPageBuilder.ElementView.extend( {
/**
* 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( '[data-rel="iLightbox"]' ) );
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 ) {
// Create attribute objects.
atts.name = atts.params.alt_text;
atts.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
atts.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
atts.attr = this.buildAttr( atts.params );
atts.imgAttr = this.buildImgAttr( atts.params );
atts.values = atts.params;
return atts;
},
/**
* Builds attributes.
*
* @since 3.5
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
// Main wrapper attributes
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'awb-lightbox awb-lightbox-' + this.model.get( 'cid' ),
style: ''
} );
if ( values.title ) {
attr.title = attr[ 'data-title' ] = values.title; // eslint-disable-line no-multi-assign
}
if ( 'undefined' !== typeof values.type && 'video' === values.type ) {
attr.href = values.video_url;
} else if ( 'link' === values.type ) {
attr.href = values.link_url;
} else {
attr.href = values.full_image;
}
if ( values.description ) {
attr[ 'data-caption' ] = values.description;
}
if ( attr.href ) {
attr[ 'data-rel' ] = 'iLightbox';
}
if ( 'undefined' !== typeof values[ 'class' ] && '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'undefined' !== typeof values.id && '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds image attributes.
*
* @since 3.5
* @param {Object} values - The values object.
* @return {Object}
*/
buildImgAttr: function( values ) {
var attr = {};
if ( values.thumbnail_image ) {
attr.src = values.thumbnail_image;
}
if ( values.alt_text ) {
attr.alt = values.alt_text;
}
return attr;
}
} );
} );
}( jQuery ) );
;/* global FusionEvents, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.fusion_widget = FusionPageBuilder.ElementView.extend( {
onInit: function() {
this.contentView = false;
this.listenTo( FusionEvents, 'fusion-widget-rendered', this.removeLoadingOverlay );
this.deprecatedParams();
},
sanitizeValue: function( param, value ) {
// HTML and Text widget especial escape.
if ( 'wp_widget_custom_html__content' === param || 'wp_widget_text__text' === param ) {
return _.escape( value );
}
return value;
},
onRender: function() {
this.renderWidgetContent();
},
/**
* Removes loading overlay
*
* @since 2.0.0
* @return {void}
*/
removeLoadingOverlay: function() {
var contentType = 'element',
$elementContent;
if ( _.isObject( this.model.attributes ) ) {
if ( 'fusion_builder_container' === this.model.attributes.element_type ) {
contentType = 'container';
} else if ( 'fusion_builder_column' === this.model.attributes.element_type ) {
contentType = 'columns';
}
}
$elementContent = this.$el.find( '.fusion-builder-' + contentType + '-content' );
$elementContent.removeClass( 'fusion-loader' );
$elementContent.find( '.fusion-builder-loader' ).remove();
},
beforeRemove: function() {
if ( this.contentView ) {
this.contentView.removeElement();
}
},
renderWidgetContent: function() {
var view,
viewSettings = {
model: this.model
},
widgetType = this.model.attributes.params.type;
if ( ! this.model.get( 'params' ).type ) {
return;
}
if ( this.contentView ) {
this.$el.find( '.fusion-widget-content' ).html( this.contentView.render().el );
} else {
if ( 'undefined' !== typeof FusionPageBuilder[ widgetType ] ) {
view = new FusionPageBuilder[ widgetType ]( viewSettings );
} else {
view = new FusionPageBuilder.fusion_widget_content( viewSettings );
}
this.contentView = view;
this.$el.find( '.fusion-widget-content' ).html( view.render().el );
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects
attributes.attr = this.buildAttr( atts.values );
attributes.styles = this.buildStyles( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
attributes.placeholder = this.getWidgetPlaceholder();
return attributes;
},
/**
* Modify the values.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.margin_bottom = _.fusionValidateAttrValue( values.margin_bottom, 'px' );
values.margin_left = _.fusionValidateAttrValue( values.margin_left, 'px' );
values.margin_right = _.fusionValidateAttrValue( values.margin_right, 'px' );
values.margin_top = _.fusionValidateAttrValue( values.margin_top, 'px' );
},
/**
* Get widget placeholder.
*
* @since 2.0.0
* @return {string}
*/
getWidgetPlaceholder: function() {
var placeholder = jQuery( this.getPlaceholder() ).append( '<span class="fusion-tb-source-separator"> - </span><br/><span>' + fusionBuilderText.select_widget + '</span>' );
return placeholder[ 0 ].outerHTML;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-widget fusion-widget-element fusion-widget-area fusion-content-widget-area widget fusion-live-widget fusion-widget-cid' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( values.fusion_align ) {
attr[ 'class' ] += ' fusion-widget-align-' + values.fusion_align;
}
if ( values.fusion_align_mobile ) {
attr[ 'class' ] += ' fusion-widget-mobile-align-' + values.fusion_align_mobile;
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
return attr;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildStyles: function( values ) {
var styles = '',
cid = this.model.get( 'cid' );
styles = '<style type="text/css">';
styles += '.fusion-widget.fusion-widget-cid' + cid + '{';
styles += 'background-color:' + values.fusion_bg_color + ';';
if ( 'undefined' !== typeof values.fusion_padding_color ) {
styles += 'padding:' + _.fusionCheckValue( values.fusion_padding_color ) + ';';
}
if ( 'undefined' !== typeof values.fusion_bg_radius_size ) {
styles += 'border-radius:' + _.fusionCheckValue( values.fusion_bg_radius_size ) + ';';
}
if ( 'undefined' !== typeof values.fusion_margin ) {
styles += 'margin:' + _.fusionCheckValue( values.fusion_margin ) + ';';
}
styles += 'border-color:' + values.fusion_border_color + ';';
styles += 'border-width:' + _.fusionValidateAttrValue( values.fusion_border_size, 'px' ) + ';';
if ( '' !== values.fusion_border_size ) {
styles += 'border-style:' + values.fusion_border_style + ';';
}
styles += '}';
if ( 'no' === values.fusion_display_title ) {
styles += '.fusion-widget.fusion-widget-cid' + cid + ' .widget-title, .fusion-widget.fusion-widget-cid' + cid + ' .tribe-events-widget-events-list__header{display:none;}';
}
if ( 'undefined' !== typeof values.fusion_divider_color && '' !== values.fusion_divider_color ) {
styles += '#wrapper .fusion-widget.fusion-widget-cid' + cid + ' li { border-color:' + values.fusion_divider_color + ';}';
if ( 'WP_Widget_Tag_Cloud' === values.type ) {
styles += '#wrapper .fusion-widget.fusion-widget-cid' + cid + ' .tagcloud a { border-color:' + values.fusion_divider_color + ';}';
} else if ( 'Fusion_Widget_Menu' === values.type ) {
styles += '#wrapper .fusion-widget.fusion-widget-cid' + cid + ' .fusion-widget-menu ul li a:after { color:' + values.fusion_divider_color + ';}';
}
}
// Special handling for vertical menu widget, to take into account the deprecated border_color option.
if ( 'Fusion_Widget_Vertical_Menu' === values.type ) {
if ( 'undefined' !== typeof values.border_color && 'undefined' === typeof values.fusion_divider_color ) {
values.fusion_divider_color = values.border_color;
}
if ( '' !== values.fusion_divider_color ) {
styles += '#wrapper .fusion-widget.fusion-widget-cid' + cid + ' .menu { border-right-color:' + values.fusion_divider_color + ' !important; border-top-color:' + values.fusion_divider_color + ' !important;}';
styles += '#wrapper .fusion-widget.fusion-widget-cid' + cid + ' .menu li a { border-bottom-color:' + values.fusion_divider_color + ' !important; }';
styles += '#wrapper .fusion-widget.fusion-widget-cid' + cid + ' .right .menu { border-left-color:' + values.fusion_divider_color + ' !important; }';
} else {
styles += '#wrapper .fusion-widget.fusion-widget-cid' + cid + ' > ul.menu { margin-top: -8px; }';
}
}
styles += '</style>';
return styles;
},
/**
* Filter out DOM before patching.
*
* @since 2.0.0
* @return {void}
*/
patcherFilter: function( diff ) {
var filteredDiff = [];
_.each( diff, function( info ) {
if ( 'replaceElement' === info.action ) {
if ( 'undefined' !== typeof info.oldValue.attributes && -1 !== info.oldValue.attributes[ 'class' ].indexOf( 'fusion-widget-content-view' ) ) {
// Ignore.
} else {
filteredDiff.push( info );
}
} else if ( 'addElement' === info.action ) {
if ( -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-widget-content-view' ) || -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-widget' ) ) {
// Ignore.
} else {
filteredDiff.push( info );
}
} else if ( 'removeElement' === info.action ) {
if ( -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-widget-content' ) || -1 !== info.element.attributes[ 'class' ].indexOf( 'fusion-widget' ) ) {
// Ignore.
} else {
filteredDiff.push( info );
}
} else {
filteredDiff.push( info );
}
} );
return filteredDiff;
},
deprecatedParams: function() {
var params = this.model.get( 'params' );
// Ensures backwards compatibility for the border_color option of the vertical menu.
if ( 'Fusion_Widget_Vertical_Menu' === params.type && 'undefined' === typeof params.fusion_divider_color ) {
params.fusion_divider_color = params.fusion_widget_vertical_menu__border_color;
delete params.fusion_widget_vertical_menu__border_color;
}
this.model.set( 'params', params );
}
} );
_.extend( FusionPageBuilder.Callback.prototype, {
fusion_get_widget_markup: function( name, value, modelData, args, cid, action, model, view ) {
view.changeParam( name, value );
view.contentView.getHTML( view );
},
fusion_widget_changed: function( name, value, args, view ) {
view.changeParam( name, value );
view.model.attributes.markup = '';
FusionEvents.trigger( 'fusion-widget-changed' );
view.render();
view.addLoadingOverlay();
// prevent another re-render
return {
render: false
};
}
} );
} );
}() );
;/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Notices Component View.
FusionPageBuilder.fusion_tb_woo_notices = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-notices-tb fusion-woo-notices-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.alignment ) {
attr[ 'class' ] += ' alignment-text-' + values.alignment;
}
if ( '' !== values.show_button ) {
attr[ 'class' ] += ' show-button-' + values.show_button;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-notices-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_notices ) {
output = atts.query_data.woo_notices;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var css, selectors, selectorMessage, selectorError, selectorNotices;
this.baseSelector = '.fusion-woo-notices-tb.fusion-woo-notices-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
selectorMessage = [
this.baseSelector + ' .woocommerce-info',
this.baseSelector + ' .woocommerce-message'
];
selectorError = [ this.baseSelector + ' .woocommerce-error li' ];
selectorNotices = _.union( selectorMessage, selectorError );
// Margin styles.
if ( ! this.isDefault( 'margin_top' ) ) {
this.addCssProperty( selectorNotices, 'margin-top', _.fusionGetValueWithUnit( values.margin_top ) );
}
if ( ! this.isDefault( 'margin_right' ) ) {
this.addCssProperty( selectorNotices, 'margin-right', _.fusionGetValueWithUnit( values.margin_right ) );
}
if ( ! this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( selectorNotices, 'margin-bottom', _.fusionGetValueWithUnit( values.margin_bottom ) );
}
if ( ! this.isDefault( 'margin_left' ) ) {
this.addCssProperty( selectorNotices, 'margin-left', _.fusionGetValueWithUnit( values.margin_left ) );
}
// Padding styles.
if ( ! this.isDefault( 'padding_top' ) ) {
this.addCssProperty( selectorNotices, 'padding-top', _.fusionGetValueWithUnit( values.padding_top ) );
}
if ( ! this.isDefault( 'padding_right' ) ) {
this.addCssProperty( selectorNotices, 'padding-right', _.fusionGetValueWithUnit( values.padding_right ) );
}
if ( ! this.isDefault( 'padding_bottom' ) ) {
this.addCssProperty( selectorNotices, 'padding-bottom', _.fusionGetValueWithUnit( values.padding_bottom ) );
}
if ( ! this.isDefault( 'padding_left' ) ) {
this.addCssProperty( selectorNotices, 'padding-left', _.fusionGetValueWithUnit( values.padding_left ) );
}
if ( ! this.isDefault( 'font_size' ) ) {
this.addCssProperty( selectorNotices, 'font-size', values.font_size );
}
if ( ! this.isDefault( 'font_color' ) ) {
this.addCssProperty( selectorNotices, 'color', values.font_color );
}
// Border styles.
if ( ! this.isDefault( 'border_sizes_top' ) ) {
this.addCssProperty( selectorNotices, 'border-top-width', _.fusionGetValueWithUnit( values.border_sizes_top ) );
}
if ( ! this.isDefault( 'border_sizes_right' ) ) {
this.addCssProperty( selectorNotices, 'border-right-width', _.fusionGetValueWithUnit( values.border_sizes_right ) );
}
if ( ! this.isDefault( 'border_sizes_bottom' ) ) {
this.addCssProperty( selectorNotices, 'border-bottom-width', _.fusionGetValueWithUnit( values.border_sizes_bottom ) );
}
if ( ! this.isDefault( 'border_sizes_left' ) ) {
this.addCssProperty( selectorNotices, 'border-left-width', _.fusionGetValueWithUnit( values.border_sizes_left ) );
}
if ( ! this.isDefault( 'border_radius_top_left' ) ) {
this.addCssProperty( selectorNotices, 'border-top-left-radius', _.fusionGetValueWithUnit( values.border_radius_top_left ) );
}
if ( ! this.isDefault( 'border_radius_top_right' ) ) {
this.addCssProperty( selectorNotices, 'border-top-right-radius', _.fusionGetValueWithUnit( values.border_radius_top_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_right' ) ) {
this.addCssProperty( selectorNotices, 'border-bottom-right-radius', _.fusionGetValueWithUnit( values.border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_left' ) ) {
this.addCssProperty( selectorNotices, 'border-bottom-left-radius', _.fusionGetValueWithUnit( values.border_radius_bottom_left ) );
}
if ( ! this.isDefault( 'border_style' ) ) {
this.addCssProperty( selectorNotices, 'border-style', values.border_style );
}
if ( ! this.isDefault( 'border_color' ) ) {
this.addCssProperty( selectorNotices, 'border-color', values.border_color );
}
if ( ! this.isDefault( 'background_color' ) ) {
this.addCssProperty( selectorNotices, 'background-color', values.background_color );
}
// Icon styles.
selectors = [
this.baseSelector + ' .woocommerce-info .fusion-woo-notices-tb-icon',
this.baseSelector + ' .woocommerce-message .fusion-woo-notices-tb-icon',
this.baseSelector + ' .woocommerce-error .fusion-woo-notices-tb-icon'
];
if ( ! this.isDefault( 'icon_size' ) ) {
this.addCssProperty( selectors, 'font-size', values.icon_size + 'px' );
}
if ( ! this.isDefault( 'icon_color' ) ) {
this.addCssProperty( selectors, 'color', values.icon_color );
}
// Remove default cart icon styles.
selectors = [
this.baseSelector + ' .woocommerce-message .wc-forward:before',
this.baseSelector + ' .woocommerce-info .wc-forward:before'
];
if ( ! this.isDefault( 'cart_icon_style' ) ) {
this.addCssProperty( selectors, 'content', '""' );
this.addCssProperty( selectors, 'margin-right', '0' );
}
// Link & Hover styles.
selectors = [
this.baseSelector + ' .woocommerce-info .wc-forward',
this.baseSelector + ' .woocommerce-message .wc-forward',
this.baseSelector + ' .woocommerce-error .wc-forward'
];
if ( ! this.isDefault( 'link_color' ) ) {
this.addCssProperty( selectors, 'color', values.link_color );
}
selectors = [
this.baseSelector + ' .woocommerce-info .wc-forward:hover',
this.baseSelector + ' .woocommerce-message .wc-forward:hover',
this.baseSelector + ' .woocommerce-error .wc-forward:hover'
];
if ( ! this.isDefault( 'link_hover_color' ) ) {
this.addCssProperty( selectors, 'color', values.link_hover_color );
}
// Success styles.
selectors = [ this.baseSelector + ' .woocommerce-message' ];
if ( ! this.isDefault( 'success_border_color' ) ) {
this.addCssProperty( selectors, 'border-color', values.success_border_color );
}
if ( ! this.isDefault( 'success_background_color' ) ) {
this.addCssProperty( selectors, 'background-color', values.success_background_color );
}
if ( ! this.isDefault( 'success_text_color' ) ) {
this.addCssProperty( selectors, 'color', values.success_text_color );
}
selectors = [ this.baseSelector + ' .woocommerce-message .fusion-woo-notices-tb-icon' ];
if ( ! this.isDefault( 'success_icon_color' ) ) {
this.addCssProperty( selectors, 'color', values.success_icon_color );
}
// Success Link & Hover styles.
selectors = [ this.baseSelector + ' .woocommerce-message .wc-forward' ];
if ( ! this.isDefault( 'success_link_color' ) ) {
this.addCssProperty( selectors, 'color', values.success_link_color );
}
selectors = [ this.baseSelector + ' .woocommerce-message .wc-forward:hover' ];
if ( ! this.isDefault( 'success_link_hover_color' ) ) {
this.addCssProperty( selectors, 'color', values.success_link_hover_color );
}
// Error styles.
if ( ! this.isDefault( 'error_border_color' ) ) {
this.addCssProperty( selectorError, 'border-color', values.error_border_color );
}
if ( ! this.isDefault( 'error_background_color' ) ) {
this.addCssProperty( selectorError, 'background-color', values.error_background_color );
}
if ( ! this.isDefault( 'error_text_color' ) ) {
this.addCssProperty( selectorError, 'color', values.error_text_color );
}
selectors = [ this.baseSelector + ' .woocommerce-error .fusion-woo-notices-tb-icon' ];
if ( ! this.isDefault( 'error_icon_color' ) ) {
this.addCssProperty( selectors, 'color', values.error_icon_color );
}
// Error Link & Hover styles.
selectors = [ this.baseSelector + ' .woocommerce-error .wc-forward' ];
if ( ! this.isDefault( 'error_link_color' ) ) {
this.addCssProperty( selectors, 'color', values.error_link_color );
}
selectors = [ this.baseSelector + ' .woocommerce-error .wc-forward:hover' ];
if ( ! this.isDefault( 'error_link_hover_color' ) ) {
this.addCssProperty( selectors, 'color', values.error_link_hover_color );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Checkout Billing Component View.
FusionPageBuilder.fusion_tb_woo_checkout_billing = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @return null
*/
onRender: function() {
if ( ! jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'woocommerce' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'woocommerce' );
}
},
/**
* Runs just before view is removed.
*
* @since 3.3
* @return null
*/
beforeRemove: function() {
var self = this,
removeClass = true;
_.find( FusionPageBuilderApp.collection.models, function( element ) {
if ( self.model.cid !== element.get( 'cid' ) && 'undefined' !== typeof element.get( 'element_type' ) && -1 !== element.get( 'element_type' ).indexOf( 'fusion_tb_woo_checkout' ) ) {
removeClass = false;
// Break.
return true;
}
} );
if ( true === removeClass ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'woocommerce' );
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
this.params = this.model.get( 'params' );
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock();
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-checkout-billing-tb fusion-woo-checkout-billing-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-checkout-billing-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_checkout_billing ) {
output = atts.query_data.woo_checkout_billing;
}
return output;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function() {
var inputs, hoverColor, placeholderColor, placeHolderInputs, hoverInputs, focusInputs, css;
this.baseSelector = '.fusion-woo-checkout-billing-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
inputs = [ this.baseSelector + ' input', this.baseSelector + ' select', this.baseSelector + ' textarea' ];
if ( ! this.isDefault( 'field_bg_color' ) ) {
this.addCssProperty( inputs, 'background-color', this.values.field_bg_color, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'background-color', this.values.field_bg_color, true );
}
if ( ! this.isDefault( 'field_text_color' ) ) {
placeholderColor = jQuery.AWB_Color( this.values.field_text_color ).alpha( 0.5 ).toVarOrRgbaString();
this.addCssProperty( inputs, 'color', this.values.field_text_color, true );
placeHolderInputs = [ this.baseSelector + ' input::placeholder', this.baseSelector + ' textarea::placeholder' ];
this.addCssProperty( placeHolderInputs, 'color', placeholderColor );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'color', this.values.field_text_color, true );
}
if ( ! this.isDefault( 'field_border_color' ) ) {
this.addCssProperty( inputs, 'border-color', this.values.field_border_color, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'border-color', this.values.field_border_color, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'color', this.values.field_border_color, true );
}
if ( ! this.isDefault( 'field_border_focus_color' ) ) {
hoverColor = jQuery.AWB_Color( this.values.field_border_focus_color ).alpha( 0.5 ).toVarOrRgbaString();
hoverInputs = [ this.baseSelector + ' input:hover', this.baseSelector + ' select:hover', this.baseSelector + ' textarea:hover' ];
this.addCssProperty( hoverInputs, 'border-color', hoverColor, true );
focusInputs = [ this.baseSelector + ' input:focus', this.baseSelector + ' select:focus', this.baseSelector + ' textarea:focus' ];
this.addCssProperty( focusInputs, 'border-color', this.values.field_border_focus_color, true );
// Select 2.
this.addCssProperty( this.baseSelector + ' .avada-select-parent:hover .select-arrow', 'border-color', hoverColor, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent:hover .select-arrow', 'color', hoverColor, true );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Checkout Billing Component View.
FusionPageBuilder.fusion_tb_woo_checkout_tabs = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @return null
*/
onRender: function() {
if ( ! jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'woocommerce' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'woocommerce' );
}
},
/**
* Runs just before view is removed.
*
* @since 3.3
* @return null
*/
beforeRemove: function() {
var self = this,
removeClass = true;
_.find( FusionPageBuilderApp.collection.models, function( element ) {
if ( self.model.cid !== element.cid && -1 !== element.attributes.element_type.indexOf( 'fusion_tb_woo_checkout' ) ) {
removeClass = false;
// Break.
return true;
}
} );
if ( true === removeClass ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'woocommerce' );
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.output = this.buildOutput( atts );
attributes.styles = this.buildStyleBlock();
return attributes;
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-checkout-tabs-tb fusion-woo-checkout-tabs-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'horizontal' === values.layout ) {
attr[ 'class' ] += ' woo-tabs-horizontal';
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-checkout-tabs-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_checkout_tabs ) {
output = atts.query_data.woo_checkout_tabs;
}
return output;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function() {
var self = this,
sides, margin_name, content_padding_name, nav_padding_name, text_styles, rule, value, title_selectors,
inputs, placeholderColor, placeHolderInputs, hoverColor, hoverInputs, focusInputs, selector, css;
this.baseSelector = '.fusion-woo-checkout-tabs-tb.fusion-woo-checkout-tabs-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
sides = [ 'top', 'right', 'bottom', 'left' ];
// Margins.
jQuery.each( sides, function( index, side ) {
// Element margin.
margin_name = 'margin_' + side;
if ( '' !== self.values[ margin_name ] ) {
self.addCssProperty( self.baseSelector, 'margin-' + side, _.fusionGetValueWithUnit( self.values[ margin_name ] ) );
}
} );
// Paddings.
jQuery.each( sides, function( index, side ) {
content_padding_name = 'content_padding_' + side;
nav_padding_name = 'nav_padding_' + side;
// Add content padding to style.
if ( '' !== self.values[ content_padding_name ] ) {
self.addCssProperty( self.baseSelector + ' .avada-checkout', 'padding-' + side, _.fusionGetValueWithUnit( self.values[ content_padding_name ] ) );
}
if ( '' !== self.values[ nav_padding_name ] ) {
self.addCssProperty( self.baseSelector + ' .woocommerce-checkout-nav > li > a', 'padding-' + side, _.fusionGetValueWithUnit( self.values[ nav_padding_name ] ) );
}
} );
if ( 'vertical' === this.values.layout && ! this.isDefault( 'nav_content_space' ) ) {
this.addCssProperty( this.baseSelector + ' .avada-checkout', 'margin-left', 'calc(220px + ' + _.fusionGetValueWithUnit( this.values.nav_content_space ) + ')' );
}
if ( !this.isDefault( 'backgroundcolor' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav > li.is-active > a', 'background-color', this.values.backgroundcolor );
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav > li > a:hover', 'background-color', this.values.backgroundcolor );
this.addCssProperty( this.baseSelector + ' .avada-checkout', 'background-color', this.values.backgroundcolor );
}
if ( !this.isDefault( 'inactivebackgroundcolor' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav > li > a', 'background-color', this.values.inactivebackgroundcolor );
}
if ( !this.isDefault( 'active_nav_text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav > li.is-active > a', 'color', this.values.active_nav_text_color );
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav > li.is-active > a:after', 'color', this.values.active_nav_text_color );
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav > li > a:hover', 'color', this.values.active_nav_text_color );
}
if ( !this.isDefault( 'inactive_nav_text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav > li > a', 'color', this.values.inactive_nav_text_color );
}
if ( !this.isDefault( 'bordercolor' ) ) {
if ( 'horizontal' === this.values.layout ) {
this.addCssProperty( this.baseSelector + '.woo-tabs-horizontal > .woocommerce-checkout-nav .is-active', 'border-color', this.values.bordercolor );
} else {
this.addCssProperty( this.baseSelector + ' .woocommerce-checkout-nav li a', 'border-color', this.values.bordercolor );
}
this.addCssProperty( this.baseSelector + ' .avada-checkout', 'border-color', this.values.bordercolor );
this.addCssProperty( this.baseSelector + ' .avada-checkout .shop_table tr', 'border-color', this.values.bordercolor );
this.addCssProperty( this.baseSelector + ' .avada-checkout .shop_table tfoot', 'border-color', this.values.bordercolor );
}
if ( !this.isDefault( 'text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .avada-checkout', 'color', this.values.text_color );
this.addCssProperty( this.baseSelector + ' .avada-checkout .shop_table tfoot .order-total .amount', 'color', this.values.text_color );
this.addCssProperty( this.baseSelector + ' .avada-checkout .shop_table tfoot .order-total .amount', 'font-weight', '700' );
}
if ( !this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .avada-checkout', 'font-size', _.fusionGetValueWithUnit( this.values.text_font_size ) );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( this.baseSelector, 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( this.baseSelector, 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
text_styles = _.fusionGetFontStyle( 'text_font', this.values, 'object' );
for ( rule in text_styles ) { // eslint-disable-line guard-for-in
var value = text_styles[ rule ]; // eslint-disable-line
this.addCssProperty( this.baseSelector + ' .avada-checkout', rule, value ); // eslint-disable-line block-scoped-var
}
// Link color.
if ( !this.isDefault( 'link_color' ) ) {
self.addCssProperty( this.baseSelector + ' a:not(.fusion-button)', 'color', this.values.link_color );
}
// Link hover color.
if ( !this.isDefault( 'link_hover_color' ) ) {
self.addCssProperty( this.baseSelector + ' a:not(.fusion-button):hover', 'color', this.values.link_hover_color );
}
// Title styles.
title_selectors = [ this.baseSelector + ' .avada-checkout h3' ];
if ( !this.isDefault( 'title_color' ) ) {
this.addCssProperty( title_selectors, 'color', this.values.title_color );
}
if ( !this.isDefault( 'title_font_size' ) ) {
this.addCssProperty( title_selectors, 'font-size', _.fusionGetValueWithUnit( this.values.title_font_size ) );
}
if ( !this.isDefault( 'title_line_height' ) ) {
this.addCssProperty( title_selectors, 'line-height', this.values.title_line_height );
}
if ( !this.isDefault( 'title_text_transform' ) ) {
this.addCssProperty( title_selectors, 'text-transform', this.values.title_text_transform );
}
if ( !this.isDefault( 'title_letter_spacing' ) ) {
this.addCssProperty( title_selectors, 'letter-spacing', _.fusionGetValueWithUnit( this.values.title_letter_spacing ) );
}
text_styles = _.fusionGetFontStyle( 'title_font', this.values, 'object' );
for ( rule in text_styles ) { // eslint-disable-line guard-for-in
var value = text_styles[ rule ]; // eslint-disable-line
this.addCssProperty( title_selectors, rule, value ); // eslint-disable-line block-scoped-var
}
inputs = [ this.baseSelector + ' input', this.baseSelector + ' select', this.baseSelector + ' textarea' ];
if ( ! this.isDefault( 'field_bg_color' ) ) {
this.addCssProperty( inputs, 'background-color', this.values.field_bg_color );
// Select 2.
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'background-color', this.values.field_bg_color, true );
}
if ( ! this.isDefault( 'field_text_color' ) ) {
placeholderColor = jQuery.AWB_Color( this.values.field_text_color ).alpha( 0.5 ).toVarOrRgbaString();
this.addCssProperty( inputs, 'color', this.values.field_text_color );
// Select 2.
this.addCssProperty( this.baseSelector + ' .select2-container--default .select2-selection--single .select2-selection__rendered', 'color', this.values.field_text_color );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'color', this.values.field_text_color, true );
placeHolderInputs = [ this.baseSelector + ' input::placeholder', this.baseSelector + ' textarea::placeholder' ];
this.addCssProperty( placeHolderInputs, 'color', placeholderColor );
}
if ( ! this.isDefault( 'field_border_color' ) ) {
this.addCssProperty( inputs, 'border-color', this.values.field_border_color );
// Select 2.
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'border-color', this.values.field_border_color, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'color', this.values.field_border_color, true );
}
if ( ! this.isDefault( 'field_border_focus_color' ) ) {
hoverColor = jQuery.AWB_Color( this.values.field_border_focus_color ).alpha( 0.5 ).toVarOrRgbaString();
hoverInputs = [ this.baseSelector + ' input:hover', this.baseSelector + ' select:hover', this.baseSelector + ' textarea:hover' ];
this.addCssProperty( hoverInputs, 'border-color', hoverColor );
focusInputs = [ this.baseSelector + ' input:focus', this.baseSelector + ' select:focus', this.baseSelector + ' textarea:focus' ];
this.addCssProperty( focusInputs, 'border-color', this.values.field_border_focus_color );
// Select 2.
this.addCssProperty( this.baseSelector + ' .avada-select-parent:hover .select-arrow', 'border-color', hoverColor, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent:hover .select-arrow', 'color', hoverColor, true );
}
selector = this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li label';
if ( !this.isDefault( 'payment_label_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.payment_label_padding_top );
}
if ( !this.isDefault( 'payment_label_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.payment_label_padding_bottom );
}
if ( !this.isDefault( 'payment_label_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', 'max(2.5em,' + this.values.payment_label_padding_left + ')' );
}
if ( !this.isDefault( 'payment_label_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.payment_label_padding_right );
}
if ( !this.isDefault( 'payment_label_bg_color' ) ) {
this.addCssProperty( selector, 'background', this.values.payment_label_bg_color );
}
if ( !this.isDefault( 'payment_label_color' ) ) {
this.addCssProperty( selector, 'color', this.values.payment_label_color );
}
if ( !this.isDefault( 'payment_label_hover_color' ) ) {
this.addCssProperty( selector + ':hover', 'color', this.values.payment_label_hover_color );
this.addCssProperty( this.baseSelector + ' ul li input:checked+label', 'color', this.values.payment_label_hover_color );
}
selector = this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li:hover label';
if ( !this.isDefault( 'payment_label_bg_hover_color' ) ) {
this.addCssProperty( selector, 'background', this.values.payment_label_bg_hover_color );
}
selector = [ this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box', this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-notice' ];
if ( !this.isDefault( 'payment_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.payment_padding_top );
}
if ( !this.isDefault( 'payment_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.payment_padding_bottom );
}
if ( !this.isDefault( 'payment_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', this.values.payment_padding_left );
}
if ( !this.isDefault( 'payment_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.payment_padding_right );
}
if ( !this.isDefault( 'payment_box_bg' ) ) {
this.addCssProperty( selector, 'background', this.values.payment_box_bg );
}
if ( !this.isDefault( 'payment_color' ) ) {
this.addCssProperty( selector, 'color', this.values.payment_color );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Checkout Shipping Component View.
FusionPageBuilder.fusion_tb_woo_checkout_shipping = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @return null
*/
onRender: function() {
if ( ! jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).hasClass( 'woocommerce' ) ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).addClass( 'woocommerce' );
}
},
/**
* Runs just before view is removed.
*
* @since 3.3
* @return null
*/
beforeRemove: function() {
var self = this,
removeClass = true;
_.find( FusionPageBuilderApp.collection.models, function( element ) {
if ( self.model.cid !== element.cid && -1 !== element.attributes.element_type.indexOf( 'fusion_tb_woo_checkout' ) ) {
removeClass = false;
// Break.
return true;
}
} );
if ( true === removeClass ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).removeClass( 'woocommerce' );
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
this.params = this.model.get( 'params' );
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock();
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-checkout-shipping-tb fusion-woo-checkout-shipping-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-checkout-shipping-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_checkout_shipping ) {
output = atts.query_data.woo_checkout_shipping;
}
return output;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function() {
var inputs, hoverColor, placeholderColor, placeHolderInputs, hoverInputs, focusInputs, css;
this.baseSelector = '.fusion-woo-checkout-shipping-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
inputs = [ this.baseSelector + ' input', this.baseSelector + ' select', this.baseSelector + ' textarea' ];
if ( ! this.isDefault( 'field_bg_color' ) ) {
this.addCssProperty( inputs, 'background', this.values.field_bg_color, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'background-color', this.values.field_bg_color, true );
}
if ( ! this.isDefault( 'field_text_color' ) ) {
placeholderColor = jQuery.AWB_Color( this.values.field_text_color ).alpha( 0.5 ).toVarOrRgbaString();
this.addCssProperty( inputs, 'color', this.values.field_text_color, true );
placeHolderInputs = [ this.baseSelector + ' input::placeholder', this.baseSelector + ' textarea::placeholder' ];
this.addCssProperty( placeHolderInputs, 'color', placeholderColor );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'color', this.values.field_text_color, true );
}
if ( ! this.isDefault( 'field_border_color' ) ) {
this.addCssProperty( inputs, 'border-color', this.values.field_border_color, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'border-color', this.values.field_border_color, true );
}
if ( ! this.isDefault( 'field_border_focus_color' ) ) {
hoverColor = jQuery.AWB_Color( this.values.field_border_focus_color ).alpha( 0.5 ).toVarOrRgbaString();
hoverInputs = [ this.baseSelector + ' input:hover', this.baseSelector + ' select:hover', this.baseSelector + ' textarea:hover' ];
this.addCssProperty( hoverInputs, 'border-color', hoverColor );
focusInputs = [ this.baseSelector + ' input:focus', this.baseSelector + ' select:focus', this.baseSelector + ' textarea:focus' ];
this.addCssProperty( focusInputs, 'border-color', this.values.field_border_focus_color );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Checkout Payment Component View.
FusionPageBuilder.fusion_tb_woo_checkout_payment = FusionPageBuilder.ElementView.extend( {
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.button_border_top && 'undefined' !== typeof params.button_border_width && '' !== params.button_border_width ) {
params.button_border_top = parseInt( params.button_border_width ) + 'px';
params.button_border_right = params.button_border_top;
params.button_border_bottom = params.button_border_top;
params.button_border_left = params.button_border_top;
delete params.button_border_width;
}
this.model.set( 'params', params );
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.values = atts.values;
this.params = this.model.get( 'params' );
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-checkout-payment-tb fusion-woo-checkout-payment-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.button_alignment ) {
attr[ 'class' ] += ' button-align-' + values.button_alignment;
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-checkout-payment-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_checkout_payment ) {
output = atts.query_data.woo_checkout_payment;
}
return output;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
// variables into current scope
var self = this,
button, button_size_map, button_dimensions, button_hover, textStyles, css, selector;
this.baseSelector = '.fusion-woo-checkout-payment-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
textStyles = _.fusionGetFontStyle( 'text_typography', values, 'object' );
jQuery.each( textStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector, rule, value );
} );
// Text font size.
if ( !this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( this.baseSelector, 'font-size', _.fusionGetValueWithUnit( this.values.text_font_size ) );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( this.baseSelector, 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( this.baseSelector, 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
if ( !this.isDefault( 'link_color' ) ) {
this.addCssProperty( this.baseSelector + ' a', 'color', this.values.link_color );
}
if ( !this.isDefault( 'link_hover_color' ) ) {
this.addCssProperty( this.baseSelector + ' a:hover', 'color', this.values.link_hover_color );
}
selector = this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li > label';
if ( !this.isDefault( 'label_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.label_padding_top );
}
if ( !this.isDefault( 'label_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.label_padding_bottom );
}
if ( !this.isDefault( 'label_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', 'max(55px,' + this.values.label_padding_left + ')' );
}
if ( !this.isDefault( 'label_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.label_padding_right );
}
if ( !this.isDefault( 'label_bg_color' ) ) {
this.addCssProperty( selector, 'background', this.values.label_bg_color );
}
if ( !this.isDefault( 'label_color' ) ) {
this.addCssProperty( selector, 'color', this.values.label_color );
}
if ( !this.isDefault( 'label_hover_color' ) ) {
this.addCssProperty( selector + ':hover', 'color', this.values.label_hover_color );
this.addCssProperty( this.baseSelector + ' ul li input:checked+label', 'color', this.values.label_hover_color );
}
selector = this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li:hover > label';
if ( !this.isDefault( 'label_bg_hover_color' ) ) {
this.addCssProperty( selector, 'background', this.values.label_bg_hover_color );
}
selector = [ this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box', this.baseSelector + ' .woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-notice' ];
if ( !this.isDefault( 'payment_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.payment_padding_top );
}
if ( !this.isDefault( 'payment_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.payment_padding_bottom );
}
if ( !this.isDefault( 'payment_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', this.values.payment_padding_left );
}
if ( !this.isDefault( 'payment_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.payment_padding_right );
}
if ( !this.isDefault( 'payment_box_bg' ) ) {
this.addCssProperty( selector, 'background', this.values.payment_box_bg );
}
if ( !this.isDefault( 'payment_color' ) ) {
this.addCssProperty( selector, 'color', this.values.payment_color );
}
if ( !this.isDefault( 'button_style' ) ) {
button = '.fusion-body ' + this.baseSelector + ' #place_order';
// Button size.
if ( ! this.isDefault( 'button_size' ) ) {
button_size_map = {
small: {
padding: '9px 20px',
line_height: '14px',
font_size: '12px'
},
medium: {
padding: '11px 23px',
line_height: '16px',
font_size: '13px'
},
large: {
padding: '13px 29px',
line_height: '17px',
font_size: '14px'
},
xlarge: {
padding: '17px 40px',
line_height: '21px',
font_size: '18px'
}
};
if ( 'object' === typeof button_size_map[ this.values.button_size ] ) {
button_dimensions = button_size_map[ this.values.button_size ];
this.addCssProperty( button, 'padding', button_dimensions.padding );
this.addCssProperty( button, 'line-height', button_dimensions.line_height );
this.addCssProperty( button, 'font-size', button_dimensions.font_size );
}
}
if ( ! this.isDefault( 'button_stretch' ) ) {
this.addCssProperty( button, 'flex', '1' );
this.addCssProperty( button, 'width', '100%' );
}
if ( ! this.isDefault( 'button_border_top' ) ) {
this.addCssProperty( button, 'border-top-width', _.fusionGetValueWithUnit( this.values.button_border_top ) );
}
if ( ! this.isDefault( 'button_border_right' ) ) {
this.addCssProperty( button, 'border-right-width', _.fusionGetValueWithUnit( this.values.button_border_right ) );
}
if ( ! this.isDefault( 'button_border_bottom' ) ) {
this.addCssProperty( button, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.button_border_bottom ) );
}
if ( ! this.isDefault( 'button_border_left' ) ) {
this.addCssProperty( button, 'border-left-width', _.fusionGetValueWithUnit( this.values.button_border_left ) );
}
if ( ! this.isDefault( 'button_color' ) ) {
this.addCssProperty( button, 'color', this.values.button_color );
}
if ( ( 'string' === typeof this.params.button_gradient_top && '' !== this.params.button_gradient_top ) || ( 'string' === typeof this.params.button_gradient_bottom && '' !== this.params.button_gradient_bottom ) ) {
this.addCssProperty( button, 'background', this.values.button_gradient_top );
this.addCssProperty( button, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom + ', ' + this.values.button_gradient_top + ' )' );
}
if ( ! this.isDefault( 'button_border_color' ) ) {
this.addCssProperty( button, 'border-color', this.values.button_border_color );
}
button_hover = button + ':hover';
// Button hover text color
if ( ! this.isDefault( 'button_color_hover' ) ) {
this.addCssProperty( button_hover, 'color', this.values.button_color_hover );
}
if ( ( 'string' === typeof this.params.button_gradient_top_hover && '' !== this.params.button_gradient_top_hover ) || ( 'string' === typeof this.params.button_gradient_bottom_hover && '' !== this.params.button_gradient_bottom_hover ) ) {
this.addCssProperty( button_hover, 'background', this.values.button_gradient_top_hover );
this.addCssProperty( button_hover, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom_hover + ', ' + this.values.button_gradient_top_hover + ' )' );
}
if ( ! this.isDefault( 'button_border_color_hover' ) ) {
this.addCssProperty( button_hover, 'border-color', this.values.button_border_color_hover );
}
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Checkout Order Review Component View.
FusionPageBuilder.fusion_tb_woo_checkout_order_review = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.values = atts.values;
this.params = this.model.get( 'params' );
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock();
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-checkout-order-review-tb fusion-woo-checkout-order-review-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-checkout-order-review-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_checkout_order_review ) {
output = atts.query_data.woo_checkout_order_review;
}
return output;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function() {
var selector, css;
this.baseSelector = '.fusion-woo-checkout-order-review-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
selector = [ this.baseSelector + ' tbody tr td', this.baseSelector + ' thead tr th', this.baseSelector + ' tfoot tr th', this.baseSelector + ' tfoot tr td' ];
if ( !this.isDefault( 'cell_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.cell_padding_top );
}
if ( !this.isDefault( 'cell_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.cell_padding_bottom );
}
if ( !this.isDefault( 'cell_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', this.values.cell_padding_left );
}
if ( !this.isDefault( 'cell_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.cell_padding_right );
}
selector = this.baseSelector + ' thead tr th';
if ( !this.isDefault( 'header_cell_backgroundcolor' ) ) {
this.addCssProperty( selector, 'background-color', this.values.header_cell_backgroundcolor );
}
if ( !this.isDefault( 'header_color' ) ) {
this.addCssProperty( selector, 'color', this.values.header_color );
}
if ( !this.isDefault( 'fusion_font_family_header_font' ) ) {
this.addCssProperty( selector, 'font-family', this.values.fusion_font_family_header_font );
}
if ( !this.isDefault( 'fusion_font_variant_header_font' ) ) {
this.addCssProperty( selector, 'font-weight', this.values.fusion_font_variant_header_font );
}
if ( !this.isDefault( 'header_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.header_font_size );
}
if ( !this.isDefault( 'header_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.header_line_height );
}
if ( !this.isDefault( 'header_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.header_text_transform );
}
if ( !this.isDefault( 'header_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.header_letter_spacing ) );
}
selector = this.baseSelector + ' tbody tr td';
if ( !this.isDefault( 'table_cell_backgroundcolor' ) ) {
this.addCssProperty( selector, 'background-color', this.values.table_cell_backgroundcolor );
}
if ( !this.isDefault( 'text_color' ) ) {
this.addCssProperty( selector, 'color', this.values.text_color );
}
if ( !this.isDefault( 'fusion_font_family_text_font' ) ) {
this.addCssProperty( selector, 'font-family', this.values.fusion_font_family_text_font );
}
if ( !this.isDefault( 'fusion_font_variant_text_font' ) ) {
this.addCssProperty( selector, 'font-weight', this.values.fusion_font_variant_text_font );
}
if ( !this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.text_font_size );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
selector = this.baseSelector + ' tr, ' + this.baseSelector + ' tr td, ' + this.baseSelector + ' tr th, ' + this.baseSelector + ' tfoot';
if ( !this.isDefault( 'border_color' ) ) {
this.addCssProperty( selector, 'border-color', this.values.border_color, true );
}
selector = this.baseSelector + ' tfoot tr th, ' + this.baseSelector + ' tfoot tr td';
if ( !this.isDefault( 'footer_cell_backgroundcolor' ) ) {
this.addCssProperty( selector, 'background-color', this.values.footer_cell_backgroundcolor );
}
selector += ', ' + this.baseSelector + ' .shop_table tfoot .order-total .amount';
if ( !this.isDefault( 'footer_color' ) ) {
this.addCssProperty( selector, 'color', this.values.footer_color );
}
if ( !this.isDefault( 'fusion_font_family_footer_font' ) ) {
this.addCssProperty( selector, 'font-family', this.values.fusion_font_family_footer_font );
}
if ( !this.isDefault( 'fusion_font_variant_footer_font' ) ) {
this.addCssProperty( selector, 'font-weight', this.values.fusion_font_variant_footer_font );
}
if ( !this.isDefault( 'footer_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.footer_font_size );
}
if ( !this.isDefault( 'footer_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.footer_line_height );
}
if ( !this.isDefault( 'footer_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.footer_text_transform );
}
if ( !this.isDefault( 'footer_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.footer_letter_spacing ) );
}
if ( 'show' !== this.values.table_header ) {
this.addCssProperty( this.baseSelector + ' thead', 'display', 'none' );
}
if ( 'show' !== this.values.display_product_images ) {
this.addCssProperty( this.baseSelector + ' .product-thumbnail', 'display', 'none' );
this.addCssProperty( this.baseSelector + ' .shop_table tbody tr', 'height', 'auto' );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Cart Table View.
FusionPageBuilder.fusion_woo_cart_table = FusionPageBuilder.ElementView.extend( {
afterPatch: function() {
var $quantityBoxes = this.$el.find( 'div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)' ).find( '.qty' );
if ( $quantityBoxes.length && 'function' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaAddQuantityBoxes ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaAddQuantityBoxes( '.qty', $quantityBoxes );
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.cid = this.model.get( 'cid' );
attributes.attr = this.buildAttr( atts.values );
attributes.wooCartTable = this.buildAttr( atts.values, attributes.cid );
attributes.cart_table = '';
if ( 'undefined' !== typeof atts.query_data ) {
attributes.cart_table = atts.query_data;
}
attributes.styles = this.buildStyleBlock( atts.values );
return attributes;
},
/**
* Builds main attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values, cid ) {
// WooCartTable attributes.
var wooCartTable = {
class: 'shop_table shop_table_responsive cart woocommerce-cart-form__contents fusion-woo-cart_table fusion-woo-cart_table-' + cid
};
wooCartTable = _.fusionVisibilityAtts( values.hide_on_mobile, wooCartTable );
if ( '' !== values[ 'class' ] ) {
wooCartTable[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
wooCartTable.id = values.id;
}
wooCartTable = _.fusionAnimations( values, wooCartTable );
return wooCartTable;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
// variables into current scope
var selector, css;
this.values = values;
this.baseSelector = '.fusion-woo-cart_table-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( !this.isDefault( 'margin_top' ) ) {
this.addCssProperty( this.baseSelector, 'margin-top', this.values.margin_top, true );
}
if ( !this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( this.baseSelector, 'margin-bottom', this.values.margin_bottom );
}
if ( !this.isDefault( 'margin_left' ) ) {
this.addCssProperty( this.baseSelector, 'margin-left', this.values.margin_left );
}
if ( !this.isDefault( 'margin_right' ) ) {
this.addCssProperty( this.baseSelector, 'margin-right', this.values.margin_right );
}
selector = this.baseSelector + ' tbody tr td, ' + this.baseSelector + ' thead tr th';
if ( !this.isDefault( 'cell_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.cell_padding_top );
}
if ( !this.isDefault( 'cell_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.cell_padding_bottom );
}
if ( !this.isDefault( 'cell_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', this.values.cell_padding_left );
}
if ( !this.isDefault( 'cell_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.cell_padding_right );
}
if ( !this.isDefault( 'cell_padding_top' ) || !this.isDefault( 'cell_padding_bottom' ) ) {
this.addCssProperty( this.baseSelector + '.shop_table tbody tr', 'height', 'auto' );
}
selector = this.baseSelector + ' thead tr th';
if ( !this.isDefault( 'heading_cell_backgroundcolor' ) ) {
this.addCssProperty( selector, 'background-color', this.values.heading_cell_backgroundcolor );
}
if ( !this.isDefault( 'heading_color' ) ) {
this.addCssProperty( selector, 'color', this.values.heading_color );
}
if ( !this.isDefault( 'fusion_font_family_heading_font' ) ) {
this.addCssProperty( selector, 'font-family', this.values.fusion_font_family_heading_font );
}
if ( !this.isDefault( 'fusion_font_variant_heading_font' ) ) {
this.addCssProperty( selector, 'font-weight', this.values.fusion_font_variant_heading_font );
}
if ( !this.isDefault( 'heading_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.heading_font_size );
}
if ( !this.isDefault( 'heading_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.heading_line_height );
}
if ( !this.isDefault( 'heading_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.heading_text_transform );
}
if ( !this.isDefault( 'heading_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.heading_letter_spacing ) );
}
selector = this.baseSelector + ' tbody tr td';
if ( !this.isDefault( 'table_cell_backgroundcolor' ) ) {
this.addCssProperty( selector, 'background-color', this.values.table_cell_backgroundcolor );
}
if ( !this.isDefault( 'text_color' ) ) {
this.addCssProperty( [ selector, selector + ' a', selector + ' .amount' ], 'color', this.values.text_color, true );
//this.addCssProperty( selector + ' a', 'color', this.values.text_color );
}
if ( !this.isDefault( 'fusion_font_family_text_font' ) ) {
this.addCssProperty( selector, 'font-family', this.values.fusion_font_family_text_font );
}
if ( !this.isDefault( 'fusion_font_variant_text_font' ) ) {
this.addCssProperty( selector, 'font-weight', this.values.fusion_font_variant_text_font );
}
if ( !this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.text_font_size );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
selector = this.baseSelector + ' tr, ' + this.baseSelector + ' tr td, ' + this.baseSelector + ' tr th';
if ( !this.isDefault( 'border_color' ) ) {
this.addCssProperty( selector, 'border-color', this.values.border_color, true );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Cart Coupons View.
FusionPageBuilder.fusion_woo_cart_coupons = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.cid = this.model.get( 'cid' );
attributes.attr = this.buildAttr( atts.values );
attributes.wooCartCouponsAttr = this.buildAttr( atts.values, attributes.cid );
attributes.cart_coupons_content = '';
if ( 'undefined' !== typeof atts.query_data ) {
attributes.cart_coupons_content = atts.query_data;
}
attributes.styles = this.buildStyleBlock( atts.values );
return attributes;
},
/**
* Builds main attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values, cid ) {
// WooCartCoupons attributes.
var wooCartCoupons = {
class: 'coupon fusion-woo-cart_coupons fusion-woo-cart_coupons-' + cid
};
wooCartCoupons = _.fusionVisibilityAtts( values.hide_on_mobile, wooCartCoupons );
if ( '' !== values[ 'class' ] ) {
wooCartCoupons[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
wooCartCoupons.id = values.id;
}
wooCartCoupons = _.fusionAnimations( values, wooCartCoupons );
return wooCartCoupons;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var inputs, hoverColor, placeholderColor, placeHolderInputs, hoverInputs, focusInputs, css, selector;
this.values = values;
// variables into current scope
this.baseSelector = '.fusion-woo-cart_coupons-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( !this.isDefault( 'margin_top' ) ) {
this.addCssProperty( this.baseSelector, 'margin-top', this.values.margin_top, true );
}
if ( !this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( this.baseSelector, 'margin-bottom', this.values.margin_bottom );
}
if ( !this.isDefault( 'margin_left' ) ) {
this.addCssProperty( this.baseSelector, 'margin-left', this.values.margin_left );
}
if ( !this.isDefault( 'margin_right' ) ) {
this.addCssProperty( this.baseSelector, 'margin-right', this.values.margin_right );
}
inputs = [ this.baseSelector + ' input', this.baseSelector + ' select', this.baseSelector + ' textarea' ];
if ( ! this.isDefault( 'field_bg_color' ) ) {
this.addCssProperty( inputs, 'background', this.values.field_bg_color );
}
if ( ! this.isDefault( 'field_text_color' ) ) {
placeholderColor = jQuery.AWB_Color( this.values.field_text_color ).alpha( 0.5 ).toVarOrRgbaString();
this.addCssProperty( inputs, 'color', this.values.field_text_color );
placeHolderInputs = [ this.baseSelector + ' input::placeholder', this.baseSelector + ' textarea::placeholder' ];
this.addCssProperty( placeHolderInputs, 'color', placeholderColor );
}
if ( ! this.isDefault( 'field_border_color' ) ) {
this.addCssProperty( inputs, 'border-color', this.values.field_border_color );
}
if ( ! this.isDefault( 'field_border_focus_color' ) ) {
hoverColor = jQuery.AWB_Color( this.values.field_border_focus_color ).alpha( 0.5 ).toVarOrRgbaString();
hoverInputs = [ this.baseSelector + ' input:hover', this.baseSelector + ' select:hover', this.baseSelector + ' textarea:hover' ];
this.addCssProperty( hoverInputs, 'border-color', hoverColor );
focusInputs = [ this.baseSelector + ' input:focus', this.baseSelector + ' select:focus', this.baseSelector + ' textarea:focus' ];
this.addCssProperty( focusInputs, 'border-color', this.values.field_border_focus_color );
}
selector = this.baseSelector + ' button.fusion-apply-coupon';
if ( !this.isDefault( 'button_margin_top' ) ) {
this.addCssProperty( selector, 'margin-top', this.values.button_margin_top );
}
if ( !this.isDefault( 'button_margin_bottom' ) ) {
this.addCssProperty( selector, 'margin-bottom', this.values.button_margin_bottom );
}
if ( !this.isDefault( 'button_margin_left' ) ) {
this.addCssProperty( selector, 'margin-left', this.values.button_margin_left );
}
if ( !this.isDefault( 'button_margin_right' ) ) {
this.addCssProperty( selector, 'margin-right', this.values.button_margin_right );
}
selector = this.baseSelector + ' div.avada-coupon-fields';
if ( 'floated' === this.values.buttons_layout ) {
this.addCssProperty( selector, 'flex-direction', 'row' );
} else {
this.addCssProperty( selector, 'flex-direction', 'column', true );
this.addCssProperty( this.baseSelector + ' input#avada_coupon_code', 'flex', 'auto' );
this.addCssProperty( this.baseSelector + ' input#avada_coupon_code', 'margin-right', '0' );
if ( 'yes' === this.values.button_span ) {
this.addCssProperty( selector, 'align-items', 'stretch', true );
this.addCssProperty( this.baseSelector + ' input#avada_coupon_code', 'width', '100%' );
} else {
this.addCssProperty( selector, 'align-items', this.values.stacked_buttons_alignment, true );
}
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Cart Shipping View.
FusionPageBuilder.fusion_woo_cart_shipping = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.cid = this.model.get( 'cid' );
attributes.wooCartShippingAttr = this.buildAttr( atts.values, attributes.cid );
attributes.cart_shipping_content = '';
if ( 'undefined' !== typeof atts.query_data ) {
attributes.cart_shipping_content = atts.query_data;
}
attributes.styles = this.buildStyleBlock( atts.values, atts.extras );
return attributes;
},
/**
* Builds main attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values, cid ) {
// WooFeaturedProductsSliderShortcode attributes.
var wooCartShippingAttr = {
class: 'woocommerce-shipping-calculator fusion-woocommerce-shipping-calculator fusion-woocommerce-shipping-calculator-' + cid
};
wooCartShippingAttr = _.fusionVisibilityAtts( values.hide_on_mobile, wooCartShippingAttr );
if ( '' !== values[ 'class' ] ) {
wooCartShippingAttr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
wooCartShippingAttr.id = values.id;
}
wooCartShippingAttr = _.fusionAnimations( values, wooCartShippingAttr );
return wooCartShippingAttr;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @param {Object} extras - The extras object.
* @return {String}
*/
buildStyleBlock: function( values, extras ) {
var inputs, hoverColor, placeholderColor, placeHolderInputs, hoverInputs, css;
this.values = values;
// variables into current scope
this.baseSelector = '.fusion-woocommerce-shipping-calculator-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( !this.isDefault( 'margin_top' ) ) {
this.addCssProperty( this.baseSelector, 'margin-top', this.values.margin_top, true );
}
if ( !this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( this.baseSelector, 'margin-bottom', this.values.margin_bottom );
}
if ( !this.isDefault( 'margin_left' ) ) {
this.addCssProperty( this.baseSelector, 'margin-left', this.values.margin_left );
}
if ( !this.isDefault( 'margin_right' ) ) {
this.addCssProperty( this.baseSelector, 'margin-right', this.values.margin_right );
}
inputs = [ this.baseSelector + ' input', this.baseSelector + ' select', this.baseSelector + ' textarea', this.baseSelector + ' .avada-select-parent .select-arrow', this.baseSelector + '.select2-container--default .select2-selection--single' ];
if ( ! this.isDefault( 'field_bg_color' ) ) {
this.addCssProperty( inputs, 'background', this.values.field_bg_color, true );
}
if ( ! this.isDefault( 'field_text_color' ) ) {
placeholderColor = jQuery.AWB_Color( this.values.field_text_color ).alpha( 0.5 ).toVarOrRgbaString();
this.addCssProperty( inputs, 'color', this.values.field_text_color, true );
placeHolderInputs = [ this.baseSelector + ' input::placeholder', this.baseSelector + ' textarea::placeholder' ];
this.addCssProperty( placeHolderInputs, 'color', placeholderColor );
}
if ( ! this.isDefault( 'field_border_color' ) ) {
this.addCssProperty( inputs, 'border-color', this.values.field_border_color, true );
// Select 2.
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'border-color', this.values.field_border_color, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent .select-arrow', 'color', this.values.field_border_color, true );
}
if ( ! this.isDefault( 'field_border_focus_color' ) ) {
hoverColor = jQuery.AWB_Color( this.values.field_border_focus_color ).alpha( 0.5 ).toVarOrRgbaString();
hoverInputs = [
this.baseSelector + ' input:hover',
this.baseSelector + ' select:hover',
this.baseSelector + ' textarea:hover',
this.baseSelector + ' input:focus',
this.baseSelector + ' select:focus',
this.baseSelector + ' textarea:focus'
];
this.addCssProperty( hoverInputs, 'border-color', hoverColor, true );
// Select 2.
this.addCssProperty( this.baseSelector + ' .avada-select-parent:hover .select-arrow', 'border-color', hoverColor, true );
this.addCssProperty( this.baseSelector + ' .avada-select-parent:hover .select-arrow', 'color', hoverColor, true );
}
css = this.parseCSS();
css += this.mediaQueryStyles( extras );
return ( css ) ? '<style>' + css + '</style>' : '';
},
/**
* Builds media query styles.
*
* @since 3.3
* @param {Object} extras - The extras object.
* @return {String}
*/
mediaQueryStyles: function( extras ) {
var baseSelector = '.fusion-woocommerce-shipping-calculator-' + this.model.get( 'cid' ),
css = '';
css = '@media only screen and (max-width:' + extras.content_break_point + 'px) {';
css += baseSelector + ' p.fusion-layout-column.fusion-column-last:last-of-type {';
css += 'margin-bottom: 0px;';
css += '}}';
css = '@media only screen and (min-width:' + extras.content_break_point + 'px) {';
css += baseSelector + ' .fusion-layout-column.fusion-column-last {';
css += 'margin-bottom: 0px;';
css += '}}';
return css;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Featured Product Slider View.
FusionPageBuilder.fusion_woo_cart_totals = FusionPageBuilder.ElementView.extend( {
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.cid = this.model.get( 'cid' );
attributes.wooCartTotalsWrapper = this.buildWrapperAttr( atts.values, attributes.cid );
attributes.cart_totals = '';
if ( 'undefined' !== typeof atts.query_data ) {
attributes.cart_totals = atts.query_data;
}
attributes.styles = this.buildStyleBlock( atts.values );
return attributes;
},
/**
* Builds wrapper attributes.
*
* @since 3.3
* @param {Object} values - The values.
* @return {Object}
*/
buildWrapperAttr: function( values, cid ) {
var attributes = {
class: 'fusion-woo-cart-totals-wrapper fusion-woo-cart-totals-wrapper-' + cid
};
attributes = _.fusionVisibilityAtts( values.hide_on_mobile, attributes );
if ( '' !== values[ 'class' ] ) {
attributes[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'show' === values.buttons_visibility ) {
attributes[ 'class' ] += ' show-buttons';
}
if ( '' !== values.id ) {
attributes.id = values.id;
}
attributes = _.fusionAnimations( values, attributes );
return attributes;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
// variables into current scope
var selector, text_selector, css;
this.values = values;
this.baseSelector = '.fusion-woo-cart-totals-wrapper-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( !this.isDefault( 'margin_top' ) ) {
this.addCssProperty( this.baseSelector, 'margin-top', this.values.margin_top );
}
if ( !this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( this.baseSelector, 'margin-bottom', this.values.margin_bottom );
}
if ( !this.isDefault( 'margin_left' ) ) {
this.addCssProperty( this.baseSelector, 'margin-left', this.values.margin_left );
}
if ( !this.isDefault( 'margin_right' ) ) {
this.addCssProperty( this.baseSelector, 'margin-right', this.values.margin_right );
}
selector = this.baseSelector + ' tbody tr td, ' + this.baseSelector + ' tbody tr th';
if ( !this.isDefault( 'cell_padding_top' ) ) {
this.addCssProperty( selector, 'padding-top', this.values.cell_padding_top );
}
if ( !this.isDefault( 'cell_padding_bottom' ) ) {
this.addCssProperty( selector, 'padding-bottom', this.values.cell_padding_bottom );
}
if ( !this.isDefault( 'cell_padding_left' ) ) {
this.addCssProperty( selector, 'padding-left', this.values.cell_padding_left );
}
if ( !this.isDefault( 'cell_padding_right' ) ) {
this.addCssProperty( selector, 'padding-right', this.values.cell_padding_right );
}
selector = this.baseSelector + ' tbody tr th';
if ( !this.isDefault( 'heading_cell_backgroundcolor' ) ) {
this.addCssProperty( selector, 'background-color', this.values.heading_cell_backgroundcolor );
}
if ( !this.isDefault( 'fusion_font_family_heading_font' ) ) {
this.addCssProperty( selector, 'font-family', this.values.fusion_font_family_heading_font );
}
if ( !this.isDefault( 'fusion_font_variant_heading_font' ) ) {
this.addCssProperty( selector, 'font-weight', this.values.fusion_font_variant_heading_font );
}
if ( !this.isDefault( 'heading_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.heading_font_size );
}
if ( !this.isDefault( 'heading_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.heading_line_height );
}
if ( !this.isDefault( 'heading_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.heading_text_transform );
}
if ( !this.isDefault( 'heading_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.heading_letter_spacing ) );
}
selector = this.baseSelector + ' tbody tr td';
if ( !this.isDefault( 'table_cell_backgroundcolor' ) ) {
this.addCssProperty( selector, 'background-color', this.values.table_cell_backgroundcolor );
}
text_selector = selector + ', ' + this.baseSelector + ' a, ' + this.baseSelector + ' .amount';
if ( !this.isDefault( 'text_color' ) ) {
this.addCssProperty( text_selector, 'color', this.values.text_color, true );
}
if ( !this.isDefault( 'heading_color' ) ) {
this.addCssProperty( this.baseSelector + ' tbody tr th', 'color', this.values.heading_color, true );
}
if ( !this.isDefault( 'fusion_font_family_text_font' ) ) {
this.addCssProperty( selector, 'font-family', this.values.fusion_font_family_text_font );
}
if ( !this.isDefault( 'fusion_font_variant_text_font' ) ) {
this.addCssProperty( selector, 'font-weight', this.values.fusion_font_variant_text_font );
}
if ( !this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.text_font_size );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
selector = this.baseSelector + ' tr, ' + this.baseSelector + ' tr td, ' + this.baseSelector + ' tr th';
if ( !this.isDefault( 'border_color' ) ) {
this.addCssProperty( selector, 'border-color', this.values.border_color, true );
}
selector = '.fusion-woo-cart-totals-wrapper-' + this.model.get( 'cid' ) + ' div.wc-proceed-to-checkout';
if ( 'floated' === this.values.buttons_layout ) {
this.addCssProperty( selector, 'flex-direction', 'row' );
if ( 'yes' === this.values.button_span ) {
this.addCssProperty( selector, 'justify-content', 'stretch', true );
this.addCssProperty( selector + ' a', 'flex', '1' );
} else {
this.addCssProperty( selector, 'justify-content', this.values.floated_buttons_alignment, true );
}
} else {
this.addCssProperty( selector, 'flex-direction', 'column', true );
this.addCssProperty( selector, 'align-items', this.values.stacked_buttons_alignment, true );
if ( 'yes' === this.values.button_span ) {
this.addCssProperty( selector, 'align-items', 'stretch', true );
} else {
this.addCssProperty( selector, 'align-items', this.values.stacked_buttons_alignment, true );
}
}
if ( !this.isDefault( 'button_margin_top' ) ) {
this.addCssProperty( selector + ' a', 'margin-top', this.values.button_margin_top );
}
if ( !this.isDefault( 'button_margin_bottom' ) ) {
this.addCssProperty( selector + ' a', 'margin-bottom', this.values.button_margin_bottom );
}
if ( !this.isDefault( 'button_margin_left' ) ) {
this.addCssProperty( selector + ' a', 'margin-left', this.values.button_margin_left );
}
if ( !this.isDefault( 'button_margin_right' ) ) {
this.addCssProperty( selector + ' a', 'margin-right', this.values.button_margin_right );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* eslint-disable no-redeclare */
/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Mini Cart Component View.
FusionPageBuilder.fusion_woo_mini_cart = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.8
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.values = atts.values;
this.params = this.model.get( 'params' );
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'awb-woo-mini-cart awb-woo-mini-cart-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( 'no' !== values.show_buttons ) {
if ( '' !== values.icon_position ) {
attr[ 'class' ] += ' icon-position-' + values.icon_position;
}
if ( '' !== values.buttons_layout ) {
attr[ 'class' ] += ' layout-' + values.buttons_layout;
}
if ( '' !== values.buttons_stretch ) {
attr[ 'class' ] += ' button-span-' + values.buttons_stretch;
}
if ( '' !== values.link_style ) {
attr[ 'class' ] += ' link-style-' + values.link_style;
}
if ( 'button' === values.link_style ) {
attr[ 'class' ] += '' !== values.view_cart_button_size ? ' view-cart-button-size-' + values.view_cart_button_size : '';
attr[ 'class' ] += '' !== values.checkout_button_size ? ' checkout-button-size-' + values.checkout_button_size : '';
}
} else {
attr[ 'class' ] += ' hide-buttons';
}
if ( 'yes' !== values.show_subtotal ) {
attr[ 'class' ] += ' hide-subtotal';
}
if ( 'yes' !== values.show_remove_icon ) {
attr[ 'class' ] += ' hide-remove-icon';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr.style += this.getStyleVariables( values );
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.awb-woo-mini-cart' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_mini_cart ) {
output = atts.query_data.woo_mini_cart;
}
return output;
},
/**
* Gets style variables.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
getStyleVariables: function( values ) {
// variables into current scope
var styles = '',
text_styles;
if ( ! this.isDefault( 'images_max_width' ) ) {
styles += '--awb-image-max-width:' + _.fusionGetValueWithUnit( values.images_max_width ) + ';';
}
if ( ! this.isDefault( 'remove_icon_color' ) ) {
styles += '--awb-remove-icon-color:' + values.remove_icon_color + ';';
}
if ( ! this.isDefault( 'remove_icon_bg_color' ) ) {
styles += '--awb-remove-icon-bg-color:' + values.remove_icon_bg_color + ';';
}
if ( ! this.isDefault( 'remove_icon_hover_color' ) ) {
styles += '--awb-remove-icon-hover-color:' + values.remove_icon_hover_color + ';';
}
if ( ! this.isDefault( 'remove_icon_hover_bg_color' ) ) {
styles += '--awb-remove-icon-hover-bg-color:' + values.remove_icon_hover_bg_color + ';';
}
if ( ! this.isDefault( 'separator_color' ) ) {
styles += '--awb-separator-color:' + values.separator_color + ';';
}
text_styles = _.fusionGetFontStyle( 'product_title_font', values, 'array' );
jQuery.each( text_styles, function( rule, value ) {
var value = text_styles[ rule ];
styles += '--awb-product-title-' + rule.replace( '_', '-' ) + ':' + value + ';';
} );
if ( ! this.isDefault( 'product_title_font_size' ) ) {
styles += '--awb-product-title-font-size:' + _.fusionGetValueWithUnit( values.product_title_font_size ) + ';';
}
if ( ! this.isDefault( 'product_title_line_height' ) ) {
styles += '--awb-product-title-line-height:' + values.product_title_line_height + ';';
}
if ( ! this.isDefault( 'product_title_letter_spacing' ) ) {
styles += '--awb-product-title-letter-spacing:' + _.fusionGetValueWithUnit( values.product_title_letter_spacing ) + ';';
}
if ( ! this.isDefault( 'product_title_text_transform' ) ) {
styles += '--awb-product-title-text-transform:' + values.product_title_text_transform + ';';
}
if ( ! this.isDefault( 'product_title_color' ) ) {
styles += '--awb-product-title-color:' + values.product_title_color + ';';
}
if ( ! this.isDefault( 'product_title_hover_color' ) ) {
styles += '--awb-product-title-hover-color:' + values.product_title_hover_color + ';';
}
text_styles = _.fusionGetFontStyle( 'product_price_font', values, 'array' );
jQuery.each( text_styles, function( rule, value ) {
var value = text_styles[ rule ];
styles += '--awb-product-price-' + rule.replace( '_', '-' ) + ':' + value + ';';
} );
if ( ! this.isDefault( 'product_price_font_size' ) ) {
styles += '--awb-product-price-font-size:' + _.fusionGetValueWithUnit( values.product_price_font_size ) + ';';
}
if ( ! this.isDefault( 'product_price_line_height' ) ) {
styles += '--awb-product-price-line-height:' + values.product_price_line_height + ';';
}
if ( ! this.isDefault( 'product_price_letter_spacing' ) ) {
styles += '--awb-product-price-letter-spacing:' + _.fusionGetValueWithUnit( values.product_price_letter_spacing ) + ';';
}
if ( ! this.isDefault( 'product_price_color' ) ) {
styles += '--awb-product-price-color:' + values.product_price_color + ';';
}
if ( 'no' !== values.show_subtotal ) {
// Subtotal alignment.
if ( ! this.isDefault( 'subtotal_alignment' ) ) {
styles += '--awb-subtotal-alignment:' + values.subtotal_alignment + ';';
}
text_styles = _.fusionGetFontStyle( 'subtotal_text_font', values, 'array' );
jQuery.each( text_styles, function( rule, value ) {
var value = text_styles[ rule ];
styles += '--awb-subtotal-text-' + rule.replace( '_', '-' ) + ':' + value + ';';
} );
if ( ! this.isDefault( 'subtotal_text_font_size' ) ) {
styles += '--awb-subtotal-text-font-size:' + _.fusionGetValueWithUnit( values.subtotal_text_font_size ) + ';';
}
if ( ! this.isDefault( 'subtotal_text_line_height' ) ) {
styles += '--awb-subtotal-text-line-height:' + values.subtotal_text_line_height + ';';
}
if ( ! this.isDefault( 'subtotal_text_letter_spacing' ) ) {
styles += '--awb-subtotal-text-letter-spacing:' + _.fusionGetValueWithUnit( values.subtotal_text_letter_spacing ) + ';';
}
if ( ! this.isDefault( 'subtotal_text_color' ) ) {
styles += '--awb-subtotal-text-color:' + values.subtotal_text_color + ';';
}
text_styles = _.fusionGetFontStyle( 'subtotal_amount_font', values, 'array' );
jQuery.each( text_styles, function( rule, value ) {
var value = text_styles[ rule ];
styles += '--awb-subtotal-amount-' + rule.replace( '_', '-' ) + ':' + value + ';';
} );
if ( ! this.isDefault( 'subtotal_amount_font_size' ) ) {
styles += '--awb-subtotal-amount-font-size:' + _.fusionGetValueWithUnit( values.subtotal_amount_font_size ) + ';';
}
if ( ! this.isDefault( 'subtotal_amount_line_height' ) ) {
styles += '--awb-subtotal-amount-line-height:' + values.subtotal_amount_line_height + ';';
}
if ( ! this.isDefault( 'subtotal_amount_letter_spacing' ) ) {
styles += '--awb-subtotal-amount-letter-spacing:' + _.fusionGetValueWithUnit( values.subtotal_amount_letter_spacing ) + ';';
}
if ( ! this.isDefault( 'subtotal_amount_color' ) ) {
styles += '--awb-subtotal-amount-color:' + values.subtotal_amount_color + ';';
}
}
if ( 'no' !== values.show_buttons ) {
// View cart text styles.
text_styles = _.fusionGetFontStyle( 'view_cart_font', values, 'array' );
jQuery.each( text_styles, function( rule, value ) {
var value = text_styles[ rule ];
styles += '--awb-view-cart-' + rule.replace( '_', '-' ) + ':' + value + ';';
} );
if ( ! this.isDefault( 'view_cart_font_size' ) ) {
styles += '--awb-view-cart-font-size:' + _.fusionGetValueWithUnit( values.view_cart_font_size ) + ';';
}
if ( ! this.isDefault( 'view_cart_line_height' ) ) {
styles += '--awb-view-cart-line-height:' + values.view_cart_line_height + ';';
}
if ( ! this.isDefault( 'view_cart_letter_spacing' ) ) {
styles += '--awb-view-cart-letter-spacing:' + _.fusionGetValueWithUnit( values.view_cart_letter_spacing ) + ';';
}
if ( ! this.isDefault( 'view_cart_text_transform' ) ) {
styles += '--awb-view-cart-text-transform:' + values.view_cart_text_transform + ';';
}
if ( 'link' === values.link_style ) {
if ( ! this.isDefault( 'view_cart_link_color' ) ) {
styles += '--awb-view-cart-link-color:' + values.view_cart_link_color + ';';
}
if ( ! this.isDefault( 'view_cart_link_hover_color' ) ) {
styles += '--awb-view-cart-link-hover-color:' + values.view_cart_link_hover_color + ';';
}
}
if ( 'button' === values.link_style ) {
// Button border width.
if ( ! this.isDefault( 'view_cart_button_border_top' ) ) {
styles += '--awb-view-cart-border-top-width:' + _.fusionGetValueWithUnit( values.view_cart_button_border_top ) + ';';
}
if ( ! this.isDefault( 'view_cart_button_border_right' ) ) {
styles += '--awb-view-cart-border-right-width:' + _.fusionGetValueWithUnit( values.view_cart_button_border_right ) + ';';
}
if ( ! this.isDefault( 'view_cart_button_border_bottom' ) ) {
styles += '--awb-view-cart-border-bottom-width:' + _.fusionGetValueWithUnit( values.view_cart_button_border_bottom ) + ';';
}
if ( ! this.isDefault( 'view_cart_button_border_left' ) ) {
styles += '--awb-view-cart-border-left-width:' + _.fusionGetValueWithUnit( values.view_cart_button_border_left ) + ';';
}
if ( ! this.isDefault( 'view_cart_button_gradient_top' ) || ! this.isDefault( 'view_cart_button_gradient_bottom' ) ) {
styles += '--awb-view-cart-button-background:' + values.view_cart_button_gradient_top + ';';
styles += '--awb-view-cart-button-background-image:linear-gradient( to top, ' + values.view_cart_button_gradient_bottom + ', ' + values.view_cart_button_gradient_top + ' );';
}
if ( ! this.isDefault( 'view_cart_button_border_color' ) ) {
styles += '--awb-view-cart-border-color:' + values.view_cart_button_border_color + ';';
}
if ( ! this.isDefault( 'view_cart_button_gradient_top_hover' ) || ! this.isDefault( 'view_cart_button_gradient_bottom_hover' ) ) {
styles += '--awb-view-cart-button-hover-background:' + values.view_cart_button_gradient_top_hover + ';';
styles += '--awb-view-cart-button-hover-background-image:linear-gradient( to top, ' + values.view_cart_button_gradient_bottom_hover + ', ' + values.view_cart_button_gradient_top_hover + ' );';
}
if ( ! this.isDefault( 'view_cart_button_border_color_hover' ) ) {
styles += '--awb-view-cart-hover-border-color:' + values.view_cart_button_border_color_hover + ';';
}
if ( ! this.isDefault( 'view_cart_button_color' ) ) {
styles += '--awb-view-cart-button-color:' + values.view_cart_button_color + ';';
}
if ( ! this.isDefault( 'view_cart_button_color_hover' ) ) {
styles += '--awb-view-cart-button-hover-color:' + values.view_cart_button_color_hover + ';';
}
}
text_styles = _.fusionGetFontStyle( 'checkout_font', values, 'array' );
jQuery.each( text_styles, function( rule, value ) {
var value = text_styles[ rule ];
styles += '--awb-checkout-' + rule.replace( '_', '-' ) + ':' + value + ';';
} );
if ( ! this.isDefault( 'checkout_font_size' ) ) {
styles += '--awb-checkout-font-size:' + _.fusionGetValueWithUnit( values.checkout_font_size ) + ';';
}
if ( ! this.isDefault( 'checkout_line_height' ) ) {
styles += '--awb-checkout-line-height:' + values.checkout_line_height + ';';
}
if ( ! this.isDefault( 'checkout_letter_spacing' ) ) {
styles += '--awb-checkout-letter-spacing:' + _.fusionGetValueWithUnit( values.checkout_letter_spacing ) + ';';
}
if ( ! this.isDefault( 'checkout_text_transform' ) ) {
styles += '--awb-checkout-text-transform:' + values.checkout_text_transform + ';';
}
if ( 'link' === values.link_style ) {
if ( ! this.isDefault( 'checkout_link_color' ) ) {
styles += '--awb-checkout-link-color:' + values.checkout_link_color + ';';
}
if ( ! this.isDefault( 'checkout_link_hover_color' ) ) {
styles += '--awb-checkout-link-hover-color:' + values.checkout_link_hover_color + ';';
}
}
if ( 'button' === values.link_style ) {
// Button border width.
if ( ! this.isDefault( 'checkout_button_border_top' ) ) {
styles += '--awb-checkout-border-top-width:' + _.fusionGetValueWithUnit( values.checkout_button_border_top ) + ';';
}
if ( ! this.isDefault( 'checkout_button_border_right' ) ) {
styles += '--awb-checkout-border-right-width:' + _.fusionGetValueWithUnit( values.checkout_button_border_right ) + ';';
}
if ( ! this.isDefault( 'checkout_button_border_bottom' ) ) {
styles += '--awb-checkout-border-bottom-width:' + _.fusionGetValueWithUnit( values.checkout_button_border_bottom ) + ';';
}
if ( ! this.isDefault( 'checkout_button_border_left' ) ) {
styles += '--awb-checkout-border-left-width:' + _.fusionGetValueWithUnit( values.checkout_button_border_left ) + ';';
}
if ( ! this.isDefault( 'checkout_button_gradient_top' ) || ! this.isDefault( 'checkout_button_gradient_bottom' ) ) {
styles += '--awb-checkout-button-background:' + values.checkout_button_gradient_top + ';';
styles += '--awb-checkout-button-background-image:linear-gradient( to top, ' + values.checkout_button_gradient_bottom + ', ' + values.checkout_button_gradient_top + ' );';
}
if ( ! this.isDefault( 'checkout_button_border_color' ) ) {
styles += '--awb-checkout-border-color:' + values.checkout_button_border_color + ';';
}
if ( ! this.isDefault( 'checkout_button_gradient_top_hover' ) || ! this.isDefault( 'checkout_button_gradient_bottom_hover' ) ) {
styles += '--awb-checkout-button-hover-background:' + values.checkout_button_gradient_top_hover + ';';
styles += '--awb-checkout-button-hover-background-image:linear-gradient( to top, ' + values.checkout_button_gradient_bottom_hover + ', ' + values.checkout_button_gradient_top_hover + ' );';
}
if ( ! this.isDefault( 'checkout_button_border_color_hover' ) ) {
styles += '--awb-checkout-hover-border-color:' + values.checkout_button_border_color_hover + ';';
}
if ( ! this.isDefault( 'checkout_button_color' ) ) {
styles += '--awb-checkout-button-color:' + values.checkout_button_color + ';';
}
if ( ! this.isDefault( 'checkout_button_color_hover' ) ) {
styles += '--awb-checkout-button-hover-color:' + values.checkout_button_color_hover + ';';
}
}
if ( ! this.isDefault( 'links_margin_top' ) ) {
styles += '--awb-link-margin-top:' + _.fusionGetValueWithUnit( values.links_margin_top ) + ';';
}
if ( ! this.isDefault( 'links_margin_bottom' ) ) {
styles += '--awb-link-margin-bottom:' + _.fusionGetValueWithUnit( values.links_margin_bottom ) + ';';
}
if ( ! this.isDefault( 'links_margin_left' ) ) {
styles += '--awb-link-margin-left:' + _.fusionGetValueWithUnit( values.links_margin_left ) + ';';
}
if ( ! this.isDefault( 'links_margin_right' ) ) {
styles += '--awb-link-margin-right:' + _.fusionGetValueWithUnit( values.links_margin_right ) + ';';
}
if ( 'floated' === values.buttons_layout && '' !== values.buttons_justify ) {
styles += '--awb-links-justify:' + values.buttons_justify + ';';
}
if ( 'stacked' === values.buttons_layout && '' !== values.buttons_alignment ) {
styles += '--awb-links-alignment:' + values.buttons_alignment + ';';
}
}
return styles;
}
} );
} );
}( jQuery ) );
;/* eslint no-mixed-spaces-and-tabs: 0 */
/* global fusionAllElements, FusionApp, FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Post Cards View.
FusionPageBuilder.fusion_post_cards = FusionPageBuilder.ElementView.extend( {
onInit: function() {
if ( this.model.attributes.markup && '' === this.model.attributes.markup.output ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.attr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts );
attributes.productsLoop = this.buildOutput( atts );
attributes.filters = this.buildFilters( atts );
attributes.productsAttrs = this.buildProductsAttrs( atts.values );
attributes.query_data = atts.query_data;
attributes.values = atts.values;
attributes.loadMoreText = _.has( atts.extras, 'load_more_text_' + atts.values.post_type ) ? atts.extras[ 'load_more_text_' + atts.values.post_type ] : atts.extras.load_more_text;
// carousel.
if ( 'carousel' === atts.values.layout ) {
attributes.carouselNav = this.buildCarouselNav();
}
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.max_num_pages ) {
if ( 'undefined' !== typeof atts.query_data.paged ) {
attributes.pagination = this.buildPagination( atts );
}
}
return attributes;
},
/**
* Modifies the values.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
if ( 'undefined' !== typeof values.filters_font_size && '' !== values.filters_font_size ) {
values.filters_font_size = _.fusionGetValueWithUnit( values.filters_font_size );
}
if ( 'undefined' !== typeof values.filters_letter_spacing && '' !== values.filters_letter_spacing ) {
values.filters_letter_spacing = _.fusionGetValueWithUnit( values.filters_letter_spacing );
}
if ( 'undefined' !== typeof values.active_filter_border_size && '' !== values.active_filter_border_size ) {
values.active_filter_border_size = _.fusionGetValueWithUnit( values.active_filter_border_size );
}
if ( 'undefined' !== typeof values.filters_border_bottom && '' !== values.filters_border_bottom ) {
values.filters_border_bottom = _.fusionGetValueWithUnit( values.filters_border_bottom );
}
if ( 'undefined' !== typeof values.filters_border_top && '' !== values.filters_border_top ) {
values.filters_border_top = _.fusionGetValueWithUnit( values.filters_border_top );
}
if ( 'undefined' !== typeof values.filters_border_left && '' !== values.filters_border_left ) {
values.filters_border_left = _.fusionGetValueWithUnit( values.filters_border_left );
}
if ( 'undefined' !== typeof values.filters_height && '' !== values.filters_height ) {
values.filters_height = _.fusionGetValueWithUnit( values.filters_height );
}
if ( 'undefined' !== typeof values.filters_border_right && '' !== values.filters_border_right ) {
values.filters_border_right = _.fusionGetValueWithUnit( values.filters_border_right );
}
if ( 'undefined' !== typeof values.nav_margin_top && '' !== values.nav_margin_top ) {
values.nav_margin_top = _.fusionGetValueWithUnit( this.getReverseNum( values.nav_margin_top ) );
}
if ( 1 === parseInt( values.columns ) && ( 'grid' === values.layout || 'masonry' === values.layout ) ) {
values.column_spacing = '0';
}
// No delay offering for carousels and sliders.
if ( 'grid' !== values.layout ) {
values.animation_delay = 0;
}
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-post-cards fusion-post-cards-' + this.model.get( 'cid' )
} );
if ( '' !== values.animation_type ) {
// Grid and has delay, set parent args here, otherwise it will be on children.
if ( 'grid' === values.layout && 0 !== parseInt( values.animation_delay ) ) {
attr = _.fusionAnimations( values, attr, false );
attr[ 'data-animation-delay' ] = values.animation_delay;
attr[ 'class' ] += ' fusion-delayed-animation';
} else {
// Not grid always no delay, add to parent.
attr = _.fusionAnimations( values, attr );
}
}
if ( 'slider' === values.layout ) {
attr[ 'class' ] += ' fusion-slider-sc fusion-flexslider-loading flexslider';
attr[ 'data-slideshow_autoplay' ] = 'no' === values.autoplay ? false : true;
attr[ 'data-slideshow_animation' ] = values.slider_animation;
attr[ 'data-slideshow_control_nav' ] = 'no' === values.show_nav ? false : true;
} else if ( 'carousel' === values.layout ) {
attr[ 'class' ] += ' fusion-carousel fusion-carousel-responsive';
attr[ 'data-autoplay' ] = values.autoplay;
attr[ 'data-columns' ] = values.columns;
attr[ 'data-columnsmedium' ] = values.columns_medium;
attr[ 'data-columnssmall' ] = values.columns_small;
attr[ 'data-itemmargin' ] = values.column_spacing;
attr[ 'data-itemwidth' ] = 180;
attr[ 'data-touchscroll' ] = values.mouse_scroll;
attr[ 'data-imagesize' ] = 'auto';
attr[ 'data-scrollitems' ] = values.scroll_items;
} else if ( ( 'grid' === values.layout || 'masonry' === values.layout ) && 'terms' !== values.source ) {
attr[ 'class' ] += ' fusion-grid-archive';
attr[ 'class' ] += 'masonry' === values.layout ? ' fusion-post-cards-masonry' : '';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds carousel nav.
*
* @since 3.3
* @return {string}
*/
buildCarouselNav: function() {
var output = '';
output += '<div class="fusion-carousel-nav">';
output += '<button class="fusion-nav-prev" aria-label="Previous"></button>';
output += '<button class="fusion-nav-next" aria-label="Next"></button>';
output += '</div>';
return output;
},
/**
* Builds items UL attributes.
*
* @since 3.3
* @param {Object} values - The values.
* @return {Object}
*/
buildProductsAttrs: function( values ) {
var attr = {
class: ''
};
if ( 'grid' === values.layout || 'masonry' === values.layout ) {
attr[ 'class' ] += 'fusion-grid fusion-grid-' + values.columns + ' fusion-flex-align-items-' + values.flex_align_items + ' fusion-' + values.layout + '-posts-cards';
} else if ( 'slider' === values.layout ) {
attr[ 'class' ] += 'slides';
} else if ( 'carousel' === values.layout ) {
attr[ 'class' ] += 'fusion-carousel-holder';
}
if ( this.isLoadMore() ) {
attr[ 'class' ] += ' fusion-grid-container-infinite';
}
if ( 'load_more_button' === values.scrolling ) {
attr[ 'class' ] += ' fusion-grid-container-load-more';
}
return attr;
},
/**
* Builds columns classes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {string}
*/
buildColumnClasses: function( atts ) {
var classes = '';
if ( 'grid' === atts.values.layout || 'masonry' === atts.values.layout ) {
classes += 'fusion-grid-column fusion-post-cards-grid-column';
} else if ( 'carousel' === atts.values.layout ) {
classes += 'fusion-carousel-item';
}
if ( 'product' === atts.values.post_type && 'posts' === atts.values.source ) {
classes += ' product';
}
return classes;
},
/**
* Builds columns wrapper.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {string}
*/
buildColumnWrapper: function( atts ) {
var classes = '';
if ( 'carousel' === atts.values.layout ) {
classes += 'fusion-carousel-item-wrapper';
}
return classes;
},
/**
* Builds the pagination.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {string}
*/
buildPagination: function( atts ) {
var globalPagination = atts.extras.pagination_global,
globalStartEndRange = atts.extras.pagination_start_end_range_global,
range = atts.extras.pagination_range_global,
paged = '',
pages = '',
paginationCode = '',
queryData = atts.query_data,
values = atts.values;
if ( -1 == values.number_posts ) {
values.scrolling = 'no';
}
if ( 'no' !== values.scrolling ) {
paged = queryData.paged;
pages = queryData.max_num_pages;
paginationCode = _.fusionPagination( pages, paged, range, values.scrolling, globalPagination, globalStartEndRange );
}
return paginationCode;
},
/**
* Check is load more.
*
* @since 3.3
* @return {boolean}
*/
isLoadMore: function() {
return -1 !== jQuery.inArray( this.values.scrolling, [ 'infinite', 'load_more_button' ] );
},
/**
* Get reverse number.
*
* @since 3.3
* @param {String} value - the number value.
* @return {String}
*/
getReverseNum: function( value ) {
return -1 !== value.indexOf( '-' ) ? value.replace( '-', '' ) : '-' + value;
},
/**
* Get grid width value.
*
* @since 3.3
* @param {String} columns - the columns count.
* @return {String}
*/
getGridWidthVal: function( columns ) {
var cols = [ '100%', '50%', '33.3333%', '25%', '20%', '16.6666%' ];
return cols[ columns - 1 ];
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '',
_self = this,
lists;
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.loop_product ) {
lists = jQuery( '<ul>' + atts.query_data.loop_product + '</ul>' );
lists.find( 'li' ).each( function() {
jQuery( this ).removeClass( 'fusion-grid-column fusion-post-cards-grid-column fusion-carousel-item product' )
.addClass( _self.buildColumnClasses( atts ) )
.find( '.fusion-column-wrapper' ).removeClass( 'fusion-carousel-item-wrapper' )
.addClass( _self.buildColumnWrapper( atts ) );
// Separators are always added into data, just remove if not valid.
if ( 'grid' !== _self.values.layout || 1 < parseInt( _self.values.columns ) ) {
jQuery( this ).find( '.fusion-absolute-separator' ).remove();
} else {
jQuery( this ).find( '.fusion-absolute-separator' ).css( { display: 'block' } );
}
} );
output = lists.html();
}
return output;
},
buildFilters: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) );
output = ( 'undefined' === typeof output ) ? '' : '<div role="menubar">' + output.find( 'div[role="menubar"]' ).html() + '</div>';
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.filters ) {
output = atts.query_data.filters;
}
return output;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( atts ) {
var css, selectors, media, column_spacing, row_spacing, text_styles,
self = this,
values = atts.values,
responsive_style = '',
buttonSelector = '',
buttonHoverSelector = '',
nestedCSS = 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.nested_css ? atts.query_data.nested_css : null;
this.baseSelector = '.fusion-post-cards.fusion-post-cards-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( 'no' !== values.filters && ( 'grid' === values.layout || 'masonry' === values.layout ) && 'posts' === values.source ) {
selectors = [ this.baseSelector + ' ul.fusion-filters li a' ];
text_styles = _.fusionGetFontStyle( 'filters_font', values, 'object' );
jQuery.each( text_styles, function( rule, value ) {
self.addCssProperty( selectors, rule, value );
} );
if ( ! this.isDefault( 'filters_font_size' ) ) {
this.addCssProperty( selectors, 'font-size', values.filters_font_size );
}
if ( ! this.isDefault( 'filters_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', values.filters_line_height );
}
if ( ! this.isDefault( 'filters_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', values.filters_letter_spacing );
}
if ( ! this.isDefault( 'filters_text_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', values.filters_text_transform );
}
if ( ! this.isDefault( 'filters_color' ) ) {
this.addCssProperty( selectors, 'color', values.filters_color );
}
selectors = [ this.baseSelector + ' ul.fusion-filters li a:hover' ];
if ( '' !== values.filters_hover_color ) {
this.addCssProperty( selectors, 'color', values.filters_hover_color );
}
selectors = [ this.baseSelector + ' ul.fusion-filters li.fusion-active a' ];
if ( '' !== values.filters_active_color ) {
this.addCssProperty( selectors, 'color', values.filters_active_color );
}
if ( ! this.isDefault( 'active_filter_border_size' ) ) {
this.addCssProperty( selectors, 'border-top-width', values.active_filter_border_size );
}
if ( ! this.isDefault( 'active_filter_border_color' ) ) {
this.addCssProperty( selectors, 'border-color', values.active_filter_border_color );
}
selectors = [ this.baseSelector + ' ul.fusion-filters' ];
if ( ! this.isDefault( 'filters_border_bottom' ) ) {
this.addCssProperty( selectors, 'border-bottom-width', values.filters_border_bottom );
}
if ( ! this.isDefault( 'filters_border_top' ) ) {
this.addCssProperty( selectors, 'border-top-width', values.filters_border_top );
}
if ( ! this.isDefault( 'filters_border_left' ) ) {
this.addCssProperty( selectors, 'border-left-width', values.filters_border_left );
this.addCssProperty( selectors, 'border-left-style', 'solid' );
}
if ( ! this.isDefault( 'filters_border_right' ) ) {
this.addCssProperty( selectors, 'border-right-width', values.filters_border_right );
this.addCssProperty( selectors, 'border-right-style', 'solid' );
}
if ( ! this.isDefault( 'filters_border_color' ) ) {
this.addCssProperty( selectors, 'border-color', values.filters_border_color );
}
if ( ! this.isDefault( 'filters_height' ) ) {
this.addCssProperty( selectors, 'min-height', values.filters_height );
}
if ( ! this.isDefault( 'filters_alignment' ) ) {
this.addCssProperty( selectors, 'justify-content', values.filters_alignment );
}
}
selectors = [ this.baseSelector + ' .infinite-scroll-hide' ];
if ( this.isLoadMore() ) {
this.addCssProperty( selectors, 'display', 'none' );
}
if ( 1 < parseInt( values.columns ) && '0' !== this.values.column_spacing ) {
selectors = [ this.baseSelector + ' ul.fusion-grid' ];
column_spacing = _.fusionGetValueWithUnit( this.values.column_spacing );
this.addCssProperty( selectors, 'margin-right', 'calc((' + column_spacing + ')/ -2)' );
this.addCssProperty( selectors, 'margin-left', 'calc((' + column_spacing + ')/ -2)' );
selectors = [ this.baseSelector + ' ul.fusion-grid > .fusion-grid-column' ];
this.addCssProperty( selectors, 'padding-left', 'calc((' + column_spacing + ')/ 2)' );
this.addCssProperty( selectors, 'padding-right', 'calc((' + column_spacing + ')/ 2)' );
selectors = [ this.baseSelector + ' ul.fusion-grid > .fusion-grid-column .fusion-column-inner-bg' ];
this.addCssProperty( selectors, 'margin-left', 'calc((' + column_spacing + ')/ 2)' );
this.addCssProperty( selectors, 'margin-right', 'calc((' + column_spacing + ')/ 2)' );
}
if ( ( 'grid' === this.values.layout || 'masonry' === this.values.layout ) && '0' !== this.values.row_spacing ) {
row_spacing = _.fusionGetValueWithUnit( this.values.row_spacing );
selectors = [ this.baseSelector + ' ul.fusion-grid' ];
this.addCssProperty( selectors, 'margin-top', 'calc((' + row_spacing + ')/ -2)' );
selectors = [ this.baseSelector + ' ul.fusion-grid > .fusion-grid-column' ];
this.addCssProperty( selectors, 'padding-top', 'calc((' + row_spacing + ')/ 2)' );
this.addCssProperty( selectors, 'padding-bottom', 'calc((' + row_spacing + ')/ 2)' );
selectors = [ this.baseSelector + ' ul.fusion-grid > .fusion-grid-column > .fusion-column-inner-bg' ];
this.addCssProperty( selectors, 'margin-top', 'calc((' + row_spacing + ')/ 2)' );
this.addCssProperty( selectors, 'margin-bottom', 'calc((' + row_spacing + ')/ 2)' );
}
selectors = [ this.baseSelector ];
// Margin styles.
if ( ! this.isDefault( 'margin_top' ) ) {
this.addCssProperty( selectors, 'margin-top', values.margin_top );
}
if ( ! this.isDefault( 'margin_right' ) ) {
this.addCssProperty( selectors, 'margin-right', values.margin_right );
}
if ( ! this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( selectors, 'margin-bottom', values.margin_bottom );
}
if ( ! this.isDefault( 'margin_left' ) ) {
this.addCssProperty( selectors, 'margin-left', values.margin_left );
}
selectors = [ this.baseSelector + ' .flex-control-nav' ];
if ( 'slider' === values.layout ) {
this.addCssProperty( selectors, 'bottom', values.nav_margin_top );
}
if ( 'load_more_button' === values.scrolling ) {
buttonSelector = this.baseSelector + ' .fusion-load-more-button';
buttonHoverSelector = [
this.baseSelector + ' .fusion-load-more-button:hover',
this.baseSelector + ' .fusion-load-more-button:focus'
];
if ( values.load_more_btn_color ) {
this.addCssProperty( buttonSelector, 'color', values.load_more_btn_color );
}
if ( values.load_more_btn_bg_color ) {
this.addCssProperty( buttonSelector, 'background-color', values.load_more_btn_bg_color );
}
if ( values.load_more_btn_hover_color ) {
this.addCssProperty( buttonHoverSelector, 'color', values.load_more_btn_hover_color );
}
if ( values.load_more_btn_hover_bg_color ) {
this.addCssProperty( buttonHoverSelector, 'background-color', values.load_more_btn_hover_bg_color );
}
}
// Process children css if it's there.
if ( Array.isArray( nestedCSS ) ) {
jQuery.each( nestedCSS, function( index, rules ) {
if ( Array.isArray( rules ) ) {
jQuery.each( rules, function( key, rule ) {
var important = 'undefined' !== typeof rule.important ? rule.important : false;
self.addCssProperty( self.baseSelector + ' ' + rule.selector, rule.rule, rule.value, important );
} );
}
} );
}
css = this.parseCSS();
if ( 'grid' === values.layout || 'masonry' === values.layout ) {
_.each( [ 'medium', 'small' ], function( size ) {
var key = 'columns_' + size;
// Check for default value.
if ( this.isDefault( key ) ) {
return;
}
this.dynamic_css = {};
// Build responsive styles.
selectors = [ this.baseSelector + ' .fusion-grid .fusion-grid-column' ];
this.addCssProperty( selectors, 'width', this.getGridWidthVal( values[ key ] ) + '!important' );
media = '@media only screen and (max-width:' + this.extras[ 'visibility_' + size ] + 'px)';
responsive_style += media + '{' + this.parseCSS() + '}';
}, this );
css += responsive_style;
}
// Responsive Filters Alignment.
if ( 'no' !== values.filters && ( 'grid' === values.layout || 'masonry' === values.layout ) && 'posts' === values.source ) {
_.each( [ 'medium', 'small' ], function( size ) {
var key = 'filters_alignment_' + size;
media = '@media only screen and (max-width:' + this.extras[ 'visibility_' + size ] + 'px)';
if ( '' === this.values[ key ] ) {
return;
}
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector + ' ul.fusion-filters' ], 'justify-content', this.values[ key ] );
css += media + '{' + this.parseCSS() + '}';
}, this );
}
return ( css ) ? '<style>' + css + '</style>' : '';
},
/**
* Runs just after render on cancel.
*
* @since 3.5
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) );
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( '' !== values.post_card ) {
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.post_cards[ values.post_card ] ) {
FusionPageBuilderApp.mediaMap.post_cards[ values.post_card ] = true;
}
}
}
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionAppConfig, FusionEvents */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.fusion_widget_content = window.wp.Backbone.View.extend( {
template: FusionPageBuilder.template( jQuery( '#tmpl-fusion_widget_content' ).html() ),
className: 'fusion-widget-content-view',
events: {
},
/**
* First filters applied to widget markup when retrieved via ajax.
*
* @since 2.2.0
* @return {String}
*/
filterRenderContent: function ( output ) {
return output;
},
/**
* Before Widget Content View actions.
*
* @since 2.2.0
* @return {void}
*/
beforeRemove: function () { // eslint-disable-line no-empty-function
},
/**
* Remove Widget Content View.
*
* @since 2.2.0
* @return {void}
*/
removeElement: function() {
FusionApp.deleteScripts( this.cid );
this.beforeRemove();
this.remove();
},
/**
* Init function.
*
* @since 2.2.0
* @return {void}
*/
initialize: function() {
// Set markup
if ( this.model.attributes.markup && this.model.attributes.markup.output ) {
this.model.attributes.markup = FusionApp.removeScripts( this.filterRenderContent( this.model.attributes.markup.output ), this.cid );
this.injectScripts();
}
this.onInit();
},
/**
* Renders the view.
*
* @since 2.2.0
* @return {Object} this
*/
render: function() {
if ( !this.isAjax && ( 'undefined' === typeof this.model.attributes.markup || '' === this.model.attributes.markup ) ) {
FusionApp.deleteScripts( this.cid );
this.getHTML( this );
}
this.$el.html( this.template( this.model.attributes ) );
this.onRender();
return this;
},
onInit: function() {
this.isAjax = false;
},
onRender: function() { // eslint-disable-line no-empty-function
},
/**
* Calls getHTML().
*
* @since 2.2.0
* @param {Object} view
* @return {void}
*/
getMarkup: function( view ) {
this.getHTML( view );
},
/**
* Add selected widget scripts to Fusion App.
*
* @since 2.2.0
* @return {void}
*/
injectScripts: function() {
var self, dfd;
self = this;
dfd = jQuery.Deferred();
setTimeout( function() {
FusionApp.injectScripts( self.cid );
dfd.resolve();
}, 100 );
return dfd.promise();
},
/**
* Fetch selected widget markup.
*
* @since 2.2.0
* @param {Object} view
* @return {void}
*/
getHTML: function( view ) {
var self = this,
params;
params = view.model.get( 'params' );
self.isAjax = true;
this.beforeGetHTML();
jQuery.ajax( {
type: 'POST',
url: fusionAppConfig.ajaxurl,
dataType: 'JSON',
data: {
action: 'fusion_get_widget_markup',
fusion_load_nonce: fusionAppConfig.fusion_load_nonce,
type: view.model.attributes.params.type,
params: params,
widget_id: view.model.cid
}
} )
.done( function( response ) {
self.isAjax = false;
FusionApp.deleteScripts( self.cid );
view.model.attributes.markup = FusionApp.removeScripts( self.filterRenderContent( response ), self.cid );
view.render();
self.injectScripts()
.then( function() {
self.afterGetHTML();
// Remove parent loading overlay
FusionEvents.trigger( 'fusion-widget-rendered' );
} );
} );
},
beforeGetHTML: function() { // eslint-disable-line no-empty-function
},
afterGetHTML: function() { // eslint-disable-line no-empty-function
}
} );
} );
}() );
;/* global FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.RevSliderWidget = FusionPageBuilder.fusion_widget_content.extend( {
beforeGetHTML: function() {
var sliderId = this.$el.find( 'rs-module' ).attr( 'id' );
// use preview context to correctly disable the revolution slider
this.sliderInitiated = Boolean( sliderId );
FusionApp.previewWindow.jQuery( '#' + sliderId ).revkill();
},
beforeRemove: function() {
var sliderId = this.$el.find( 'rs-module' ).attr( 'id' );
// use preview context to correctly disable the revolution slider
FusionApp.previewWindow.jQuery( '#' + sliderId ).revkill();
},
filterRenderContent: function( output ) {
var result = this.filterDuplicates( this.disableInlineScripts( output, this.sliderInitiated ) );
return result;
},
filterDuplicates: function( output ) {
var alias = output.match( /(data-alias="(.*?)")/g );
alias = alias && 0 > alias.length ? alias[ 0 ].split( '=' )[ 1 ] : '""';
if ( jQuery( '#fb-preview' ).contents().find( 'rs-module-wrap[data-alias=' + alias + ']' ).length ) {
return '<div class="fusion-builder-placeholder">' + window.fusionBuilderText.duplicate_slider_revolution + '</div>';
}
return output;
},
disableInlineScripts: function( output, force ) {
if ( ( -1 !== output.indexOf( 'rev_slider_error' ) && -1 !== output.indexOf( '<script' ) && -1 !== output.indexOf( '</script>' ) ) || force ) {
output = output.replace( '<script', '<!--<script' ).replace( '</script>', '</script>-->' );
}
return output;
}
} );
} );
}() );
;/* global FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.Fusion_Widget_Facebook_Page = FusionPageBuilder.fusion_widget_content.extend( {
afterGetHTML: function() {
if ( 'undefined' !== typeof FusionApp.previewWindow.FB ) {
FusionApp.previewWindow.FB.XFBML.parse();
}
}
} );
} );
}() );
;/* global FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.WP_Widget_Media_Video = FusionPageBuilder.fusion_widget_content.extend( {
onInit: function() {
this.model.attributes.markup = '';
},
afterGetHTML: function() {
var video = this.$el.find( 'video' );
video.attr( 'id', 'video-' + this.model.get( 'cid' ) );
FusionApp.previewWindow.wp.mediaelement.initialize();
}
} );
} );
}() );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Author view.
FusionPageBuilder.fusion_tb_author = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
return attributes;
},
/**
* Builds output.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '',
title = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-author-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.author ) {
output = atts.query_data.author;
}
title = _.buildTitleElement( atts.values, atts.extras, jQuery( jQuery.parseHTML( output ) ).find( 'h1, h2, h3, h4, h5, h6' ).html() );
output = output.replace( jQuery( jQuery.parseHTML( output ) ).find( 'h1, h2, h3, h4, h5, h6' ).parent().prop( 'outerHTML' ), title );
return output;
},
/**
* Builds attributes.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'about-author fusion-live-author-tb fusion-author-tb fusion-author-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'hide' !== values.avatar ) {
attr[ 'class' ] += ' ' + values.avatar;
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds styles.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var styles = '<style type="text/css">';
if ( 'circle' === values.avatar ) {
styles += '.fusion-author-tb-' + this.model.get( 'cid' ) + '.circle .about-author-container .avatar{border-radius: 50%;}';
}
if ( 'square' === values.avatar ) {
styles += '.fusion-author-tb-' + this.model.get( 'cid' ) + '.square .about-author-container .avatar{border-radius: 0;}';
}
if ( 'hide' === values.avatar ) {
styles += '.fusion-author-tb-' + this.model.get( 'cid' ) + ' .about-author-container .avatar{display:none;}';
}
if ( 'hide' === values.headings ) {
styles += '.fusion-author-tb-' + this.model.get( 'cid' ) + ' .fusion-title{display:none;}';
}
if ( 'hide' === values.biography ) {
styles += '.fusion-author-tb-' + this.model.get( 'cid' ) + ' .about-author-container .description{display:none;}';
}
styles += '</style>';
return styles;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Comments view.
FusionPageBuilder.fusion_tb_comments = FusionPageBuilder.ElementView.extend( {
onInit: function() {
if ( this.model.attributes.markup && '' === this.model.attributes.markup.output ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 2.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
attributes.placeholder = this.getComponentPlaceholder();
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.border_size = _.fusionValidateAttrValue( values.border_size, 'px' );
values.padding = _.fusionValidateAttrValue( values.padding, 'px' );
},
/**
* Builds output.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '',
title = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-comments-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.comments ) {
output = atts.query_data.comments;
}
_.each( jQuery( jQuery.parseHTML( output ) ).find( 'h1, h2, h3, h4, h5, h6' ), function( item ) {
title = _.buildTitleElement( atts.values, atts.extras, jQuery( item ).html() );
output = output.replace( jQuery( item ).parent().prop( 'outerHTML' ), title );
} );
return output;
},
/**
* Builds attributes.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-comments-tb fusion-live-comments-tb fusion-comments-tb-' + this.model.get( 'cid' ) + ' fusion-order-' + values.template_order.split( ',' )[ 0 ].replace( '_', '-' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'hide' !== values.avatar ) {
attr[ 'class' ] += ' ' + values.avatar;
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds styles.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var selectors, css;
this.baseSelector = '.fusion-comments-tb.fusion-comments-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
selectors = this.baseSelector + ' .commentlist .the-comment';
if ( !this.isDefault( 'border_size' ) ) {
this.addCssProperty( selectors, 'border-bottom-width', values.border_size );
}
if ( !this.isDefault( 'border_color' ) ) {
this.addCssProperty( selectors, 'border-color', values.border_color );
}
if ( 'hide' === values.avatar ) {
this.addCssProperty( this.baseSelector + ' .commentlist .the-comment .comment-text', 'margin-left', '0px' );
}
if ( 'circle' === values.avatar ) {
this.addCssProperty( this.baseSelector + '.circle .the-comment .avatar', 'border-radius', '50%' );
}
if ( 'square' === values.avatar ) {
this.addCssProperty( this.baseSelector + '.square .the-comment .avatar', 'border-radius', '0' );
}
if ( 'hide' === values.avatar ) {
this.addCssProperty( this.baseSelector + ' .the-comment .avatar', 'display', 'none' );
}
if ( '' !== values.padding ) {
this.addCssProperty( this.baseSelector + ' .commentlist .children', 'padding-left', values.padding );
}
if ( 'hide' === values.headings ) {
this.addCssProperty( this.baseSelector + ' .fusion-title', 'display', 'none' );
}
if ( !this.isDefault( 'heading_color' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-title h' + values.heading_size, 'color', values.heading_color, true );
}
if ( !this.isDefault( 'link_color' ) ) {
this.addCssProperty( this.baseSelector + ' a', 'color', values.link_color );
this.addCssProperty( this.baseSelector + ' .comment-author.meta a', 'color', values.link_color, true );
}
if ( !this.isDefault( 'link_hover_color' ) ) {
this.addCssProperty( this.baseSelector + ' a:hover', 'color', values.link_hover_color );
this.addCssProperty( this.baseSelector + ' .comment-author.meta a:hover', 'color', values.link_hover_color, true );
}
if ( !this.isDefault( 'text_color' ) ) {
this.addCssProperty( this.baseSelector, 'color', values.text_color );
}
if ( !this.isDefault( 'meta_color' ) ) {
this.addCssProperty( this.baseSelector + ' .comment-author.meta', 'color', values.meta_color, true );
}
css = this.parseCSS();
return ( css ) ? '<style type="text/css">' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* global FusionApp */
/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Content Component View.
FusionPageBuilder.fusion_tb_content = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.output = this.buildOutput( atts );
attributes.styles = this.buildStyleBlock( atts.values );
return attributes;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} atts - The attributes object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '',
stripHTML = ( 'yes' === atts.values.strip_html );
if ( 'undefined' !== typeof atts.query_data && 'object' === typeof atts.query_data.content ) {
if ( atts.query_data.content.has_custom_excerpt ) {
output = _.fusionGetFixedContent( atts.query_data.content, atts.values.excerpt, Number.MAX_SAFE_INTEGER, stripHTML );
} else {
output = _.fusionGetFixedContent( atts.query_data.content, atts.values.excerpt, atts.values.excerpt_length, stripHTML );
}
}
if ( '' === output ) {
output = 'object' === typeof FusionApp.initialData.examplePostDetails && 'string' === typeof FusionApp.initialData.examplePostDetails.post_content ? FusionApp.initialData.examplePostDetails.post_content : _.autop( 'This is some example content.' );
}
return output;
},
buildStyleBlock: function( values ) {
var text_styles, css,
self = this;
this.baseSelector = '.fusion-content-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( !this.isDefault( 'content_alignment' ) ) {
this.addCssProperty( this.baseSelector, 'text-align', this.values.content_alignment );
}
if ( !this.isDefault( 'font_size' ) ) {
this.addCssProperty( this.baseSelector, 'font-size', _.fusionGetValueWithUnit( this.values.font_size ) );
}
text_styles = _.fusionGetFontStyle( 'text_font', values, 'object' );
jQuery.each( text_styles, function( rule, value ) {
self.addCssProperty( self.baseSelector, rule, value );
} );
if ( !this.isDefault( 'line_height' ) ) {
this.addCssProperty( this.baseSelector, 'line-height', this.values.line_height );
}
if ( !this.isDefault( 'text_transform' ) ) {
this.addCssProperty( this.baseSelector, 'text-transform', this.values.text_transform );
}
if ( !this.isDefault( 'letter_spacing' ) ) {
this.addCssProperty( this.baseSelector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.letter_spacing ) );
}
if ( !this.isDefault( 'text_color' ) ) {
this.addCssProperty( this.baseSelector, 'color', this.values.text_color );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
},
/**
* Builds attributes.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-content-tb fusion-content-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Featured Images Slider Component View.
FusionPageBuilder.fusion_tb_featured_slider = FusionPageBuilder.ElementView.extend( {
onInit: function() {
if ( this.model.attributes.markup && '' === this.model.attributes.markup.output ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 2.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output ) {
attributes.output = atts.markup.output;
}
// Use AJAX content if it exists.
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.output ) {
attributes.output = atts.query_data.output;
}
if ( '' === attributes.output ) {
attributes.output = this.getComponentPlaceholder();
}
return attributes;
},
/**
* Builds attributes.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-featured-slider-tb fusion-featured-slider-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
}
} );
} );
}( jQuery ) );
;/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Meta Component View.
FusionPageBuilder.fusion_tb_meta = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.4
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock();
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Modifies the values.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.border_size = _.fusionValidateAttrValue( values.border_size, 'px' );
values.height = _.fusionValidateAttrValue( values.height, 'px' );
},
/**
* Builds attributes.
*
* @since 2.4
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-meta-tb fusion-meta-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.padding_top ) {
attr.style += 'padding-top:' + values.padding_top + ';';
}
if ( '' !== values.padding_right ) {
attr.style += 'padding-right:' + values.padding_right + ';';
}
if ( '' !== values.padding_bottom ) {
attr.style += 'padding-bottom:' + values.padding_bottom + ';';
}
if ( '' !== values.padding_left ) {
attr.style += 'padding-left:' + values.padding_left + ';';
}
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.stacked_vertical_align && 'floated' !== values.layout ) {
attr.style += 'justify-content:' + values.stacked_vertical_align + ';';
}
if ( '' !== values.stacked_horizontal_align && 'floated' !== values.layout ) {
attr.style += 'align-items:' + values.stacked_horizontal_align + ';';
}
if ( '' !== values.height ) {
attr.style += 'min-height:' + values.height + ';';
}
if ( '' !== values.font_size ) {
attr.style += 'font-size:' + values.font_size + ';';
}
if ( '' !== values.background_color ) {
attr.style += 'background-color:' + values.background_color + ';';
}
if ( '' !== values.layout ) {
attr[ 'class' ] += ' ' + values.layout;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-meta-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.meta ) {
output = atts.query_data.meta;
}
return output;
},
/**
* Builds styles.
*
* @since 2.4
* @return {String}
*/
buildStyleBlock: function() {
var selectors, css, media;
this.baseSelector = '.fusion-meta-tb.fusion-meta-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
selectors = [ this.baseSelector, this.baseSelector + ' a' ];
if ( !this.isDefault( 'text_color' ) ) {
this.addCssProperty( selectors, 'color', this.values.text_color );
}
if ( !this.isDefault( 'link_color' ) ) {
this.addCssProperty( [ this.baseSelector + ' span a' ], 'color', this.values.link_color );
}
// Alignment.
if ( '' !== this.values.alignment && 'stacked' !== this.values.layout ) {
this.addCssProperty( [ this.baseSelector ], 'justify-content', this.values.alignment );
}
selectors = [ this.baseSelector + ' a:hover', this.baseSelector + ' span a:hover' ];
if ( !this.isDefault( 'text_hover_color' ) ) {
this.addCssProperty( selectors, 'color', this.values.text_hover_color );
}
if ( !this.isDefault( 'border_color' ) ) {
this.addCssProperty( [ this.baseSelector ], 'border-color', this.values.border_color );
}
if ( !this.isDefault( 'border_bottom' ) ) {
this.addCssProperty( [ this.baseSelector ], 'border-bottom-width', this.values.border_bottom );
}
if ( !this.isDefault( 'border_top' ) ) {
this.addCssProperty( [ this.baseSelector ], 'border-top-width', this.values.border_top );
}
if ( !this.isDefault( 'border_left' ) ) {
this.addCssProperty( [ this.baseSelector ], 'border-left-width', this.values.border_left );
}
if ( !this.isDefault( 'border_right' ) ) {
this.addCssProperty( [ this.baseSelector ], 'border-right-width', this.values.border_right );
}
selectors = [ this.baseSelector + ' > span:not(.fusion-meta-tb-sep)' ];
if ( !this.isDefault( 'item_border_color' ) ) {
this.addCssProperty( selectors, 'border-color', this.values.item_border_color );
}
if ( !this.isDefault( 'item_border_bottom' ) ) {
this.addCssProperty( selectors, 'border-bottom-width', this.values.item_border_bottom );
}
if ( !this.isDefault( 'item_border_top' ) ) {
this.addCssProperty( selectors, 'border-top-width', this.values.item_border_top );
}
if ( !this.isDefault( 'item_border_left' ) ) {
this.addCssProperty( selectors, 'border-left-width', this.values.item_border_left );
}
if ( !this.isDefault( 'item_border_right' ) ) {
this.addCssProperty( selectors, 'border-right-width', this.values.item_border_right );
}
if ( !this.isDefault( 'item_background_color' ) ) {
this.addCssProperty( selectors, 'background-color', this.values.item_background_color );
}
if ( !this.isDefault( 'item_padding_top' ) ) {
this.addCssProperty( selectors, 'padding-top', this.values.item_padding_top );
}
if ( !this.isDefault( 'item_padding_bottom' ) ) {
this.addCssProperty( selectors, 'padding-bottom', this.values.item_padding_bottom );
}
if ( !this.isDefault( 'item_padding_left' ) ) {
this.addCssProperty( selectors, 'padding-left', this.values.item_padding_left );
}
if ( !this.isDefault( 'item_padding_right' ) ) {
this.addCssProperty( selectors, 'padding-right', this.values.item_padding_right );
}
if ( !this.isDefault( 'item_margin_top' ) ) {
this.addCssProperty( selectors, 'margin-top', this.values.item_margin_top );
}
if ( !this.isDefault( 'item_margin_bottom' ) ) {
this.addCssProperty( selectors, 'margin-bottom', this.values.item_margin_bottom );
}
if ( !this.isDefault( 'item_margin_left' ) ) {
this.addCssProperty( selectors, 'margin-left', this.values.item_margin_left );
}
if ( !this.isDefault( 'item_margin_right' ) ) {
this.addCssProperty( selectors, 'margin-right', this.values.item_margin_right );
}
css = this.parseCSS();
// Responsive Alignment.
if ( 'stacked' !== this.values.layout ) {
_.each( [ 'medium', 'small' ], function( size ) {
var key = 'alignment_' + size;
media = '@media only screen and (max-width:' + this.extras[ 'visibility_' + size ] + 'px)';
if ( '' === this.values[ key ] ) {
return;
}
this.dynamic_css = {};
this.addCssProperty( [ this.baseSelector ], 'justify-content', this.values[ key ] );
css += media + '{' + this.parseCSS() + '}';
}, this );
}
return ( css ) ? '<style type="text/css">' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Pagination view.
FusionPageBuilder.fusion_tb_pagination = FusionPageBuilder.ElementView.extend( {
/**
* Runs after view DOM is patched.
*
* @since 3.2
* @return {void}
*/
afterPatch: function() {
var $pagination = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-live-pagination-tb.layout-sticky' ) );
if ( jQuery( '.fusion-builder-module-settings[data-element-cid="' + this.model.get( 'cid' ) + '"]' ).length ) {
$pagination.addClass( 'show-live' );
}
},
/**
* Modify template attributes.
*
* @since 2.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
// Any extras that need passed on.
attributes.values = atts.values;
return attributes;
},
/**
* Modifies the values.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.border_size = _.fusionValidateAttrValue( values.border_size, 'px' );
values.height = _.fusionValidateAttrValue( values.height, 'px' );
values.preview_height = _.fusionValidateAttrValue( values.preview_height, 'px' );
values.preview_wrapper_width = _.fusionValidateAttrValue( values.preview_wrapper_width, 'px' );
values.preview_width = _.fusionValidateAttrValue( values.preview_width, 'px' );
},
/**
* Builds attributes.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-live-pagination-tb fusion-pagination-tb fusion-pagination-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.height && 'sticky' !== values.layout ) {
attr.style += 'min-height:' + values.height + ';';
}
if ( '' !== values.font_size ) {
attr.style += 'font-size:' + values.font_size + ';';
}
if ( 'sticky' !== values.layout ) {
attr[ 'class' ] += ' single-navigation clearfix ';
}
if ( values.layout ) {
attr[ 'class' ] += ' layout-' + values.layout;
}
if ( values.preview_position && 'preview' === values.layout ) {
attr[ 'class' ] += ' position-' + values.preview_position;
}
if ( 'yes' === values.box_shadow ) {
attr[ 'class' ] += ' has-box-shadow';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.alignment && 'sticky' !== values.layout ) {
attr[ 'class' ] += ' align-' + values.alignment;
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds styles.
*
* @since 2.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var styles = '<style type="text/css">';
if ( '' !== values.border_size ) {
styles += '.fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky){border-width:' + values.border_size + ';}';
if ( 'preview' === values.layout ) {
styles += '.fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation.layout-preview .fusion-pagination-preview-wrapper{';
if ( 'top' === values.preview_position ) {
styles += 'margin-bottom: calc(' + values.border_size + ' + 1px);';
} else {
styles += 'margin-top: calc(' + values.border_size + ' + 1px);';
}
styles += '}';
}
}
if ( '' !== values.border_color ) {
styles += '.fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky){border-color:' + values.border_color + ';}';
}
if ( '' !== values.text_color ) {
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky) a,';
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky) a::before,';
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky) a::after {';
styles += 'color:' + values.text_color + ';';
styles += '}';
}
if ( '' !== values.text_hover_color ) {
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky) a:hover,';
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky) a:hover::before,';
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.single-navigation:not(.layout-sticky) a:hover::after {';
styles += 'color:' + values.text_hover_color + ';';
styles += '}';
}
if ( '' !== values.bg_color && 'text' !== values.layout ) {
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky .fusion-control-navigation,';
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + ':not(.layout-sticky).layout-preview .fusion-pagination-preview-wrapper{';
styles += 'background:' + values.bg_color + ';}';
}
if ( 'yes' === values.box_shadow && 'text' !== values.layout ) {
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky.has-box-shadow .fusion-control-navigation:before,';
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + ':not(.layout-sticky).layout-preview.has-box-shadow .fusion-pagination-preview-wrapper{';
styles += 'box-shadow:' + _.fusionGetBoxShadowStyle( values ) + ' !important;}';
}
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky .fusion-control-navigation a,';
styles += '.fusion-fullwidth .fusion-builder-row.fusion-row .fusion-pagination-tb-' + this.model.get( 'cid' ) + ':not(.layout-sticky).layout-preview .fusion-pagination-preview-wrapper .fusion-item-title {';
if ( '' !== values.preview_text_color && 'text' !== values.layout ) {
styles += 'color:' + values.preview_text_color + ';';
}
if ( '' !== values.preview_font_size && 'text' !== values.layout ) {
styles += 'font-size:' + values.preview_font_size + ';';
}
styles += '}';
if ( '' !== values.preview_height && 'sticky' === values.layout ) {
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky .fusion-control-navigation{';
styles += 'height:' + values.preview_height + ';';
styles += '}';
}
if ( '' !== values.preview_wrapper_width && 'sticky' === values.layout ) {
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky .fusion-control-navigation{';
styles += 'min-width:' + values.preview_wrapper_width + ';';
styles += '}';
}
if ( '' !== values.preview_width && 'sticky' === values.layout ) {
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky .fusion-control-navigation.next{';
if ( jQuery( 'body' ).hasClass( 'rtl' ) ) {
styles += 'transform:translate( calc( max( -' + values.preview_wrapper_width + ', -50vw ) + ' + values.preview_width + '), -50% ) !important;';
} else {
styles += 'transform:translate( calc( min( ' + values.preview_wrapper_width + ', 50vw ) - ' + values.preview_width + '), -50% );';
}
styles += '}';
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky .fusion-control-navigation.prev{';
if ( jQuery( 'body' ).hasClass( 'rtl' ) ) {
styles += 'transform:translate( calc( min( ' + values.preview_wrapper_width + ', 50vw ) - ' + values.preview_width + '), -50% ) !important;';
} else {
styles += 'transform:translate( calc( max( -' + values.preview_wrapper_width + ', -50vw ) + ' + values.preview_width + '), -50% );';
}
styles += '}';
}
if ( '' !== values.z_index && 'sticky' === values.layout ) {
styles += '.fusion-body .fusion-pagination-tb-' + this.model.get( 'cid' ) + '.layout-sticky{';
styles += 'z-index:' + parseInt( values.z_index ) + ';';
styles += '}';
}
styles += '</style>';
return styles;
},
/**
* Open actual modal.
*
* @since 2.0
* @return {void}
*/
onSettingsOpen: function() {
var $pagination = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-live-pagination-tb' ) );
if ( $pagination.hasClass( 'layout-sticky' ) ) {
$pagination.addClass( 'show-live' );
}
},
/**
* Close the modal.
*
* @since 2.0
* @return {void}
*/
onSettingsClose: function() {
var $pagination = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.fusion-live-pagination-tb' ) );
if ( $pagination.hasClass( 'layout-sticky' ) ) {
$pagination.removeClass( 'show-live' );
}
}
} );
} );
}( jQuery ) );
;/* global fusionBuilderText, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Related Component View.
FusionPageBuilder.fusion_tb_related = FusionPageBuilder.ElementView.extend( {
onInit: function() {
if ( this.model.attributes.markup && '' === this.model.attributes.markup.output ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
this._refreshJs();
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Create attribute objects.
attributes.attr = this.buildAttr( atts.values );
attributes.titleElement = 'yes' === atts.values.heading_enable ? _.buildTitleElement( atts.values, atts.extras, this.getSectionTitle() ) : '';
attributes.query_data = atts.query_data;
// add placeholder.
attributes.query_data.placeholder = this.getComponentPlaceholder();
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.related_items ) {
attributes.relatedCarousel = this.buildRelatedCarousel( atts );
attributes.carouselAttrs = this.buildCarouselAttrs( atts.values );
attributes.carouselNav = true === atts.values.related_posts_navigation ? this.buildCarouselNav() : '';
}
return attributes;
},
/**
* Modify values.
*
* @since 2.0
* @param {Object} values - The values.
* @return {void}
*/
validateValues: function( values ) {
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
values.related_posts_navigation = ( 'yes' === values.related_posts_navigation || '1' === values.related_posts_navigation ) ? true : false;
values.related_posts_autoplay = ( 'yes' === values.related_posts_autoplay || '1' === values.related_posts_autoplay ) ? true : false;
values.related_posts_swipe = ( 'yes' === values.related_posts_swipe || '1' === values.related_posts_swipe ) ? true : false;
},
/**
* Builds related posts carousel.
*
* @since 2.0
* @param {Object} atts - The Attributes.
* @return {string}
*/
buildRelatedCarousel: function( atts ) {
var queryData = atts.query_data,
values = atts.values,
html = '';
_.each( queryData.related_items, function( item ) {
var carouselItemCss = '';
if ( queryData.related_items.length < values.related_posts_columns ) {
carouselItemCss = ( atts.extras.content_width - parseInt( values.related_posts_column_spacing ) * ( values.related_posts_columns - 1 ) ) / values.related_posts_columns; // eslint-disable-line no-mixed-operators
carouselItemCss = ' style="max-width: ' + carouselItemCss + 'px;"';
}
html += '<li class="fusion-carousel-item"' + carouselItemCss + '>';
html += '<div class="fusion-carousel-item-wrapper">';
html += item.featured_image;
if ( 'title_below_image' === values.related_posts_layout ) {
html += '<h4 class="fusion-carousel-title">';
html += '<a class="fusion-related-posts-title-link" href="' + item.link + '" target="_self" title="' + item.title_attr + '">' + item.title + '</a>';
html += '</h4>';
html += '<div class="fusion-carousel-meta">';
html += '<span class="fusion-date">' + item.date + '</span>';
if ( true === item.comments_open ) {
html += '<span class="fusion-inline-sep">|</span>';
html += '<span>';
html += item.comments;
html += '</span>';
}
html += '</div>';
}
html += '</div>';
html += '</li>';
} );
return html;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'related-posts single-related-posts fusion-related-tb',
style: ''
} ),
cid = this.model.get( 'cid' );
attr = _.fusionAnimations( values, attr );
if ( values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
attr[ 'class' ] += ' fusion-related-tb-' + cid;
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
return attr;
},
/**
* Builds carousel nav.
*
* @since 2.2
* @return {string}
*/
buildCarouselNav: function() {
var output = '';
output += '<div class="fusion-carousel-nav">';
output += '<button class="fusion-nav-prev" aria-label="Previous"></button>';
output += '<button class="fusion-nav-next" aria-label="Next"></button>';
output += '</div>';
return output;
},
/**
* Builds carousel attributes.
*
* @since 2.0
* @param {Object} values - The values.
* @return {Object}
*/
buildCarouselAttrs: function( values ) {
var attr = {
class: 'fusion-carousel'
};
if ( 'title_below_image' === values.related_posts_layout ) {
attr[ 'class' ] += ' fusion-carousel-title-below-image';
}
attr[ 'data-imagesize' ] = ( 'cropped' === values.related_posts_image_size ) ? 'fixed' : 'auto';
/**
* Set the meta content variable.
*/
attr[ 'data-metacontent' ] = ( 'title_on_rollover' === values.related_posts_layout ) ? 'no' : 'yes';
/**
* Set the autoplay variable.
*/
attr[ 'data-autoplay' ] = ( values.related_posts_autoplay ) ? 'yes' : 'no';
/**
* Set the touch scroll variable.
*/
attr[ 'data-touchscroll' ] = ( values.related_posts_swipe ) ? 'yes' : 'no';
attr[ 'data-columns' ] = values.related_posts_columns;
attr[ 'data-itemmargin' ] = parseInt( values.related_posts_column_spacing ) + 'px';
attr[ 'data-itemwidth' ] = 180;
attr[ 'data-touchscroll' ] = 'yes';
attr[ 'data-scrollitems' ] = ( 0 == values.related_posts_swipe_items ) ? '' : values.related_posts_swipe_items;
return attr;
},
/**
* Get section title based on the post type.
*
* @since 2.2
* @return {string}
*/
getSectionTitle: function() {
var sectionTitle = fusionBuilderText.related_posts;
if ( 'undefined' !== typeof FusionApp.data.examplePostDetails ) {
if ( 'avada_portfolio' === FusionApp.data.examplePostDetails.post_type ) {
sectionTitle = fusionBuilderText.related_projects;
} else if ( 'avada_faq' === FusionApp.data.examplePostDetails.post_type ) {
sectionTitle = fusionBuilderText.related_faqs;
}
}
return sectionTitle;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Related Component View.
FusionPageBuilder.fusion_tb_archives = FusionPageBuilder.fusion_blog.extend( {
onInit: function() {
var output, markupIsEmpty, markupIsPlaceholder;
this.filterTemplateAtts = this._filterTemplateAtts( this.filterTemplateAtts );
output = this.model.attributes.markup && this.model.attributes.markup.output;
markupIsEmpty = '' === output;
markupIsPlaceholder = output && output.includes( 'fusion-builder-placeholder' );
if ( markupIsEmpty || markupIsPlaceholder ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
_filterTemplateAtts: function( filterTemplateAtts ) {
var self = this;
return function( atts ) {
atts.params.show_title = 'yes';
atts = filterTemplateAtts.call( self, atts );
atts.placeholder = self.getComponentPlaceholder();
return atts;
};
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_blog', this.model.attributes.cid );
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Price Component View.
FusionPageBuilder.fusion_tb_woo_price = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Modifies the values.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
var borderRadiusTopLeft = 'undefined' !== typeof values.border_radius_top_left && '' !== values.border_radius_top_left ? _.fusionGetValueWithUnit( values.border_radius_top_left ) : '0px',
borderRadiusTopRight = 'undefined' !== typeof values.border_radius_top_right && '' !== values.border_radius_top_right ? _.fusionGetValueWithUnit( values.border_radius_top_right ) : '0px',
borderRadiusBottomRight = 'undefined' !== typeof values.border_radius_bottom_right && '' !== values.border_radius_bottom_right ? _.fusionGetValueWithUnit( values.border_radius_bottom_right ) : '0px',
borderRadiusBottomLeft = 'undefined' !== typeof values.border_radius_bottom_left && '' !== values.border_radius_bottom_left ? _.fusionGetValueWithUnit( values.border_radius_bottom_left ) : '0px';
values.border_radius = borderRadiusTopLeft + ' ' + borderRadiusTopRight + ' ' + borderRadiusBottomRight + ' ' + borderRadiusBottomLeft;
values.border_radius = ( '0px 0px 0px 0px' === values.border_radius ) ? '' : values.border_radius;
values.badge_border_size = _.fusionValidateAttrValue( values.badge_border_size, 'px' );
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-price-tb fusion-woo-price-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values.alignment ) {
attr.style += 'justify-content:' + values.alignment + ';';
}
if ( 'yes' !== values.show_sale ) {
attr[ 'class' ] += ' hide-sale';
}
if ( '0px' !== values.badge_border_size ) {
attr[ 'class' ] += ' has-border';
}
if ( '' !== values.sale_position ) {
attr[ 'class' ] += ' sale-position-' + values.sale_position;
}
if ( '' !== values.layout ) {
attr[ 'class' ] += ' ' + values.layout;
}
if ( '' !== values.badge_position && 'no' !== values.show_badge ) {
attr[ 'class' ] += ' has-badge badge-position-' + values.badge_position;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Adds CSS property to object.
*
* @since 3.2
* @param {String} selectors - The CSS selectors.
* @param {String} property - The CSS property.
* @param {String} value - The CSS property value.
* @param {Bool} important - Should have important tag.
* @return {void}
*/
addCssProperty: function ( selectors, property, value, important ) {
if ( 'object' === typeof selectors ) {
selectors = Object.values( selectors );
}
if ( 'object' === typeof selectors ) {
selectors = selectors.join( ',' );
}
if ( 'object' !== typeof this.dynamic_css[ selectors ] ) {
this.dynamic_css[ selectors ] = {};
}
if ( 'undefined' !== typeof important && important ) {
value += ' !important';
}
if ( 'undefined' === typeof this.dynamic_css[ selectors ][ property ] || ( 'undefined' !== typeof important && important ) || ! this.dynamic_css[ selectors ][ property ].includes( 'important' ) ) {
this.dynamic_css[ selectors ][ property ] = value;
}
},
/**
* Checks if param has got default value or not.
*
* @since 3.2
* @param {String} param - The param.
* @return {Bool}
*/
isDefault: function( param ) {
return this.values[ param ] === fusionAllElements.fusion_tb_woo_price.defaults[ param ];
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-price-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_price ) {
output = atts.query_data.woo_price;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var css, selectors,
fontStyles = {},
self = this;
this.baseSelector = '.fusion-woo-price-tb.fusion-woo-price-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
selectors = [
this.baseSelector + ' .price',
this.baseSelector + ' .price ins .amount',
this.baseSelector + ' .price del .amount',
this.baseSelector + ' .price > .amount'
];
if ( ! this.isDefault( 'price_font_size' ) ) {
this.addCssProperty( selectors, 'font-size', values.price_font_size );
}
if ( !this.isDefault( 'price_line_height' ) ) {
this.addCssProperty( selectors, 'line-height', this.values.price_line_height );
}
if ( !this.isDefault( 'price_text_transform' ) ) {
this.addCssProperty( selectors, 'text-transform', this.values.price_text_transform );
}
if ( !this.isDefault( 'price_letter_spacing' ) ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( this.values.price_letter_spacing ) );
}
if ( ! this.isDefault( 'price_color' ) ) {
this.addCssProperty( selectors, 'color', values.price_color );
}
fontStyles = _.fusionGetFontStyle( 'price_typography', values, 'object' );
jQuery.each( fontStyles, function( rule, value ) {
self.addCssProperty( selectors, rule, value );
} );
if ( ! this.isDefault( 'sale_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .price del .amount', 'font-size', values.sale_font_size );
}
if ( !this.isDefault( 'sale_line_height' ) ) {
this.addCssProperty( this.baseSelector + ' .price del .amount', 'line-height', this.values.sale_line_height );
}
if ( !this.isDefault( 'sale_text_transform' ) ) {
this.addCssProperty( this.baseSelector + ' .price del .amount', 'text-transform', this.values.sale_text_transform );
}
if ( !this.isDefault( 'sale_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector + ' .price del .amount', 'letter-spacing', _.fusionGetValueWithUnit( this.values.sale_letter_spacing ) );
}
if ( ! this.isDefault( 'sale_color' ) ) {
this.addCssProperty( this.baseSelector + ' .price del .amount', 'color', values.sale_color );
}
fontStyles = _.fusionGetFontStyle( 'sale_typography', values, 'object' );
jQuery.each( fontStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector + ' .price del .amount', rule, value );
} );
if ( ! this.isDefault( 'stock_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' p.stock', 'font-size', values.stock_font_size );
}
if ( !this.isDefault( 'stock_line_height' ) ) {
this.addCssProperty( this.baseSelector + ' p.stock', 'line-height', this.values.stock_line_height );
}
if ( !this.isDefault( 'stock_text_transform' ) ) {
this.addCssProperty( this.baseSelector + ' p.stock', 'text-transform', this.values.stock_text_transform );
}
if ( !this.isDefault( 'stock_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector + ' p.stock', 'letter-spacing', _.fusionGetValueWithUnit( this.values.stock_letter_spacing ) );
}
if ( ! this.isDefault( 'stock_color' ) ) {
this.addCssProperty( this.baseSelector + ' p.stock', 'color', values.stock_color );
}
fontStyles = _.fusionGetFontStyle( 'stock_typography', values, 'object' );
jQuery.each( fontStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector + ' p.stock', rule, value );
} );
if ( ! this.isDefault( 'badge_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'font-size', values.badge_font_size );
}
if ( !this.isDefault( 'badge_line_height' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'line-height', this.values.badge_line_height );
}
if ( !this.isDefault( 'badge_text_transform' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'text-transform', this.values.badge_text_transform );
}
if ( !this.isDefault( 'badge_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'letter-spacing', _.fusionGetValueWithUnit( this.values.badge_letter_spacing ) );
}
if ( ! this.isDefault( 'badge_text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'color', values.badge_text_color );
}
fontStyles = _.fusionGetFontStyle( 'badge_typography', values, 'object' );
jQuery.each( fontStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector + ' .fusion-onsale', rule, value );
} );
if ( ! this.isDefault( 'badge_bg_color' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'background', values.badge_bg_color );
}
if ( ! this.isDefault( 'badge_border_size' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'border-width', values.badge_border_size );
}
if ( ! this.isDefault( 'badge_border_color' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'border-color', values.badge_border_color );
}
if ( ! this.isDefault( 'badge_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'font-size', values.badge_font_size );
}
if ( values.border_radius && '' !== values.border_radius ) {
this.addCssProperty( this.baseSelector + ' .fusion-onsale', 'border-radius', values.border_radius );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
},
/**
* Parses CSS.
*
* @since 3.2
* @return {String}
*/
parseCSS: function () {
var css = '';
if ( 'object' !== typeof this.dynamic_css ) {
return '';
}
_.each( this.dynamic_css, function ( properties, selector ) {
if ( 'object' === typeof properties ) {
css += selector + '{';
_.each( properties, function ( value, property ) {
css += property + ':' + value + ';';
} );
css += '}';
}
} );
return css;
}
} );
} );
}( jQuery ) );
;/* global fusionSanitize */
/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Cart Component View.
FusionPageBuilder.fusion_tb_woo_cart = FusionPageBuilder.ElementView.extend( {
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.button_border_top && 'undefined' !== typeof params.button_border_width && '' !== params.button_border_width ) {
params.button_border_top = parseInt( params.button_border_width ) + 'px';
params.button_border_right = params.button_border_top;
params.button_border_bottom = params.button_border_top;
params.button_border_left = params.button_border_top;
delete params.button_border_width;
}
this.model.set( 'params', params );
}
this.variationMarkup = this.$el.length && this.$el.find( '.single_variation_wrap' ).length ? this.$el.find( '.single_variation_wrap' ).html() : '';
},
beforePatch: function() {
this.variationMarkup = this.$el.length && this.$el.find( '.single_variation_wrap' ).length ? this.$el.find( '.single_variation_wrap' ).html() : '';
},
afterPatch: function() {
var $form = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.variations_form' ) ),
self = this;
setTimeout( function() {
self._refreshJs();
}, 10 );
if ( $form.length && 'function' === typeof $form.wc_variation_form ) {
$form.wc_variation_form();
}
if ( 'string' === typeof this.variationMarkup && '' !== this.variationMarkup ) {
setTimeout( function() {
self.$el.find( '.single_variation_wrap' ).html( self.variationMarkup );
self.$el.find( '.single_variation' ).css( 'display', 'flex' );
}, 300 );
}
},
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.values = atts.values;
this.params = this.model.get( 'params' );
this.extras = atts.extras;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = {
'class': 'fusion-woo-cart fusion-woo-cart-' + this.model.get( 'cid' ),
'data-layout': values.variation_layout
};
if ( ! this.$el.closest( 'body' ).hasClass( 'woocommerce' ) ) {
attr[ 'class' ] += ' woocommerce';
}
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
attr = _.fusionAnimations( values, attr );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( 'no' === values.show_price ) {
attr[ 'class' ] += ' hide-price';
}
if ( 'no' === values.show_stock ) {
attr[ 'class' ] += ' hide-stock';
}
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-cart' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.markup ) {
output = atts.query_data.markup;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
// variables into current scope
var table, table_td, stock, label, table_tr,
self = this,
headingStyles = {},
select, arrow, both, border_colors, color_swatch, image_swatch, button_swatch, swatches, active_swatches, hover_swatches, direction, hover_color, width, full_swatches, info, description, prices, sales, variation_clear, button_wrapper, quantity_input, quantity_buttons, quantity_both, height, quantity_font, hover_buttons, button, button_size_map, button_dimensions, button_hover, css, image_swatch_radius, color_swatch_radius, map_flex,
topMargin, bottomMargin, button_wrapper_quantity;
this.baseSelector = '.fusion-woo-cart-' + this.model.get( 'cid' );
this.dynamic_css = {};
// Variation margins.
table = this.baseSelector + ' table.variations';
if ( !this.isDefault( 'margin_top' ) ) {
this.addCssProperty( table, 'margin-top', _.fusionGetValueWithUnit( this.values.margin_top ) );
}
if ( !this.isDefault( 'margin_right' ) ) {
this.addCssProperty( table, 'margin-right', _.fusionGetValueWithUnit( this.values.margin_right ) );
}
if ( !this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( table, 'margin-bottom', _.fusionGetValueWithUnit( this.values.margin_bottom ) );
}
if ( !this.isDefault( 'margin_left' ) ) {
this.addCssProperty( table, 'margin-left', _.fusionGetValueWithUnit( this.values.margin_left ) );
}
table_td = this.baseSelector + ' table tr > *';
// Border size.
if ( !this.isDefault( 'border_sizes_top' ) ) {
this.addCssProperty( table_td, 'border-top-width', _.fusionGetValueWithUnit( this.values.border_sizes_top ) );
}
if ( !this.isDefault( 'border_sizes_right' ) ) {
this.addCssProperty( table_td, 'border-right-width', _.fusionGetValueWithUnit( this.values.border_sizes_right ) );
}
if ( !this.isDefault( 'border_sizes_bottom' ) ) {
this.addCssProperty( table_td, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.border_sizes_bottom ) );
}
if ( !this.isDefault( 'border_sizes_left' ) ) {
this.addCssProperty( table_td, 'border-left-width', _.fusionGetValueWithUnit( this.values.border_sizes_left ) );
}
if ( !this.isDefault( 'border_color' ) ) {
this.addCssProperty( table_td, 'border-color', this.values.border_color );
}
if ( !this.isDefault( 'cell_padding_top' ) ) {
this.addCssProperty( table_td, 'padding-top', _.fusionGetValueWithUnit( this.values.cell_padding_top ) );
}
if ( !this.isDefault( 'cell_padding_right' ) ) {
this.addCssProperty( table_td, 'padding-right', _.fusionGetValueWithUnit( this.values.cell_padding_right ) );
}
if ( !this.isDefault( 'cell_padding_bottom' ) ) {
this.addCssProperty( table_td, 'padding-bottom', _.fusionGetValueWithUnit( this.values.cell_padding_bottom ) );
}
if ( !this.isDefault( 'cell_padding_left' ) ) {
this.addCssProperty( table_td, 'padding-left', _.fusionGetValueWithUnit( this.values.cell_padding_left ) );
}
if ( !this.isDefault( 'cell_background' ) ) {
this.addCssProperty( table_td, 'background-color', this.values.cell_background );
}
label = this.baseSelector + ' tr .label';
if ( 'floated' !== this.values.variation_layout ) {
table_tr = this.baseSelector + ' table tr';
this.addCssProperty( table_tr, 'display', 'flex' );
this.addCssProperty( table_tr, 'flex-direction', 'column' );
this.addCssProperty( table_tr, 'width', '100%' );
this.addCssProperty( this.baseSelector + '.fusion-woo-cart tr:not(:first-of-type) > *,' + this.baseSelector + '.fusion-woo-cart th + td,' + this.baseSelector + '.fusion-woo-cart td + td', 'border-top', 'none', true );
} else {
this.addCssProperty( this.baseSelector + '.fusion-woo-cart tr:not(:first-of-type) > *,' + this.baseSelector + '.fusion-woo-cart th + td,' + this.baseSelector + '.fusion-woo-cart td + td', 'border-top-width', _.fusionGetValueWithUnit( this.values.border_sizes_top ), true );
this.addCssProperty( this.baseSelector + '.fusion-woo-cart tr:not(:first-of-type) > *,' + this.baseSelector + '.fusion-woo-cart th + td,' + this.baseSelector + '.fusion-woo-cart td + td', 'border-top-style', 'solid', true );
this.addCssProperty( this.baseSelector + '.fusion-woo-cart tr:not(:first-of-type) > *,' + this.baseSelector + '.fusion-woo-cart th + td,' + this.baseSelector + '.fusion-woo-cart td + td', 'border-top-color', this.values.border_color, true );
if ( ! this.isDefault( 'label_area_width' ) ) {
this.addCssProperty( label, 'width', _.fusionGetValueWithUnit( this.values.label_area_width ) );
}
}
if ( !this.isDefault( 'text_align' ) ) {
this.addCssProperty( label, 'text-align', this.values.text_align );
map_flex = {
center: 'center',
left: ( jQuery( 'body' ).hasClass( 'rtl' ) ? 'flex-end' : 'flex-start' ),
right: ( jQuery( 'body' ).hasClass( 'rtl' ) ? 'flex-start' : 'flex-end' )
};
this.addCssProperty( table + ' .avada-select-wrapper', 'justify-content', map_flex[ this.values.text_align ] );
}
// Label text styling, share with grouped.
label = [
this.baseSelector + ' tr .label',
this.baseSelector + ' .woocommerce-grouped-product-list label',
this.baseSelector + ' .woocommerce-grouped-product-list label a',
this.baseSelector + ' .woocommerce-grouped-product-list .amount'
];
if ( !this.isDefault( 'label_color' ) ) {
this.addCssProperty( label, 'color', this.values.label_color );
}
if ( !this.isDefault( 'label_font_size' ) ) {
this.addCssProperty( label, 'font-size', _.fusionGetValueWithUnit( this.values.label_font_size ) );
}
if ( !this.isDefault( 'label_line_height' ) ) {
this.addCssProperty( label, 'line-height', this.values.label_line_height );
}
if ( !this.isDefault( 'label_text_transform' ) ) {
this.addCssProperty( label, 'text-transform', this.values.label_text_transform );
}
if ( !this.isDefault( 'label_letter_spacing' ) ) {
this.addCssProperty( label, 'letter-spacing', _.fusionGetValueWithUnit( this.values.label_letter_spacing ) );
}
headingStyles = _.fusionGetFontStyle( 'label_typography', values, 'object' );
jQuery.each( headingStyles, function( rule, value ) {
self.addCssProperty( label, rule, value );
} );
if ( !this.isDefault( 'select_style' ) ) {
select = table + ' select';
arrow = table + ' .select-arrow';
both = [ select, arrow ];
// Select height.
if ( ! this.isDefault( 'select_height' ) ) {
this.addCssProperty( select, 'height', _.fusionGetValueWithUnit( this.values.select_height ) );
}
if ( ! this.isDefault( 'select_font_size' ) ) {
this.addCssProperty( select, 'font-size', _.fusionGetValueWithUnit( this.values.select_font_size ) );
this.addCssProperty( arrow, 'font-size', 'calc( ( ' + _.fusionGetValueWithUnit( this.values.select_font_size ) + ' ) * .75 )', true );
}
if ( ! this.isDefault( 'select_color' ) ) {
this.addCssProperty( both, 'color', this.values.select_color );
}
if ( ! this.isDefault( 'select_background' ) ) {
this.addCssProperty( select, 'background-color', this.values.select_background );
}
if ( ! this.isDefault( 'select_border_color' ) ) {
border_colors = [ select, select + ':focus' ];
this.addCssProperty( border_colors, 'border-color', this.values.select_border_color );
}
if ( ! this.isDefault( 'select_border_sizes_top' ) && '' !== this.values.select_border_sizes_top ) {
this.addCssProperty( select, 'border-top-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_top ) );
this.addCssProperty( arrow, 'top', _.fusionGetValueWithUnit( this.values.select_border_sizes_top ) );
}
if ( ! this.isDefault( 'select_border_sizes_right' ) && '' !== this.values.select_border_sizes_right ) {
this.addCssProperty( select, 'border-right-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_right ) );
}
if ( ! this.isDefault( 'select_border_sizes_bottom' ) && '' !== this.values.select_border_sizes_bottom ) {
this.addCssProperty( select, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_bottom ) );
this.addCssProperty( arrow, 'bottom', _.fusionGetValueWithUnit( this.values.select_border_sizes_bottom ) );
}
if ( ! this.isDefault( 'select_border_sizes_left' ) && '' !== this.values.select_border_sizes_left ) {
this.addCssProperty( select, 'border-left-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_left ) );
}
if ( ! this.isDefault( 'select_border_color' ) && ! this.isDefault( 'select_border_sizes_right' ) && ! this.isDefault( 'select_border_sizes_left' ) ) {
this.addCssProperty( arrow, 'border-left', _.fusionGetValueWithUnit( this.values.select_border_sizes_left ) + ' solid ' + this.values.select_border_color );
}
if ( ! this.isDefault( 'border_radius_top_left' ) ) {
this.addCssProperty( select, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_left ) );
}
if ( ! this.isDefault( 'border_radius_top_right' ) ) {
this.addCssProperty( select, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_right' ) ) {
this.addCssProperty( select, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_left' ) ) {
this.addCssProperty( select, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_left ) );
}
}
if ( !this.isDefault( 'swatch_style' ) && this.extras.woocommerce_variations ) {
color_swatch = table + ' .avada-color-select';
image_swatch = table + ' .avada-image-select';
button_swatch = table + ' .avada-button-select';
swatches = [ color_swatch, image_swatch, button_swatch ];
active_swatches = [ color_swatch + '[data-checked]', image_swatch + '[data-checked]', button_swatch + '[data-checked]' ];
hover_swatches = [ color_swatch + ':hover', image_swatch + ':hover', button_swatch + ':hover', color_swatch + ':focus:not( [data-checked] )', image_swatch + ':focus:not( [data-checked] )', button_swatch + ':focus:not( [data-checked] )' ];
// General swatch styling.
if ( !this.isDefault( 'swatch_margin_top' ) ) {
this.addCssProperty( swatches, 'margin-top', _.fusionGetValueWithUnit( this.values.swatch_margin_top ) );
}
if ( !this.isDefault( 'swatch_margin_right' ) ) {
this.addCssProperty( swatches, 'margin-right', _.fusionGetValueWithUnit( this.values.swatch_margin_right ) );
}
if ( !this.isDefault( 'swatch_margin_bottom' ) ) {
this.addCssProperty( swatches, 'margin-bottom', _.fusionGetValueWithUnit( this.values.swatch_margin_bottom ) );
}
if ( !this.isDefault( 'swatch_margin_left' ) ) {
this.addCssProperty( swatches, 'margin-left', _.fusionGetValueWithUnit( this.values.swatch_margin_left ) );
}
if ( ! this.isDefault( 'swatch_background_color' ) ) {
this.addCssProperty( swatches, 'background-color', this.values.swatch_background_color );
}
if ( ! this.isDefault( 'swatch_background_color_active' ) ) {
this.addCssProperty( active_swatches, 'background-color', this.values.swatch_background_color_active );
}
if ( ! this.isDefault( 'swatch_border_sizes_top' ) && '' !== this.values.swatch_border_sizes_top ) {
this.addCssProperty( swatches, 'border-top-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_top ) );
}
if ( ! this.isDefault( 'swatch_border_sizes_right' ) && '' !== this.values.swatch_border_sizes_right ) {
this.addCssProperty( swatches, 'border-right-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_right ) );
}
if ( ! this.isDefault( 'swatch_border_sizes_bottom' ) && '' !== this.values.swatch_border_sizes_bottom ) {
this.addCssProperty( swatches, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_bottom ) );
}
if ( ! this.isDefault( 'swatch_border_sizes_left' ) && '' !== this.values.swatch_border_sizes_left ) {
this.addCssProperty( swatches, 'border-left-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_left ) );
}
if ( ! this.isDefault( 'swatch_border_color' ) ) {
this.addCssProperty( swatches, 'border-color', this.values.swatch_border_color );
}
if ( ! this.isDefault( 'swatch_border_color_active' ) ) {
this.addCssProperty( active_swatches, 'border-color', this.values.swatch_border_color_active );
hover_color = jQuery.AWB_Color( this.values.swatch_border_color_active ).alpha( 0.5 ).toVarOrRgbaString();
this.addCssProperty( hover_swatches, 'border-color', hover_color );
}
if ( ! this.isDefault( 'color_swatch_height' ) ) {
this.addCssProperty( color_swatch, 'height', _.fusionGetValueWithUnit( this.values.color_swatch_height ) );
}
if ( ! this.isDefault( 'color_swatch_width' ) ) {
width = ( 'auto' === this.values.color_swatch_width ) ? 'auto' : _.fusionGetValueWithUnit( this.values.color_swatch_width );
this.addCssProperty( color_swatch, 'width', width );
}
if ( ! this.isDefault( 'color_swatch_padding_top' ) && '' !== this.values.color_swatch_padding_top ) {
this.addCssProperty( color_swatch, 'padding-top', _.fusionGetValueWithUnit( this.values.color_swatch_padding_top ) );
}
if ( ! this.isDefault( 'color_swatch_padding_right' ) && '' !== this.values.color_swatch_padding_right ) {
this.addCssProperty( color_swatch, 'padding-right', _.fusionGetValueWithUnit( this.values.color_swatch_padding_right ) );
}
if ( ! this.isDefault( 'color_swatch_padding_bottom' ) && '' !== this.values.color_swatch_padding_bottom ) {
this.addCssProperty( color_swatch, 'padding-bottom', _.fusionGetValueWithUnit( this.values.color_swatch_padding_bottom ) );
}
if ( ! this.isDefault( 'color_swatch_padding_left' ) && '' !== this.values.color_swatch_padding_left ) {
this.addCssProperty( color_swatch, 'padding-left', _.fusionGetValueWithUnit( this.values.color_swatch_padding_left ) );
}
color_swatch_radius = [
color_swatch,
color_swatch + ' span'
];
if ( ! this.isDefault( 'color_swatch_border_radius_top_left' ) ) {
this.addCssProperty( color_swatch_radius, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_top_left ) );
}
if ( ! this.isDefault( 'color_swatch_border_radius_top_right' ) ) {
this.addCssProperty( color_swatch_radius, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_top_right ) );
}
if ( ! this.isDefault( 'color_swatch_border_radius_bottom_right' ) ) {
this.addCssProperty( color_swatch_radius, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'color_swatch_border_radius_bottom_left' ) ) {
this.addCssProperty( color_swatch_radius, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_bottom_left ) );
}
if ( ! this.isDefault( 'image_swatch_height' ) ) {
this.addCssProperty( image_swatch, 'height', _.fusionGetValueWithUnit( this.values.image_swatch_height ) );
}
if ( ! this.isDefault( 'image_swatch_width' ) ) {
width = ( 'auto' === this.values.image_swatch_width ) ? 'auto' : _.fusionGetValueWithUnit( this.values.image_swatch_width );
this.addCssProperty( image_swatch, 'width', width );
if ( 'auto' !== this.values.image_swatch_width ) {
this.addCssProperty( image_swatch + ' img', 'width', '100%' );
}
}
if ( ! this.isDefault( 'image_swatch_padding_top' ) && '' !== this.values.image_swatch_padding_top ) {
this.addCssProperty( image_swatch, 'padding-top', _.fusionGetValueWithUnit( this.values.image_swatch_padding_top ) );
}
if ( ! this.isDefault( 'image_swatch_padding_right' ) && '' !== this.values.image_swatch_padding_right ) {
this.addCssProperty( image_swatch, 'padding-right', _.fusionGetValueWithUnit( this.values.image_swatch_padding_right ) );
}
if ( ! this.isDefault( 'image_swatch_padding_bottom' ) && '' !== this.values.image_swatch_padding_bottom ) {
this.addCssProperty( image_swatch, 'padding-bottom', _.fusionGetValueWithUnit( this.values.image_swatch_padding_bottom ) );
}
if ( ! this.isDefault( 'image_swatch_padding_left' ) && '' !== this.values.image_swatch_padding_left ) {
this.addCssProperty( image_swatch, 'padding-left', _.fusionGetValueWithUnit( this.values.image_swatch_padding_left ) );
}
image_swatch_radius = [
image_swatch,
image_swatch + ' img'
];
if ( ! this.isDefault( 'image_swatch_border_radius_top_left' ) ) {
this.addCssProperty( image_swatch_radius, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_top_left ) );
}
if ( ! this.isDefault( 'image_swatch_border_radius_top_right' ) ) {
this.addCssProperty( image_swatch_radius, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_top_right ) );
}
if ( ! this.isDefault( 'image_swatch_border_radius_bottom_right' ) ) {
this.addCssProperty( image_swatch_radius, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'image_swatch_border_radius_bottom_left' ) ) {
this.addCssProperty( image_swatch_radius, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_bottom_left ) );
}
if ( ! this.isDefault( 'button_swatch_height' ) ) {
this.addCssProperty( button_swatch, 'height', _.fusionGetValueWithUnit( this.values.button_swatch_height ) );
}
if ( ! this.isDefault( 'button_swatch_width' ) ) {
width = ( 'auto' === this.values.button_swatch_width ) ? 'auto' : _.fusionGetValueWithUnit( this.values.button_swatch_width );
this.addCssProperty( button_swatch, 'width', width );
}
if ( ! this.isDefault( 'button_swatch_padding_top' ) && '' !== this.values.button_swatch_padding_top ) {
this.addCssProperty( button_swatch, 'padding-top', _.fusionGetValueWithUnit( this.values.button_swatch_padding_top ) );
}
if ( ! this.isDefault( 'button_swatch_padding_right' ) && '' !== this.values.button_swatch_padding_right ) {
this.addCssProperty( button_swatch, 'padding-right', _.fusionGetValueWithUnit( this.values.button_swatch_padding_right ) );
}
if ( ! this.isDefault( 'button_swatch_padding_bottom' ) && '' !== this.values.button_swatch_padding_bottom ) {
this.addCssProperty( button_swatch, 'padding-bottom', _.fusionGetValueWithUnit( this.values.button_swatch_padding_bottom ) );
}
if ( ! this.isDefault( 'button_swatch_padding_left' ) && '' !== this.values.button_swatch_padding_left ) {
this.addCssProperty( button_swatch, 'padding-left', _.fusionGetValueWithUnit( this.values.button_swatch_padding_left ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_top_left' ) ) {
this.addCssProperty( button_swatch, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_top_left ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_top_right' ) ) {
this.addCssProperty( button_swatch, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_top_right ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_bottom_right' ) ) {
this.addCssProperty( button_swatch, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_bottom_left' ) ) {
this.addCssProperty( button_swatch, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_bottom_left ) );
}
if ( ! this.isDefault( 'button_swatch_font_size' ) ) {
this.addCssProperty( button_swatch, 'font-size', _.fusionGetValueWithUnit( this.values.button_swatch_font_size ) );
}
if ( ! this.isDefault( 'button_swatch_color' ) ) {
this.addCssProperty( button_swatch, 'color', this.values.button_swatch_color );
}
if ( ! this.isDefault( 'button_swatch_color_active' ) ) {
full_swatches = [ color_swatch + '[data-checked]', image_swatch + '[data-checked]', button_swatch + '[data-checked]', color_swatch + ':hover', image_swatch + ':hover', button_swatch + ':hover', color_swatch + ':focus', image_swatch + ':focus', button_swatch + ':focus' ];
this.addCssProperty( full_swatches, 'color', this.values.button_swatch_color_active );
}
}
info = this.baseSelector + ' .woocommerce-variation';
// Info padding.
if ( !this.isDefault( 'info_padding_top' ) ) {
this.addCssProperty( info, 'padding-top', _.fusionGetValueWithUnit( this.values.info_padding_top ) );
}
if ( !this.isDefault( 'info_padding_right' ) ) {
this.addCssProperty( info, 'padding-right', _.fusionGetValueWithUnit( this.values.info_padding_right ) );
}
if ( !this.isDefault( 'info_padding_bottom' ) ) {
this.addCssProperty( info, 'padding-bottom', _.fusionGetValueWithUnit( this.values.info_padding_bottom ) );
}
if ( !this.isDefault( 'info_padding_left' ) ) {
this.addCssProperty( info, 'padding-left', _.fusionGetValueWithUnit( this.values.info_padding_left ) );
}
if ( !this.isDefault( 'info_background' ) ) {
this.addCssProperty( info, 'background-color', this.values.info_background );
}
if ( !this.isDefault( 'info_border_sizes_top' ) ) {
this.addCssProperty( info, 'border-top-width', _.fusionGetValueWithUnit( this.values.info_border_sizes_top ) );
}
if ( !this.isDefault( 'info_border_sizes_right' ) ) {
this.addCssProperty( info, 'border-right-width', _.fusionGetValueWithUnit( this.values.info_border_sizes_right ) );
}
if ( !this.isDefault( 'info_border_sizes_bottom' ) ) {
this.addCssProperty( info, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.info_border_sizes_bottom ) );
}
if ( !this.isDefault( 'info_border_sizes_left' ) ) {
this.addCssProperty( info, 'border-left-width', _.fusionGetValueWithUnit( this.values.info_border_sizes_left ) );
}
if ( !this.isDefault( 'info_border_color' ) ) {
this.addCssProperty( info, 'border-color', this.values.info_border_color );
}
if ( !this.isDefault( 'info_border_radius_top_left' ) ) {
this.addCssProperty( info, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.info_border_radius_top_left ) );
}
if ( !this.isDefault( 'info_border_radius_top_right' ) ) {
this.addCssProperty( info, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.info_border_radius_top_right ) );
}
if ( !this.isDefault( 'info_border_radius_bottom_right' ) ) {
this.addCssProperty( info, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.info_border_radius_bottom_right ) );
}
if ( !this.isDefault( 'info_border_radius_bottom_left' ) ) {
this.addCssProperty( info, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.info_border_radius_bottom_left ) );
}
description = info + ' .woocommerce-variation-description';
if ( !this.isDefault( 'info_align' ) ) {
this.addCssProperty( info, 'justify-content', this.values.info_align );
direction = jQuery( 'body' ).hasClass( 'rtl' ) ? 'right' : 'left';
if ( 'flex-end' === this.values.info_align ) {
direction = jQuery( 'body' ).hasClass( 'rtl' ) ? 'left' : 'right';
} else if ( 'center' === this.values.info_align ) {
direction = 'center';
}
this.addCssProperty( description, 'text-align', direction );
}
if ( !this.isDefault( 'description_color' ) ) {
this.addCssProperty( description, 'color', this.values.description_color );
}
if ( !this.isDefault( 'description_font_size' ) ) {
this.addCssProperty( description, 'font-size', _.fusionGetValueWithUnit( this.values.description_font_size ) );
}
if ( !this.isDefault( 'description_line_height' ) ) {
this.addCssProperty( description, 'line-height', this.values.description_line_height );
}
if ( !this.isDefault( 'description_text_transform' ) ) {
this.addCssProperty( description, 'text-transform', this.values.description_text_transform );
}
if ( !this.isDefault( 'description_letter_spacing' ) ) {
this.addCssProperty( description, 'letter-spacing', _.fusionGetValueWithUnit( this.values.description_letter_spacing ) );
}
headingStyles = _.fusionGetFontStyle( 'description_typography', values, 'object' );
jQuery.each( headingStyles, function( rule, value ) {
self.addCssProperty( description, rule, value );
} );
if ( 'after' === this.values.description_order ) {
this.addCssProperty( description, 'order', '2' );
}
// Hide old sale price.
if ( 'no' === this.values.show_sale ) {
this.addCssProperty( info + ' .price del', 'display', 'none' );
}
if ( 'before' === this.values.sale_order ) {
this.addCssProperty( info + ' .price del', 'margin-' + ( ( jQuery( 'body' ).hasClass( 'rtl' ) ) ? 'left' : 'right' ), '0.5em' );
} else {
this.addCssProperty( info + ' .price', 'flex-direction', 'row-reverse' );
this.addCssProperty( info + ' .price del', 'margin-' + ( ( jQuery( 'body' ).hasClass( 'rtl' ) ) ? 'right' : 'left' ), '0.5em' );
}
// Price font size.
prices = [ info + ' .price', info + ' .price > .amount', info + ' .price ins > .amount' ];
if ( !this.isDefault( 'price_font_size' ) ) {
this.addCssProperty( prices, 'font-size', this.values.price_font_size );
}
if ( !this.isDefault( 'price_line_height' ) ) {
this.addCssProperty( prices, 'line-height', this.values.price_line_height );
}
if ( !this.isDefault( 'price_text_transform' ) ) {
this.addCssProperty( prices, 'text-transform', this.values.price_text_transform );
}
if ( !this.isDefault( 'price_letter_spacing' ) ) {
this.addCssProperty( prices, 'letter-spacing', _.fusionGetValueWithUnit( this.values.price_letter_spacing ) );
}
if ( !this.isDefault( 'price_color' ) ) {
this.addCssProperty( prices, 'color', this.values.price_color );
}
headingStyles = _.fusionGetFontStyle( 'price_typography', values, 'object' );
jQuery.each( headingStyles, function( rule, value ) {
self.addCssProperty( prices, rule, value );
} );
sales = [ info + ' .price del .amount', info + ' .price del' ];
if ( !this.isDefault( 'sale_font_size' ) ) {
this.addCssProperty( sales, 'font-size', this.values.sale_font_size );
}
if ( !this.isDefault( 'sale_line_height' ) ) {
this.addCssProperty( sales, 'line-height', this.values.sale_line_height );
}
if ( !this.isDefault( 'sale_text_transform' ) ) {
this.addCssProperty( sales, 'text-transform', this.values.sale_text_transform );
}
if ( !this.isDefault( 'sale_letter_spacing' ) ) {
this.addCssProperty( sales, 'letter-spacing', _.fusionGetValueWithUnit( this.values.sale_letter_spacing ) );
}
if ( !this.isDefault( 'sale_color' ) ) {
this.addCssProperty( sales, 'color', this.values.sale_color );
}
headingStyles = _.fusionGetFontStyle( 'sale_typography', values, 'object' );
jQuery.each( headingStyles, function( rule, value ) {
self.addCssProperty( sales, rule, value );
} );
stock = [ this.baseSelector + ' .stock', info + ' .woocommerce-variation-availability' ];
if ( !this.isDefault( 'stock_font_size' ) ) {
this.addCssProperty( stock, 'font-size', this.values.stock_font_size );
}
if ( !this.isDefault( 'stock_line_height' ) ) {
this.addCssProperty( stock, 'line-height', this.values.stock_line_height );
}
if ( !this.isDefault( 'stock_text_transform' ) ) {
this.addCssProperty( stock, 'text-transform', this.values.stock_text_transform );
}
if ( !this.isDefault( 'stock_letter_spacing' ) ) {
this.addCssProperty( stock, 'letter-spacing', _.fusionGetValueWithUnit( this.values.stock_letter_spacing ) );
}
if ( !this.isDefault( 'stock_color' ) ) {
this.addCssProperty( stock, 'color', this.values.stock_color );
}
headingStyles = _.fusionGetFontStyle( 'stock_typography', values, 'object' );
jQuery.each( headingStyles, function( rule, value ) {
self.addCssProperty( stock, rule, value );
} );
variation_clear = this.baseSelector + ' .reset_variations';
if ( 'hide' !== this.values.variation_clear ) {
if ( 'absolute' !== this.values.variation_clear ) {
this.addCssProperty( variation_clear, 'position', 'static' );
this.addCssProperty( variation_clear, 'display', 'inline-block' );
this.addCssProperty( variation_clear, 'right', 'initial' );
this.addCssProperty( variation_clear, 'top', 'initial' );
if ( 'floated' === this.values.variation_layout ) {
topMargin = '' === this.values.clear_margin_top ? '0px' : _.fusionGetValueWithUnit( this.values.clear_margin_top );
bottomMargin = '' === this.values.clear_margin_bottom ? '0px' : _.fusionGetValueWithUnit( this.values.clear_margin_bottom );
this.addCssProperty( this.baseSelector + ' .variations tr:last-of-type .label', 'padding-bottom', fusionSanitize.add_css_values( [ this.extras.body_font_size, topMargin, bottomMargin ] ) );
}
}
if ( ! this.isDefault( 'clear_margin_top' ) ) {
this.addCssProperty( variation_clear, 'margin-top', _.fusionGetValueWithUnit( this.values.clear_margin_top ) );
}
if ( ! this.isDefault( 'clear_margin_right' ) ) {
this.addCssProperty( variation_clear, 'margin-right', _.fusionGetValueWithUnit( this.values.clear_margin_right ) );
}
if ( ! this.isDefault( 'clear_margin_bottom' ) ) {
this.addCssProperty( variation_clear, 'margin-bottom', _.fusionGetValueWithUnit( this.values.clear_margin_bottom ) );
}
if ( ! this.isDefault( 'clear_margin_left' ) ) {
this.addCssProperty( variation_clear, 'margin-left', _.fusionGetValueWithUnit( this.values.clear_margin_left ) );
}
if ( ! this.isDefault( 'clear_color' ) ) {
this.addCssProperty( variation_clear, 'color', this.values.clear_color );
}
if ( ! this.isDefault( 'clear_color_hover' ) ) {
this.addCssProperty( variation_clear + ':hover', 'color', this.values.clear_color_hover );
}
} else {
this.addCssProperty( variation_clear, 'display', 'none', true );
}
// Button area alignment and spacing.
button_wrapper = this.baseSelector + ' .fusion-button-wrapper';
// Button alignment.
if ( 'stacked' === this.values.button_layout ) {
this.addCssProperty( button_wrapper, 'display', 'flex' );
this.addCssProperty( button_wrapper, 'flex-direction', 'column' );
this.addCssProperty( button_wrapper, 'align-items', this.values.button_align );
button_wrapper_quantity = button_wrapper + ' .quantity';
this.addCssProperty( button_wrapper_quantity, 'margin-bottom', '1.2em' );
this.addCssProperty( button_wrapper_quantity, 'margin-right', '0' );
} else if ( !this.isDefault( 'button_justify' ) ) {
this.addCssProperty( button_wrapper, 'display', 'flex' );
this.addCssProperty( button_wrapper, 'justify-content', this.values.button_justify );
direction = ( jQuery( 'body' ).hasClass( 'rtl' ) ) ? 'left' : 'right';
this.addCssProperty( button_wrapper + ' .quantity', 'margin-' + direction, '1.2em' );
}
if ( !this.isDefault( 'button_margin_top' ) ) {
this.addCssProperty( button_wrapper, 'margin-top', _.fusionGetValueWithUnit( this.values.button_margin_top ) );
}
if ( !this.isDefault( 'button_margin_right' ) ) {
this.addCssProperty( button_wrapper, 'margin-right', _.fusionGetValueWithUnit( this.values.button_margin_right ) );
}
if ( !this.isDefault( 'button_margin_bottom' ) ) {
this.addCssProperty( button_wrapper, 'margin-bottom', _.fusionGetValueWithUnit( this.values.button_margin_bottom ) );
}
if ( !this.isDefault( 'button_margin_left' ) ) {
this.addCssProperty( button_wrapper, 'margin-left', _.fusionGetValueWithUnit( this.values.button_margin_left ) );
}
if ( !this.isDefault( 'quantity_style' ) ) {
quantity_input = '.fusion-body #main ' + this.baseSelector + ' .quantity input[type="number"].qty';
quantity_buttons = '.fusion-body #main ' + this.baseSelector + ' .quantity input[type="button"]';
quantity_both = [ quantity_input, quantity_buttons ];
// Quantity height.
height = '36px';
if ( ! this.isDefault( 'quantity_height' ) ) {
height = _.fusionGetValueWithUnit( this.values.quantity_height );
this.addCssProperty( quantity_both, 'height', height );
this.addCssProperty( quantity_buttons, 'width', height );
}
// Quantity width.
width = '36px';
if ( ! this.isDefault( 'quantity_width' ) ) {
width = _.fusionGetValueWithUnit( this.values.quantity_width );
if ( -1 !== width.indexOf( '%' ) ) {
this.addCssProperty( quantity_input, 'width', 'calc( 100% - ' + height + ' - ' + height + ' )' );
} else {
this.addCssProperty( quantity_input, 'width', width );
}
}
if ( ! this.isDefault( 'quantity_width' ) || ! this.isDefault( 'quantity_height' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity', 'width', 'calc( ' + width + ' + ' + height + ' + ' + height + ' )' );
}
if ( ! this.isDefault( 'quantity_radius_top_left' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .minus', 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_top_left ) );
}
if ( ! this.isDefault( 'quantity_radius_bottom_left' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .minus', 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_bottom_left ) );
}
if ( ! this.isDefault( 'quantity_radius_top_right' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .plus', 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_top_right ) );
}
if ( ! this.isDefault( 'quantity_radius_bottom_left' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .plus', 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_bottom_right ) );
}
if ( ! this.isDefault( 'quantity_font_size' ) ) {
quantity_font = [ quantity_input, quantity_buttons, this.baseSelector + ' .quantity' ];
this.addCssProperty( quantity_font, 'font-size', _.fusionGetValueWithUnit( this.values.quantity_font_size ) );
}
if ( ! this.isDefault( 'quantity_color' ) ) {
this.addCssProperty( quantity_input, 'color', this.values.quantity_color );
}
if ( ! this.isDefault( 'quantity_background' ) ) {
this.addCssProperty( quantity_input, 'background-color', this.values.quantity_background );
}
if ( ! this.isDefault( 'quantity_border_sizes_top' ) ) {
this.addCssProperty( quantity_input, 'border-top-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_top ) );
}
if ( ! this.isDefault( 'quantity_border_sizes_right' ) ) {
this.addCssProperty( quantity_input, 'border-right-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_right ) );
}
if ( ! this.isDefault( 'quantity_border_sizes_bottom' ) ) {
this.addCssProperty( quantity_input, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_bottom ) );
}
if ( ! this.isDefault( 'quantity_border_sizes_left' ) ) {
this.addCssProperty( quantity_input, 'border-left-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_left ) );
}
if ( ! this.isDefault( 'quantity_border_color' ) ) {
this.addCssProperty( quantity_input, 'border-color', this.values.quantity_border_color );
}
if ( ! this.isDefault( 'qbutton_border_sizes_top' ) ) {
this.addCssProperty( quantity_buttons, 'border-top-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_top ) );
}
if ( ! this.isDefault( 'qbutton_border_sizes_right' ) ) {
this.addCssProperty( quantity_buttons, 'border-right-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_right ) );
}
if ( ! this.isDefault( 'qbutton_border_sizes_bottom' ) ) {
this.addCssProperty( quantity_buttons, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_bottom ) );
}
if ( ! this.isDefault( 'qbutton_border_sizes_left' ) ) {
this.addCssProperty( quantity_buttons, 'border-left-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_left ) );
}
if ( ! this.isDefault( 'qbutton_color' ) ) {
this.addCssProperty( quantity_buttons, 'color', this.values.qbutton_color );
}
if ( ! this.isDefault( 'qbutton_background' ) ) {
this.addCssProperty( quantity_buttons, 'background-color', this.values.qbutton_background );
}
if ( ! this.isDefault( 'qbutton_border_color' ) ) {
this.addCssProperty( quantity_buttons, 'border-color', this.values.qbutton_border_color );
}
hover_buttons = quantity_buttons + ':hover';
// Quantity button hover text color.
if ( ! this.isDefault( 'qbutton_color_hover' ) ) {
this.addCssProperty( hover_buttons, 'color', this.values.qbutton_color_hover );
}
if ( ! this.isDefault( 'qbutton_background_hover' ) ) {
this.addCssProperty( hover_buttons, 'background-color', this.values.qbutton_background_hover );
}
if ( ! this.isDefault( 'qbutton_border_color_hover' ) ) {
this.addCssProperty( hover_buttons, 'border-color', this.values.qbutton_border_color_hover );
}
}
if ( !this.isDefault( 'button_style' ) ) {
button = '.fusion-body ' + this.baseSelector + ' .fusion-button-wrapper .button';
// Button size.
if ( ! this.isDefault( 'button_size' ) ) {
button_size_map = {
small: {
padding: '9px 20px',
line_height: '14px',
font_size: '12px'
},
medium: {
padding: '11px 23px',
line_height: '16px',
font_size: '13px'
},
large: {
padding: '13px 29px',
line_height: '17px',
font_size: '14px'
},
xlarge: {
padding: '17px 40px',
line_height: '21px',
font_size: '18px'
}
};
if ( 'object' === typeof button_size_map[ this.values.button_size ] ) {
button_dimensions = button_size_map[ this.values.button_size ];
this.addCssProperty( button, 'padding', button_dimensions.padding );
this.addCssProperty( button, 'line-height', button_dimensions.line_height );
this.addCssProperty( button, 'font-size', button_dimensions.font_size );
}
}
if ( ! this.isDefault( 'button_stretch' ) ) {
this.addCssProperty( button, 'flex', '1' );
this.addCssProperty( button, 'width', '100%' );
}
if ( ! this.isDefault( 'button_border_top' ) ) {
this.addCssProperty( button, 'border-top-width', _.fusionGetValueWithUnit( this.values.button_border_top ) );
}
if ( ! this.isDefault( 'button_border_right' ) ) {
this.addCssProperty( button, 'border-right-width', _.fusionGetValueWithUnit( this.values.button_border_right ) );
}
if ( ! this.isDefault( 'button_border_bottom' ) ) {
this.addCssProperty( button, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.button_border_bottom ) );
}
if ( ! this.isDefault( 'button_border_left' ) ) {
this.addCssProperty( button, 'border-left-width', _.fusionGetValueWithUnit( this.values.button_border_left ) );
}
if ( ! this.isDefault( 'button_color' ) ) {
this.addCssProperty( button, 'color', this.values.button_color );
}
if ( ( 'string' === typeof this.params.button_gradient_top && '' !== this.params.button_gradient_top ) || ( 'string' === typeof this.params.button_gradient_bottom && '' !== this.params.button_gradient_bottom ) ) {
this.addCssProperty( button, 'background', this.values.button_gradient_top );
this.addCssProperty( button, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom + ', ' + this.values.button_gradient_top + ' )' );
}
if ( ! this.isDefault( 'button_border_color' ) ) {
this.addCssProperty( button, 'border-color', this.values.button_border_color );
}
button_hover = button + ':hover';
// Button hover text color
if ( ! this.isDefault( 'button_color_hover' ) ) {
this.addCssProperty( button_hover, 'color', this.values.button_color_hover );
}
if ( ( 'string' === typeof this.params.button_gradient_top_hover && '' !== this.params.button_gradient_top_hover ) || ( 'string' === typeof this.params.button_gradient_bottom_hover && '' !== this.params.button_gradient_bottom_hover ) ) {
this.addCssProperty( button_hover, 'background', this.values.button_gradient_top_hover );
this.addCssProperty( button_hover, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom_hover + ', ' + this.values.button_gradient_top_hover + ' )' );
}
if ( ! this.isDefault( 'button_border_color_hover' ) ) {
this.addCssProperty( button_hover, 'border-color', this.values.button_border_color_hover );
}
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Stock Component View.
FusionPageBuilder.fusion_tb_woo_stock = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Modifies the values.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.stock_font_size = _.fusionValidateAttrValue( values.stock_font_size, 'px' );
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-stock-tb fusion-woo-stock-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-stock-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_stock ) {
output = atts.query_data.woo_stock;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var styles = '<style type="text/css">';
if ( '' !== values.stock_font_size ) {
styles += '.fusion-woo-stock-tb.fusion-woo-stock-tb-' + this.model.get( 'cid' ) + ' p.stock{ font-size: ' + values.stock_font_size + '}';
}
if ( '' !== values.stock_color ) {
styles += '.fusion-woo-stock-tb.fusion-woo-stock-tb-' + this.model.get( 'cid' ) + ' p.stock{ color: ' + values.stock_color + '}';
}
styles += '</style>';
return styles;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Rating Component View.
FusionPageBuilder.fusion_tb_woo_rating = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Modifies the values.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
values.icon_size = _.fusionValidateAttrValue( values.icon_size, 'px' );
values.count_font_size = _.fusionValidateAttrValue( values.count_font_size, 'px' );
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-rating-tb fusion-woo-rating-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( '' !== values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( '' !== values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( '' !== values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( 'yes' !== values.show_count ) {
attr[ 'class' ] += ' hide-count';
}
if ( '' !== values.alignment ) {
attr[ 'class' ] += ' align-' + values.alignment;
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-rating-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_rating ) {
output = atts.query_data.woo_rating;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var styles = '<style type="text/css">';
if ( '' !== values.icon_size ) {
styles += '.fusion-woo-rating-tb.fusion-woo-rating-tb-' + this.model.get( 'cid' ) + ' .woocommerce-product-rating .star-rating {';
styles += 'font-size:' + values.icon_size + ';}';
}
if ( '' !== values.icon_color ) {
styles += '.fusion-woo-rating-tb.fusion-woo-rating-tb-' + this.model.get( 'cid' ) + ' .woocommerce-product-rating .star-rating:before,';
styles += '.fusion-woo-rating-tb.fusion-woo-rating-tb-' + this.model.get( 'cid' ) + ' .woocommerce-product-rating .star-rating span:before {';
styles += 'color:' + values.icon_color + ';}';
}
styles += '.fusion-woo-rating-tb.fusion-woo-rating-tb-' + this.model.get( 'cid' ) + ' .woocommerce-product-rating a.woocommerce-review-link {';
if ( '' !== values.count_font_size ) {
styles += 'font-size:' + values.count_font_size + ';';
}
if ( '' !== values.count_color ) {
styles += 'color:' + values.count_color + ';';
}
styles += '}';
if ( '' !== values.count_hover_color ) {
styles += '.fusion-woo-rating-tb.fusion-woo-rating-tb-' + this.model.get( 'cid' ) + ' .woocommerce-product-rating a.woocommerce-review-link:hover {';
styles += 'color:' + values.count_hover_color + ';}';
}
styles += '</style>';
return styles;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Rating Component View.
FusionPageBuilder.fusion_tb_woo_short_description = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-short-description-tb fusion-woo-short-description-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-short-description-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_short_description ) {
output = atts.query_data.woo_short_description;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var css,
self = this,
textStyles = {};
this.baseSelector = '.fusion-woo-short-description-tb.fusion-woo-short-description-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
// Text styles.
if ( ! this.isDefault( 'text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-product-details__short-description', 'color', values.text_color );
}
if ( ! this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-product-details__short-description', 'font-size', _.fusionGetValueWithUnit( values.text_font_size ) );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-product-details__short-description', 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-product-details__short-description', 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-product-details__short-description', 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
// Text typography styles.
textStyles = _.fusionGetFontStyle( 'text_font', values, 'object' );
jQuery.each( textStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector + ' .woocommerce-product-details__short-description', rule, value );
} );
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, side ) {
var marginName = 'margin_' + side;
// Element margin.
if ( '' !== values[ marginName ] ) {
self.addCssProperty( self.baseSelector, 'margin-' + side, _.fusionGetValueWithUnit( values[ marginName ] ) );
}
} );
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* eslint no-mixed-spaces-and-tabs: 0 */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Rating Component View.
FusionPageBuilder.fusion_tb_woo_reviews = FusionPageBuilder.ElementView.extend( {
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.button_border_top && 'undefined' !== typeof params.button_border_width && '' !== params.button_border_width ) {
params.button_border_top = parseInt( params.button_border_width ) + 'px';
params.button_border_right = params.button_border_top;
params.button_border_bottom = params.button_border_top;
params.button_border_left = params.button_border_top;
delete params.button_border_width;
}
this.model.set( 'params', params );
}
},
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var $this = this;
jQuery( window ).on( 'load', function() {
$this._refreshJs();
} );
},
refreshJs: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).find( '.fusion-builder-live-element[data-cid="' + this.model.get( 'cid' ) + '"] ' ).find( '.comment-form-rating select[name="rating"]:visible' ).trigger( 'init' );
},
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
this.params = this.model.get( 'params' );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-reviews-tb fusion-woo-reviews-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'no' == values.show_tab_title ) {
attr[ 'class' ] += ' woo-reviews-hide-heading';
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-reviews-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_reviews ) {
output = atts.query_data.woo_reviews;
}
return this.disableInlineScripts( output );
},
/**
* Disables inline scripts.
*
* @since 3.2
* @param {String} output - The output string.
* @return {String}
*/
disableInlineScripts: function( output ) {
if ( -1 !== output.indexOf( '<script' ) && -1 !== output.indexOf( '</script>' ) ) {
output = output.replace( '<script', '<!--<script' ).replace( '</script>', '</script>-->' );
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var self = this,
textStyles = {},
css = '',
button,
button_hover,
button_size_map,
button_dimensions,
hasBorder = false;
this.baseSelector = '.fusion-woo-reviews-tb.fusion-woo-reviews-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, side ) {
var marginName = 'margin_' + side;
// Element margin.
if ( '' !== values[ marginName ] ) {
self.addCssProperty( self.baseSelector, 'margin-' + side, _.fusionGetValueWithUnit( values[ marginName ] ) );
}
} );
// Text styles.
if ( ! this.isDefault( 'text_color' ) ) {
this.addCssProperty( this.baseSelector, 'color', this.values.text_color );
this.addCssProperty( '#wrapper ' + this.baseSelector + ' .meta', 'color', this.values.text_color );
this.addCssProperty( [ this.baseSelector + ' .stars a', this.baseSelector + ' .stars a:after' ], 'color', this.values.text_color );
}
if ( ! this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( this.baseSelector, 'font-size', _.fusionGetValueWithUnit( this.values.text_font_size ) );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( this.baseSelector, 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( this.baseSelector, 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
// Text typography styles.
textStyles = _.fusionGetFontStyle( 'text_font', values, 'object' );
jQuery.each( textStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector, rule, value );
} );
// Border.
if ( ! this.isDefault( 'border_size' ) ) {
this.addCssProperty( this.baseSelector + ' #reviews li .comment-text', 'border-width', this.values.border_size + 'px' );
}
if ( ! this.isDefault( 'border_color' ) ) {
this.addCssProperty( this.baseSelector + ' #reviews li .comment-text', 'border-color', this.values.border_color );
}
// Stars color.
if ( ! this.isDefault( 'stars_color' ) ) {
this.addCssProperty( this.baseSelector + ' .comment-text .star-rating:before', 'color', this.values.stars_color );
this.addCssProperty( this.baseSelector + ' .comment-text .star-rating span:before', 'color', this.values.stars_color );
}
if ( ! this.isDefault( 'rating_box_bg_color' ) ) {
this.addCssProperty( this.baseSelector + ' .stars > span > a', 'background-color', this.values.rating_box_bg_color );
}
if ( ! this.isDefault( 'rating_box_active_bg_color' ) ) {
this.addCssProperty( this.baseSelector + ' .stars > span > a:hover', 'background-color', this.values.rating_box_active_bg_color );
this.addCssProperty( this.baseSelector + ' .stars > span > a.active', 'background-color', this.values.rating_box_active_bg_color );
}
if ( !this.isDefault( 'button_style' ) ) {
button = '.fusion-body ' + this.baseSelector + ' #reviews input#submit.submit';
// Button size.
if ( ! this.isDefault( 'button_size' ) ) {
button_size_map = {
small: {
padding: '9px 20px',
line_height: '14px',
font_size: '12px'
},
medium: {
padding: '11px 23px',
line_height: '16px',
font_size: '13px'
},
large: {
padding: '13px 29px',
line_height: '17px',
font_size: '14px'
},
xlarge: {
padding: '17px 40px',
line_height: '21px',
font_size: '18px'
}
};
if ( 'object' === typeof button_size_map[ this.values.button_size ] ) {
button_dimensions = button_size_map[ this.values.button_size ];
this.addCssProperty( button, 'padding', button_dimensions.padding );
this.addCssProperty( button, 'line-height', button_dimensions.line_height );
this.addCssProperty( button, 'font-size', button_dimensions.font_size );
}
}
if ( ! this.isDefault( 'button_stretch' ) ) {
this.addCssProperty( button, 'flex', '1' );
this.addCssProperty( button, 'width', '100%' );
}
if ( ! this.isDefault( 'button_border_top' ) ) {
hasBorder = true;
this.addCssProperty( button, 'border-top-width', _.fusionGetValueWithUnit( this.values.button_border_top ) );
}
if ( ! this.isDefault( 'button_border_right' ) ) {
hasBorder = true;
this.addCssProperty( button, 'border-right-width', _.fusionGetValueWithUnit( this.values.button_border_right ) );
}
if ( ! this.isDefault( 'button_border_bottom' ) ) {
hasBorder = true;
this.addCssProperty( button, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.button_border_bottom ) );
}
if ( ! this.isDefault( 'button_border_left' ) ) {
hasBorder = true;
this.addCssProperty( button, 'border-left-width', _.fusionGetValueWithUnit( this.values.button_border_left ) );
}
if ( hasBorder ) {
this.addCssProperty( button, 'border-style', 'solid' );
}
if ( ! this.isDefault( 'button_color' ) ) {
this.addCssProperty( button, 'color', this.values.button_color );
}
if ( ( 'string' === typeof this.params.button_gradient_top && '' !== this.params.button_gradient_top ) || ( 'string' === typeof this.params.button_gradient_bottom && '' !== this.params.button_gradient_bottom ) ) {
this.addCssProperty( button, 'background', this.values.button_gradient_top );
this.addCssProperty( button, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom + ', ' + this.values.button_gradient_top + ' )' );
}
if ( ! this.isDefault( 'button_border_color' ) ) {
this.addCssProperty( button, 'border-color', this.values.button_border_color );
}
button_hover = button + ':hover';
// Button hover text color
if ( ! this.isDefault( 'button_color_hover' ) ) {
this.addCssProperty( button_hover, 'color', this.values.button_color_hover );
}
if ( ( 'string' === typeof this.params.button_gradient_top_hover && '' !== this.params.button_gradient_top_hover ) || ( 'string' === typeof this.params.button_gradient_bottom_hover && '' !== this.params.button_gradient_bottom_hover ) ) {
this.addCssProperty( button_hover, 'background', this.values.button_gradient_top_hover );
this.addCssProperty( button_hover, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom_hover + ', ' + this.values.button_gradient_top_hover + ' )' );
}
if ( ! this.isDefault( 'button_border_color_hover' ) ) {
this.addCssProperty( button_hover, 'border-color', this.values.button_border_color_hover );
}
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Rating Component View.
FusionPageBuilder.fusion_tb_woo_additional_info = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-additional-info-tb fusion-woo-additional-info-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-additional-info-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_additional_info ) {
output = atts.query_data.woo_additional_info;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var self = this,
css = '',
cellSelectors,
headingStyles = {},
textStyles = {};
this.baseSelector = '.fusion-woo-additional-info-tb.fusion-woo-additional-info-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
// Heading styles.
if ( ! this.isDefault( 'heading_color' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr th', 'color', values.heading_color );
}
if ( ! this.isDefault( 'heading_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr th', 'font-size', _.fusionGetValueWithUnit( values.heading_font_size ) );
}
if ( !this.isDefault( 'heading_line_height' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr th', 'line-height', this.values.heading_line_height );
}
if ( !this.isDefault( 'heading_text_transform' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr th', 'text-transform', this.values.heading_text_transform );
}
if ( !this.isDefault( 'heading_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr th', 'letter-spacing', _.fusionGetValueWithUnit( this.values.heading_letter_spacing ) );
}
// Heading typography styles.
headingStyles = _.fusionGetFontStyle( 'heading_font', values, 'object' );
jQuery.each( headingStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector + ' .shop_attributes tr th', rule, value );
} );
// Text styles.
if ( ! this.isDefault( 'text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr td', 'color', values.text_color );
}
if ( ! this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr td', 'font-size', _.fusionGetValueWithUnit( values.text_font_size ) );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr td', 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr td', 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr td', 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
// Text typography styles.
textStyles = _.fusionGetFontStyle( 'text_font', values, 'object' );
jQuery.each( textStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector + ' .shop_attributes tr td', rule, value );
} );
// Table Border styles.
if ( ! this.isDefault( 'border_color' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes tr', 'border-color', values.border_color );
}
// Cell background.
if ( ! this.isDefault( 'table_cell_backgroundcolor' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes td', 'background-color', values.table_cell_backgroundcolor );
}
// Heading background.
if ( ! this.isDefault( 'heading_cell_backgroundcolor' ) ) {
this.addCssProperty( this.baseSelector + ' .shop_attributes th', 'background-color', values.heading_cell_backgroundcolor );
}
// Table cell selectors.
cellSelectors = [
this.baseSelector + ' .shop_attributes tr th',
this.baseSelector + ' .shop_attributes tr td'
];
// Get padding.
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, side ) {
var cellPaddingName = 'cell_padding_' + side,
marginName = 'margin_' + side;
// Add content padding to style.
if ( '' !== values[ cellPaddingName ] ) {
self.addCssProperty( cellSelectors, 'padding-' + side, _.fusionGetValueWithUnit( values[ cellPaddingName ] ) );
}
// Element margin.
if ( '' !== values[ marginName ] ) {
self.addCssProperty( self.baseSelector, 'margin-' + side, _.fusionGetValueWithUnit( values[ marginName ] ) );
}
} );
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Rating Component View.
FusionPageBuilder.fusion_tb_woo_tabs = FusionPageBuilder.ElementView.extend( {
/**
* Runs during render() call.
*
* @since 2.0
* @return {void}
*/
onRender: function() {
var $this = this;
jQuery( window ).on( 'load', function() {
$this._refreshJs();
} );
},
refreshJs: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).find( '.fusion-builder-live-element[data-cid="' + this.model.get( 'cid' ) + '"] ' ).find( '.wc-tabs-wrapper, .woocommerce-tabs, .comment-form-rating select[name="rating"]:visible' ).trigger( 'init' );
},
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-tabs-tb fusion-woo-tabs-tb-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( 'horizontal' === values.layout ) {
attr[ 'class' ] += ' woo-tabs-horizontal';
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-tabs-tb' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.woo_tabs ) {
output = atts.query_data.woo_tabs;
}
return this.disableInlineScripts( output );
},
/**
* Disables inline scripts.
*
* @since 3.2
* @param {String} output - The output string.
* @return {String}
*/
disableInlineScripts: function( output ) {
if ( -1 !== output.indexOf( '<script' ) && -1 !== output.indexOf( '</script>' ) ) {
output = output.replace( '<script', '<!--<script' ).replace( '</script>', '</script>-->' );
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var self = this,
titleSelectors,
css,
headingStyles = {},
textStyles = {};
this.baseSelector = '.fusion-woo-tabs-tb.fusion-woo-tabs-tb-' + this.model.get( 'cid' );
this.dynamic_css = {};
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, side ) {
var marginName = 'margin_' + side;
// Element margin.
if ( '' !== values[ marginName ] ) {
self.addCssProperty( self.baseSelector, 'margin-' + side, _.fusionGetValueWithUnit( values[ marginName ] ) );
}
} );
if ( ! this.isDefault( 'backgroundcolor' ) ) {
this.addCssProperty( this.baseSelector + ' .wc-tabs > li.active > a', 'background-color', this.values.backgroundcolor );
this.addCssProperty( this.baseSelector + ' .wc-tabs > li > a:hover', 'background-color', this.values.backgroundcolor );
this.addCssProperty( this.baseSelector + ' .woocommerce-Tabs-panel', 'background-color', this.values.backgroundcolor );
}
if ( ! this.isDefault( 'inactivebackgroundcolor' ) ) {
this.addCssProperty( this.baseSelector + ' .wc-tabs > li > a', 'background-color', this.values.inactivebackgroundcolor );
}
if ( ! this.isDefault( 'active_nav_text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .wc-tabs > li.active > a', 'color', this.values.active_nav_text_color );
this.addCssProperty( this.baseSelector + ' .wc-tabs > li > a:hover', 'color', this.values.active_nav_text_color );
}
if ( ! this.isDefault( 'inactive_nav_text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .wc-tabs > li > a', 'color', this.values.inactive_nav_text_color );
}
if ( ! this.isDefault( 'bordercolor' ) ) {
if ( 'horizontal' === values.layout ) {
this.addCssProperty( this.baseSelector + '.woo-tabs-horizontal .woocommerce-tabs > .tabs .active', 'border-color', this.values.bordercolor );
this.addCssProperty( this.baseSelector + '.woo-tabs-horizontal .woocommerce-tabs > .tabs', 'border-color', this.values.bordercolor );
} else {
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .tabs li a', 'border-color', this.values.bordercolor );
}
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel', 'border-color', this.values.bordercolor );
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel .shop_attributes tr', 'border-color', this.values.bordercolor );
}
// Text styles.
if ( ! this.isDefault( 'text_color' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel', 'color', this.values.text_color );
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel .shop_attributes th', 'color', this.values.text_color );
this.addCssProperty( '#wrapper ' + this.baseSelector + ' .meta', 'color', this.values.text_color );
this.addCssProperty( [ this.baseSelector + ' .stars a', this.baseSelector + ' .stars a:after' ], 'color', this.values.text_color );
}
if ( ! this.isDefault( 'text_font_size' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel', 'font-size', _.fusionGetValueWithUnit( this.values.text_font_size ) );
}
if ( !this.isDefault( 'text_line_height' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel', 'line-height', this.values.text_line_height );
}
if ( !this.isDefault( 'text_text_transform' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel', 'text-transform', this.values.text_text_transform );
}
if ( !this.isDefault( 'text_letter_spacing' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel', 'letter-spacing', _.fusionGetValueWithUnit( this.values.text_letter_spacing ) );
}
// Text typography styles.
textStyles = _.fusionGetFontStyle( 'text_font', values, 'object' );
jQuery.each( textStyles, function( rule, value ) {
self.addCssProperty( self.baseSelector + ' .woocommerce-tabs .panel', rule, value );
} );
// Title styles.
titleSelectors = [
'#wrapper ' + this.baseSelector + ' #tab-reviews #reviews .woocommerce-Reviews-title',
'#wrapper ' + this.baseSelector + ' .woocommerce-Tabs-panel .fusion-woocommerce-tab-title'
];
if ( ! this.isDefault( 'title_color' ) ) {
this.addCssProperty( titleSelectors, 'color', this.values.title_color );
}
if ( ! this.isDefault( 'title_font_size' ) ) {
this.addCssProperty( titleSelectors, 'font-size', _.fusionGetValueWithUnit( this.values.title_font_size ) );
}
if ( !this.isDefault( 'title_line_height' ) ) {
this.addCssProperty( titleSelectors, 'line-height', this.values.title_line_height );
}
if ( !this.isDefault( 'title_text_transform' ) ) {
this.addCssProperty( titleSelectors, 'text-transform', this.values.title_text_transform );
}
if ( !this.isDefault( 'title_letter_spacing' ) ) {
this.addCssProperty( titleSelectors, 'letter-spacing', _.fusionGetValueWithUnit( this.values.title_letter_spacing ) );
}
// Title typography styles.
headingStyles = _.fusionGetFontStyle( 'title_font', values, 'object' );
jQuery.each( headingStyles, function( rule, value ) {
self.addCssProperty( titleSelectors, rule, value );
} );
if ( 'vertical' === this.values.layout && ! this.isDefault( 'nav_content_space' ) ) {
this.addCssProperty( this.baseSelector + ' .woocommerce-tabs .panel', 'margin-left', 'calc(220px + ' + _.fusionGetValueWithUnit( this.values.nav_content_space ) + ')' );
}
// Stars color.
if ( ! this.isDefault( 'stars_color' ) ) {
this.addCssProperty( this.baseSelector + ' .comment-text .star-rating:before', 'color', this.values.stars_color );
this.addCssProperty( this.baseSelector + ' .comment-text .star-rating span:before', 'color', this.values.stars_color );
}
// Get padding.
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, padding ) {
var content_padding_name = 'content_padding_' + padding,
nav_padding_name = 'nav_padding_' + padding;
// Add content padding to style.
if ( '' !== self.values[ content_padding_name ] ) {
self.addCssProperty( self.baseSelector + ' .woocommerce-tabs .panel', 'padding-' + padding, _.fusionGetValueWithUnit( self.values[ content_padding_name ] ) );
}
if ( '' !== self.values[ nav_padding_name ] ) {
self.addCssProperty( self.baseSelector + ' .woocommerce-tabs .tabs li a', 'padding-' + padding, _.fusionGetValueWithUnit( self.values[ nav_padding_name ] ) );
}
} );
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Product Component View.
FusionPageBuilder.WooProductsView = FusionPageBuilder.ElementView.extend( {
onInit: function() {
if ( this.model.attributes.markup && '' === this.model.attributes.markup.output ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.extras = atts.extras;
this.query_data = atts.query_data;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.attr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock();
attributes.output = this.buildOutput( atts );
attributes.layout = atts.values.products_layout;
attributes.titleElement = 'yes' === atts.values.heading_enable ? _.buildTitleElement( atts.values, atts.extras, this.getSectionTitle() ) : '';
attributes.carouselAttrs = this.buildCarouselAttrs( atts.values );
attributes.carouselNav = 'yes' === atts.values.products_navigation ? this.buildCarouselNav() : '';
attributes.productsAttrs = this.buildProductsAttrs( atts.values );
attributes.query_data = atts.query_data;
// add placeholder.
attributes.query_data.placeholder = this.getComponentPlaceholder();
return attributes;
},
/**
* Modifies the values.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-products-tb ' + this.shortcode_classname + ' ' + this.shortcode_classname + '-' + this.model.get( 'cid' ),
style: ''
} );
if ( values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds carousel nav.
*
* @since 3.2
* @return {string}
*/
buildCarouselNav: function() {
var output = '';
output += '<div class="fusion-carousel-nav">';
output += '<button class="fusion-nav-prev" aria-label="Previous"></button>';
output += '<button class="fusion-nav-next" aria-label="Next"></button>';
output += '</div>';
return output;
},
/**
* Builds carousel attributes.
*
* @since 3.2
* @param {Object} values - The values.
* @return {Object}
*/
buildCarouselAttrs: function( values ) {
var attr = {
class: 'fusion-carousel'
};
/**
* Set the autoplay variable.
*/
attr[ 'data-autoplay' ] = values.products_autoplay;
/**
* Set the touch scroll variable.
*/
attr[ 'data-touchscroll' ] = values.products_swipe;
attr[ 'data-columns' ] = values.products_columns;
attr[ 'data-itemmargin' ] = parseInt( values.products_column_spacing ) + 'px';
attr[ 'data-itemwidth' ] = 180;
attr[ 'data-scrollitems' ] = ( 0 == values.products_swipe_items ) ? '' : values.products_swipe_items;
return attr;
},
/**
* Builds products UL attributes.
*
* @since 3.2
* @param {Object} values - The values.
* @return {Object}
*/
buildProductsAttrs: function( values ) {
var attr = {
class: 'products products-' + values.products_columns
};
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data[ this.shortcode_handle ] ) {
output = atts.query_data[ this.shortcode_handle ];
}
return output;
},
/**
* Get section title based on the post type.
*
* @since 3.2
* @return {string}
*/
getSectionTitle: function() {
return '';
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function() {
var css, selectors;
this.baseSelector = '.' + this.shortcode_classname + '.' + this.shortcode_classname + '-' + this.model.get( 'cid' );
this.dynamic_css = {};
if ( ! this.isDefault( 'products_layout' ) ) {
selectors = [
'body:not(.fusion-woocommerce-equal-heights):not(.fusion-woo-archive-page-columns-1) ' + this.baseSelector + ' .fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper',
'.fusion-woocommerce-equal-heights:not(.fusion-woo-archive-page-columns-1) ' + this.baseSelector + ' .products .product'
];
this.addCssProperty( selectors, 'display', 'block' );
selectors = [ '.fusion-woocommerce-equal-heights:not(.fusion-woo-archive-page-columns-1) ' + this.baseSelector + ' .fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper' ];
this.addCssProperty( selectors, 'vertical-align', 'top' );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* global fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Related Component View.
FusionPageBuilder.fusion_tb_woo_related = FusionPageBuilder.WooProductsView.extend( {
/**
* Define shortcode handle.
*
* @since 3.2
*/
shortcode_handle: 'fusion_tb_woo_related',
/**
* Define shortcode classname.
*
* @since 3.2
*/
shortcode_classname: 'fusion-woo-related-tb',
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = FusionPageBuilder.WooProductsView.prototype.buildAttr.call( this, values );
attr[ 'class' ] += ' related products';
return attr;
},
/**
* Get section title based on the post type.
*
* @since 3.2
* @return {string}
*/
getSectionTitle: function() {
return fusionBuilderText.related_products;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Product Images Component View.
FusionPageBuilder.fusion_tb_woo_product_images = FusionPageBuilder.ElementView.extend( {
/**
* Runs before view DOM is patched.
*
* @since 3.2
* @return {void}
*/
beforePatch: function() {
var element = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.woocommerce-product-gallery' ) );
if ( 'undefined' !== typeof element.data( 'flexslider' ) ) {
element.flexslider( 'destroy' );
}
},
/**
* Modify template attributes.
*
* @since 3.2
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.values = atts.values;
this.params = this.model.get( 'params' );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.styles = this.buildStyleBlock();
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-product-images fusion-woo-product-images-' + this.model.get( 'cid' ),
style: '',
'data-zoom_enabled': 'yes' === values.product_images_zoom ? 1 : 0,
'data-photoswipe_enabled': 'woocommerce' === values.product_images_layout ? 1 : 0
} );
if ( '' !== values.alignment ) {
attr.style += 'justify-content:' + values.alignment + ';';
}
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-product-images' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.markup ) {
output = atts.query_data.markup;
}
return output;
},
/**
* Builds styles.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function() {
var css;
this.baseSelector = '.fusion-woo-product-images-' + this.model.get( 'cid' );
this.dynamic_css = {};
this.addCssProperty( this.baseSelector + ' .woocommerce-product-gallery', 'max-width', _.fusionGetValueWithUnit( this.values.product_images_width ) );
if ( ! this.isDefault( 'margin_top' ) ) {
this.addCssProperty( this.baseSelector, 'margin-top', _.fusionGetValueWithUnit( this.values.margin_top ) );
}
if ( ! this.isDefault( 'margin_right' ) ) {
this.addCssProperty( this.baseSelector, 'margin-right', _.fusionGetValueWithUnit( this.values.margin_right ) );
}
if ( ! this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( this.baseSelector, 'margin-bottom', _.fusionGetValueWithUnit( this.values.margin_bottom ) );
}
if ( ! this.isDefault( 'margin_left' ) ) {
this.addCssProperty( this.baseSelector, 'margin-left', _.fusionGetValueWithUnit( this.values.margin_left ) );
}
css = this.parseCSS();
return ( css ) ? '<style type="text/css">' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Related Component View.
FusionPageBuilder.fusion_tb_woo_archives = FusionPageBuilder.fusion_woo_product_grid.extend( {
onInit: function() {
var output, markupIsEmpty, markupIsPlaceholder;
this.filterTemplateAtts = this._filterTemplateAtts( this.filterTemplateAtts );
output = this.model.attributes.markup && this.model.attributes.markup.output;
markupIsEmpty = '' === output;
markupIsPlaceholder = output && output.includes( 'fusion-builder-placeholder' );
if ( markupIsEmpty || markupIsPlaceholder ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes.
* @return {Object}
*/
_filterTemplateAtts: function( filterTemplateAtts ) {
var self = this;
return function( atts ) {
atts.params.show_title = 'yes';
atts = filterTemplateAtts.call( self, atts );
atts.placeholder = self.getComponentPlaceholder();
return atts;
};
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_woo_product_grid', this.model.attributes.cid );
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionApp, FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Related Component View.
FusionPageBuilder.fusion_tb_post_card_archives = FusionPageBuilder.fusion_post_cards.extend( {
onInit: function() {
var output, markupIsEmpty, markupIsPlaceholder;
this.filterTemplateAtts = this._filterTemplateAtts( this.filterTemplateAtts );
output = this.model.attributes.markup && this.model.attributes.markup.output;
markupIsEmpty = '' === output;
markupIsPlaceholder = output && output.includes( 'fusion-builder-placeholder' );
if ( markupIsEmpty || markupIsPlaceholder ) {
this.model.attributes.markup.output = this.getComponentPlaceholder();
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
_filterTemplateAtts: function( filterTemplateAtts ) {
var self = this;
return function( atts ) {
atts.params.show_title = 'yes';
atts = filterTemplateAtts.call( self, atts );
atts.placeholder = self.getComponentPlaceholder();
return atts;
};
},
/**
* Runs after view DOM is patched.
*
* @since 3.3
* @return {void}
*/
afterPatch: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_post_cards', this.model.attributes.cid );
},
/**
* Runs just after render on cancel.
*
* @since 3.5
* @return null
*/
beforeGenerateShortcode: function() {
var elementType = this.model.get( 'element_type' ),
options = fusionAllElements[ elementType ].params,
values = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, _.fusionCleanParameters( this.model.get( 'params' ) ) );
if ( 'object' !== typeof options ) {
return;
}
// If images needs replaced lets check element to see if we have media being used to add to object.
if ( 'undefined' !== typeof FusionApp.data.replaceAssets && FusionApp.data.replaceAssets && ( 'undefined' !== typeof FusionApp.data.fusion_element_type || 'fusion_template' === FusionApp.getPost( 'post_type' ) ) ) {
this.mapStudioImages( options, values );
if ( '' !== values.post_card ) {
// If its not within object already, add it.
if ( 'undefined' === typeof FusionPageBuilderApp.mediaMap.post_cards[ values.post_card ] ) {
FusionPageBuilderApp.mediaMap.post_cards[ values.post_card ] = true;
}
}
}
}
} );
} );
}( jQuery ) );
;/* global fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Filters View.
FusionPageBuilder.WooFiltersView = FusionPageBuilder.ElementView.extend( {
/**
* CSS Vars prefix.
*
* @since 3.8
*/
css_vars_prefix: '--awb-',
/**
* CSS Vars default prefix.
*
* @since 3.8.1
*/
css_vars_prefix_default: '--awb-',
onInit: function() {
if ( this.model.attributes.markup && ! this.model.attributes.markup.output ) {
this.model.attributes.markup.output = '' === this.model.attributes.markup.output ? this.getComponentPlaceholder( this.model.attributes ) : this.model.attributes.markup.output;
}
},
/**
* Modify template attributes.
*
* @since 3.8
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Validate values.
this.validateValues( atts.values );
this.values = atts.values;
this.extras = atts.extras;
this.query_data = atts.query_data;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.attr = this.buildAttr( atts.values );
attributes.output = this.buildOutput( atts );
return attributes;
},
/**
* Modifies the values.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
if ( 'undefined' !== typeof values.margin_top && '' !== values.margin_top ) {
values.margin_top = _.fusionGetValueWithUnit( values.margin_top );
}
if ( 'undefined' !== typeof values.margin_right && '' !== values.margin_right ) {
values.margin_right = _.fusionGetValueWithUnit( values.margin_right );
}
if ( 'undefined' !== typeof values.margin_bottom && '' !== values.margin_bottom ) {
values.margin_bottom = _.fusionGetValueWithUnit( values.margin_bottom );
}
if ( 'undefined' !== typeof values.margin_left && '' !== values.margin_left ) {
values.margin_left = _.fusionGetValueWithUnit( values.margin_left );
}
if ( 'undefined' !== typeof values.title_font_size && '' !== values.title_font_size ) {
values.title_font_size = _.fusionGetValueWithUnit( values.title_font_size );
}
if ( 'undefined' !== typeof values.title_letter_spacing && '' !== values.title_letter_spacing ) {
values.title_letter_spacing = _.fusionGetValueWithUnit( values.title_letter_spacing );
}
_.each( [ 'top', 'bottom' ], function( direction ) {
var marginKey = 'title_margin_' + direction;
if ( 'undefined' !== typeof values[ marginKey ] && '' !== values[ marginKey ] ) {
values[ marginKey ] = _.fusionGetValueWithUnit( values[ marginKey ] );
}
} );
},
/**
* Builds attributes.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'awb-woo-filters ' + this.shortcode_classname + ' ' + this.shortcode_classname + '-' + this.model.get( 'cid' ),
style: ''
} );
if ( values.margin_top ) {
attr.style += 'margin-top:' + values.margin_top + ';';
}
if ( values.margin_right ) {
attr.style += 'margin-right:' + values.margin_right + ';';
}
if ( values.margin_bottom ) {
attr.style += 'margin-bottom:' + values.margin_bottom + ';';
}
if ( values.margin_left ) {
attr.style += 'margin-left:' + values.margin_left + ';';
}
attr.style += this.getStyleVariables( values );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( 'yes' !== values.show_title ) {
attr[ 'class' ] += ' hide-show_title';
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.output ) {
output = atts.query_data.output;
}
if ( '' === output ) {
output = this.getComponentPlaceholder( atts );
}
return output;
},
/**
* Gets style variables.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
getStyleVariables: function( values ) {
var styles = '',
marginKey = '';
// Title Typo.
styles += this.getTypoVars( {
'title_font': 'font',
'title_font_size': 'size',
'title_line_height': 'line_height',
'title_letter_spacing': 'letter_spacing',
'title_text_transform': 'text_transform',
'title_color': 'color'
}, values );
// Title Margin.
_.each( [ 'top', 'bottom' ], function( direction ) {
marginKey = 'title_margin_' + direction;
if ( ! this.isDefault( marginKey ) ) {
styles += `${this.css_vars_prefix}title-margin-${direction}:${values[ marginKey ]};`;
}
}, this );
return styles;
},
/**
* Get dimension variable css.
*
* @since 3.8
*/
getDimensionVars: function( option_name, values ) {
var style = '',
key;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
key = `${option_name}_${direction}`;
if ( ! this.isDefault( key ) ) {
style += `${this.css_vars_prefix}${key.replaceAll( '_', '-' )}: ${values[ key ]};`;
}
}, this );
return style;
},
/**
* Gets style variables.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
getTypoVars: function( params, values ) {
var style = '',
fontStyles = '',
cssPrefix,
prefix;
_.each( params, function( type, key ) {
cssPrefix = -1 !== key.indexOf( 'title' ) ? this.css_vars_prefix_default : this.css_vars_prefix;
prefix = `${cssPrefix}${key.replaceAll( '_', '-' )}`;
if ( 'font' === type ) {
fontStyles = _.fusionGetFontStyle( key, values, 'array' );
_.each( fontStyles, function( value, rule ) {
style += `${prefix}-${rule.replaceAll( '_', '-' )}: ${fontStyles[ rule ]};`;
}, this );
} else if ( ! this.isDefault( key ) ) {
style += `${prefix}: ${values[ key ]};`;
}
}, this );
return style;
},
/**
* Get the placeholder.
*
* @since 3.8
* @return {string}
*/
getPlaceholder: function() {
var label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
var icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
var placeholder = _.template( '<div class="fusion-builder-placeholder-preview awb-narrow-placeholder-preview"><i class="<%= icon %>" aria-hidden="true"></i> <%= label %></div>' );
return placeholder( { icon: icon, label: label } );
},
/**
* Get component placeholder.
*
* @since 3.8
* @return {string}
*/
getComponentPlaceholder: function( atts ) {
var placeholder,
msg = fusionBuilderText.dynamic_source;
if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.msg && '' !== atts.query_data.msg ) {
msg = atts.query_data.msg;
}
placeholder = jQuery( this.getPlaceholder() ).append( '<a href="#" class="fusion-tb-source">' + msg + '</a>' );
return placeholder[ 0 ].outerHTML;
}
} );
// Woo Filters Active View.
FusionPageBuilder.fusion_tb_woo_filters_active = FusionPageBuilder.WooFiltersView.extend( {
/**
* Define shortcode handle.
*
* @since 3.8
*/
shortcode_handle: 'fusion_tb_woo_filters_active',
/**
* Define shortcode classname.
*
* @since 3.8
*/
shortcode_classname: 'awb-woo-filters-active',
/**
* CSS Vars prefix.
*
* @since 3.8
*/
css_vars_prefix: '--awb-woo-filter-',
/**
* Builds attributes.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = FusionPageBuilder.WooFiltersView.prototype.buildAttr.call( this, values );
return attr;
},
/**
* Modifies the values.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
var units = [
'item_font_size',
'item_letter_spacing',
'item_padding_top',
'item_padding_right',
'item_padding_bottom',
'item_padding_left'
];
FusionPageBuilder.WooFiltersView.prototype.validateValues.call( this, values );
_.each( units, function( unit ) {
if ( 'undefined' !== typeof values[ unit ] && '' !== values[ unit ] ) {
values[ unit ] = _.fusionGetValueWithUnit( values[ unit ] );
}
}, this );
},
/**
* Gets style variables.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
getStyleVariables: function( values ) {
var styles = FusionPageBuilder.WooFiltersView.prototype.getStyleVariables.call( this, values );
if ( ! this.isDefault( 'item_color' ) ) {
styles += `${this.css_vars_prefix}item-color: ${values.item_color};`;
}
if ( ! this.isDefault( 'item_bgcolor' ) ) {
styles += `${this.css_vars_prefix}item-bgcolor: ${values.item_bgcolor};`;
}
if ( ! this.isDefault( 'item_hover_color' ) ) {
styles += `${this.css_vars_prefix}item-hover-color: ${values.item_hover_color};`;
}
if ( ! this.isDefault( 'item_hover_bgcolor' ) ) {
styles += `${this.css_vars_prefix}item-hover-bgcolor: ${values.item_hover_bgcolor};`;
}
// Item Typo.
styles += this.getTypoVars( {
'item_font': 'font',
'item_font_size': 'size',
'item_line_height': 'line_height',
'item_letter_spacing': 'letter_spacing',
'item_text_transform': 'text_transform'
}, values );
// Item Padding.
styles += this.getDimensionVars( 'item_padding', values );
return styles;
}
} );
// Woo Filters Price View.
FusionPageBuilder.fusion_tb_woo_filters_price = FusionPageBuilder.WooFiltersView.extend( {
/**
* Define shortcode handle.
*
* @since 3.8
*/
shortcode_handle: 'fusion_tb_woo_filters_price',
/**
* Define shortcode classname.
*
* @since 3.8
*/
shortcode_classname: 'awb-woo-filters-price',
/**
* Builds attributes.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = FusionPageBuilder.WooFiltersView.prototype.buildAttr.call( this, values );
return attr;
},
/**
* Modifies the values.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
var units = [
'price_font_size',
'price_letter_spacing'
];
FusionPageBuilder.WooFiltersView.prototype.validateValues.call( this, values );
_.each( units, function( unit ) {
if ( 'undefined' !== typeof values[ unit ] && '' !== values[ unit ] ) {
values[ unit ] = _.fusionGetValueWithUnit( values[ unit ] );
}
}, this );
},
/**
* Gets style variables.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
getStyleVariables: function( values ) {
var styles = FusionPageBuilder.WooFiltersView.prototype.getStyleVariables.call( this, values );
if ( ! this.isDefault( 'range_filled_color' ) ) {
styles += `${this.css_vars_prefix}range-filled-color: ${values.range_filled_color};`;
}
if ( ! this.isDefault( 'range_unfilled_color' ) ) {
styles += `${this.css_vars_prefix}range-unfilled-color: ${values.range_unfilled_color};`;
}
if ( ! this.isDefault( 'range_button_color' ) ) {
styles += `${this.css_vars_prefix}range-button-color: ${values.range_button_color};`;
}
if ( ! this.isDefault( 'range_button_bgcolor' ) ) {
styles += `${this.css_vars_prefix}range-button-bgcolor: ${values.range_button_bgcolor};`;
}
if ( ! this.isDefault( 'range_button_hover_color' ) ) {
styles += `${this.css_vars_prefix}range-button-hover-color: ${values.range_button_hover_color};`;
}
if ( ! this.isDefault( 'range_button_hover_bgcolor' ) ) {
styles += `${this.css_vars_prefix}range-button-hover-bgcolor: ${values.range_button_hover_bgcolor};`;
}
if ( ! this.isDefault( 'range_handle_bgcolor' ) ) {
styles += `${this.css_vars_prefix}range-handle-bgcolor: ${values.range_handle_bgcolor};`;
}
if ( ! this.isDefault( 'range_handle_border_color' ) ) {
styles += `${this.css_vars_prefix}range-handle-border-color: ${values.range_handle_border_color};`;
}
// Price Typo.
styles += this.getTypoVars( {
'price_font': 'font',
'price_font_size': 'size',
'price_line_height': 'line_height',
'price_letter_spacing': 'letter_spacing',
'price_text_transform': 'text_transform',
'price_color': 'color'
}, values );
return styles;
},
/**
* Runs after view DOM is patched.
*
* @since 3.8
* @return null
*/
afterPatch: function() {
// This will trigger a JS event on the preview frame.
this._refreshJs();
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'init_price_filter' );
}
} );
// Woo Filters Rating View.
FusionPageBuilder.fusion_tb_woo_filters_rating = FusionPageBuilder.WooFiltersView.extend( {
/**
* Define shortcode handle.
*
* @since 3.8
*/
shortcode_handle: 'fusion_tb_woo_filters_rating',
/**
* Define shortcode classname.
*
* @since 3.8
*/
shortcode_classname: 'awb-woo-filters-rating',
/**
* Builds attributes.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = FusionPageBuilder.WooFiltersView.prototype.buildAttr.call( this, values );
return attr;
},
/**
* Gets style variables.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
getStyleVariables: function( values ) {
var styles = FusionPageBuilder.WooFiltersView.prototype.getStyleVariables.call( this, values );
if ( ! this.isDefault( 'text_color' ) ) {
styles += `${this.css_vars_prefix}text-color: ${values.text_color};`;
}
if ( ! this.isDefault( 'text_hover_color' ) ) {
styles += `${this.css_vars_prefix}text-hover-color: ${values.text_hover_color};`;
}
if ( ! this.isDefault( 'star_color' ) ) {
styles += `${this.css_vars_prefix}star-color: ${values.star_color};`;
}
if ( ! this.isDefault( 'star_hover_color' ) ) {
styles += `${this.css_vars_prefix}star-hover-color: ${values.star_hover_color};`;
}
return styles;
}
} );
// Woo Filters Attribute View.
FusionPageBuilder.fusion_tb_woo_filters_attribute = FusionPageBuilder.WooFiltersView.extend( {
/**
* Define shortcode handle.
*
* @since 3.8
*/
shortcode_handle: 'fusion_tb_woo_filters_attribute',
/**
* Define shortcode classname.
*
* @since 3.8
*/
shortcode_classname: 'awb-woo-filters-attribute',
/**
* Builds attributes.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = FusionPageBuilder.WooFiltersView.prototype.buildAttr.call( this, values );
if ( 'undefined' !== typeof this.query_data && 'undefined' !== typeof this.query_data.extra_classes ) {
attr[ 'class' ] += ` ${this.query_data.extra_classes}`;
}
return attr;
},
/**
* Modifies the values.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {void}
*/
validateValues: function( values ) {
var units = [
'list_padding_top',
'list_padding_right',
'list_padding_bottom',
'list_padding_left',
'list_item_font_size',
'list_item_letter_spacing',
'attr_padding_top',
'attr_padding_right',
'attr_padding_bottom',
'attr_padding_left',
'count_font_size'
];
FusionPageBuilder.WooFiltersView.prototype.validateValues.call( this, values );
_.each( units, function( unit ) {
if ( 'undefined' !== typeof values[ unit ] && '' !== values[ unit ] ) {
values[ unit ] = _.fusionGetValueWithUnit( values[ unit ] );
}
}, this );
},
/**
* Gets style variables.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {String}
*/
getStyleVariables: function( values ) {
var styles = FusionPageBuilder.WooFiltersView.prototype.getStyleVariables.call( this, values ),
colors;
if ( ! this.isDefault( 'list_color' ) ) {
styles += `${this.css_vars_prefix}list-color: ${values.list_color};`;
}
if ( ! this.isDefault( 'list_hover_color' ) ) {
styles += `${this.css_vars_prefix}list-hover-color: ${values.list_hover_color};`;
}
if ( ! this.isDefault( 'list_sep_color' ) ) {
styles += `${this.css_vars_prefix}sep-color: ${values.list_sep_color};`;
}
// List Item Padding.
styles += this.getDimensionVars( 'list_padding', values );
// List Item Typo.
styles += this.getTypoVars( {
'list_item_font': 'font',
'list_item_font_size': 'size',
'list_item_line_height': 'line_height',
'list_item_letter_spacing': 'letter_spacing',
'list_item_text_transform': 'text_transform'
}, values );
// Colors style.
colors = [
'list_color',
'list_hover_color',
'list_bgcolor',
'list_hover_bgcolor',
'list_sep_color',
'attr_color',
'attr_bgcolor',
'attr_border_color',
'attr_hover_color',
'attr_hover_bgcolor',
'attr_border_hover_color',
'dd_color',
'dd_bgcolor',
'dd_hover_color',
'dd_hover_bgcolor',
'dd_border_color',
'count_color',
'count_hover_color'
];
_.each( colors, function( color ) {
if ( ! this.isDefault( color ) ) {
styles += `${this.css_vars_prefix}${color.replaceAll( '_', '-' )}: ${values[ color ]};`;
}
}, this );
// Attribute Padding.
styles += this.getDimensionVars( 'attr_padding', values );
if ( ! this.isDefault( 'list_align' ) ) {
styles += `${this.css_vars_prefix}list-align: ${values.list_align};`;
}
// Count Typo.
styles += this.getTypoVars( {
'count_font': 'font',
'count_font_size': 'size',
'count_line_height': 'line_height',
'count_letter_spacing': 'letter_spacing',
'count_text_transform': 'text_transform'
}, values );
if ( ! this.isDefault( 'show_count' ) ) {
styles += `${this.css_vars_prefix}show-count: none;`;
}
return styles;
},
/**
* Runs after view DOM is patched.
*
* @since 3.8
* @return null
*/
afterPatch: function() {
var self = this,
$obj;
// This will trigger a JS event on the preview frame.
this._refreshJs();
if ( 'function' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery.fn.selectWoo ) {
$obj = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( '.awb-woo-filters .dropdown_layered_nav_' + this.model.attributes.params.attribute );
$obj.selectWoo( {
minimumResultsForSearch: 5,
width: '100%',
allowClear: true
} );
$obj.on( 'select2:open', function() {
$obj.data( 'select2' ).$dropdown.addClass( 'awb-woo-filters' )[ 0 ].style.cssText += self.getStyleVariables( self.model.attributes.params );
} );
}
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp, FusionPageBuilderViewManager, fusionAllElements, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function( $ ) {
$( document ).ready( function() {
// Builder Blank Page View
FusionPageBuilder.BlankFormView = window.wp.Backbone.View.extend( {
className: 'fusion-builder-blank-page',
template: FusionPageBuilder.template( $( '#fusion-builder-blank-form-template' ).html() ),
events: {
'click .fusion-builder-new-section-add': 'addContainer',
'click .fusion-builder-video-button': 'openVideoModal',
'click #fusion-load-studio-dialog': 'openLibrary'
},
/**
* Init.
*
* @since 2.0.0
* @return {void}
*/
initialize: function() {
this.$el.attr( 'data-cid', this.model.get( 'cid' ) );
},
/**
* Renders the view.
*
* @since 2.0.0
* @return {Object} this
*/
render: function() {
var colorScheme = this.getColorScheme( FusionApp.settings.content_bg_color );
this.$el.html( this.template( this.model.toJSON() ) );
this.$el.addClass( 'fusion-builder-scheme-' + colorScheme );
this.$el.find( '#video-dialog' ).dialog( {
dialogClass: 'fusion-builder-dialog fusion-video-dialog',
autoOpen: false,
modal: true,
height: 470,
width: 700
} );
return this;
},
/**
* Calculate color scheme depend on hex color.
*
* @since 2.0.0
* @param {string} color - The hex color code to calculate color scheme against.
* @return {string}
*/
getColorScheme: function( color ) {
return 0.5 < jQuery.AWB_Color( color ).lightness() ? 'light' : 'dark';
},
/**
* Opens a video modal.
*
* @since 2.0.0
* @param {Object} event - The event triggering the modal.
* @return {void}
*/
openVideoModal: function( event ) {
if ( event ) {
event.preventDefault();
}
jQuery( '#video-dialog' ).dialog( 'open' );
jQuery( '#video-dialog iframe' ).focus();
jQuery( '#video-dialog iframe' )[ 0 ].contentWindow.postMessage( '{"event":"command","func":"playVideo","args":""}', '*' );
},
/**
* Adds a container.
*
* @since 2.0.0
* @param {Object} event - The event triggering the container addition.
* @return {void}
*/
addContainer: function( event ) {
var elementID,
defaultParams,
params,
value,
newContainer;
if ( event ) {
event.preventDefault();
FusionPageBuilderApp.newContainerAdded = true;
}
elementID = FusionPageBuilderViewManager.generateCid();
defaultParams = fusionAllElements.fusion_builder_container.params;
params = {};
// Process default options for shortcode.
_.each( defaultParams, function( param ) {
if ( _.isObject( param.value ) ) {
value = param[ 'default' ];
} else {
value = param.value;
}
params[ param.param_name ] = value;
if ( 'dimension' === param.type && _.isObject( param.value ) ) {
_.each( param.value, function( val, name ) {
params[ name ] = val;
} );
}
} );
this.collection.add( [
{
type: 'fusion_builder_container',
added: 'manually',
element_type: 'fusion_builder_container',
cid: elementID,
params: params,
view: this,
created: 'auto'
}
] );
// Make sure to add row to new container not current one.
newContainer = FusionPageBuilderViewManager.getView( elementID );
newContainer.addRow();
this.removeBlankPageHelper();
},
/**
* Opens the library.
* Calls the LibraryView and then renders it.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
openLibrary: function( event ) {
var view,
libraryModel = {
target: jQuery( event.currentTarget ).data( 'target' ),
focus: jQuery( event.currentTarget ).data( 'focus' )
},
viewSettings = {
model: libraryModel
};
if ( event ) {
event.preventDefault();
event.stopPropagation();
FusionPageBuilderApp.sizesHide( event );
}
view = new FusionPageBuilder.LibraryView( viewSettings );
view.render();
},
/**
* Removes the helper for blank pages.
*
* @since 2.0.0
* @param {Object} event - The event.
* @return {void}
*/
removeBlankPageHelper: function( event ) {
if ( event ) {
event.preventDefault();
}
FusionPageBuilderViewManager.removeView( this.model.get( 'cid' ) );
this.model.destroy();
if ( jQuery( '#video-dialog' ).length ) {
jQuery( '#video-dialog' ).dialog( 'destroy' );
}
this.remove();
}
} );
jQuery( 'body' ).on( 'click', '.ui-dialog-titlebar-close', function() {
var dialog = jQuery( this ).closest( '.ui-dialog' );
if ( dialog.find( '#video-dialog' ).length ) {
dialog.find( '#video-dialog iframe' )[ 0 ].contentWindow.postMessage( '{"event":"command","func":"pauseVideo","args":""}', '*' );
dialog.hide();
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Password View.
FusionPageBuilder.FormComponentView = FusionPageBuilder.ElementView.extend( {
onInit: function() {
this.formData = FusionApp.data.postMeta;
this.listenTo( window.FusionEvents, 'fusion-rerender-form-inputs', this.reRender );
},
/**
* Builds attributes.
*
* @since 3.1
* @param {Object} values - The values object.
* @return {Object}
*/
buildStyles: function() {
return '';
},
elementData: function( values ) {
var data = {},
patternFields = [ 'fusion_form_email', 'fusion_form_password', 'fusion_form_phone_number' ];
data.checked = '';
data.required = '';
data.required_label = '';
data.required_placeholder = '';
data.disabled = '';
data[ 'class' ] = '';
data.id = '';
data.placeholder = '';
data.label = '';
data.label_class = '';
data.holds_private_data = 'no';
data.upload_size = '';
data.pattern = '';
if ( 'undefined' === typeof values ) {
return data;
}
data.pattern = 'fusion_form_text' === this.model.get( 'element_type' ) && 'undefined' !== typeof values.pattern && '' !== values.pattern ? this.addPattern( values ) : '';
data.pattern = patternFields.includes( this.model.get( 'element_type' ) ) && 'undefined' !== typeof values.pattern && '' !== values.pattern ? ' pattern="' + this.decodePattern( values.pattern ) + '" ' : '';
if ( 'fusion_form_checkbox' === this.model.get( 'element_type' ) && 'undefined' !== typeof values.checked && values.checked ) {
data.checked = ' checked="checked"';
}
if ( 'fusion_form_upload' === this.model.get( 'element_type' ) && 'undefined' !== typeof values.upload_size && values.upload_size ) {
data.upload_size = ' data-size="' + values.upload_size + '"';
}
if ( 'undefined' !== typeof values.required && ( 'yes' === values.required || 'selection' === values.required ) ) {
if ( 'selection' !== values.required ) {
data.required = ' required="true" aria-required="true"';
}
data.required_label = ' <abbr class="fusion-form-element-required" title="' + fusionBuilderText.required + '">*</abbr>';
data.required_placeholder = '*';
}
if ( 'undefined' !== typeof values.disabled && 'yes' === values.disabled ) {
data.disabled = ' disabled';
if ( 'undefined' !== typeof values.placeholder && '' !== values.placeholder ) {
data.value = values.placeholder;
}
}
data[ 'class' ] = ' class="fusion-form-input"';
if ( 'undefined' !== typeof values.placeholder && '' !== values.placeholder ) {
if ( 'fusion_form_dropdown' === this.model.get( 'element_type' ) ) {
data.placeholder = values.placeholder + data.required_placeholder;
} else {
data.placeholder = ' placeholder="' + values.placeholder + data.required_placeholder + '"';
}
}
if ( 'fusion_form_checkbox' === this.model.get( 'element_type' ) ) {
data.label_class = ' class="fusion-form-checkbox-label"';
}
if ( 'undefined' !== typeof values.label && '' !== values.label ) {
data.label = '<label for="' + values.name + '"' + data.label_class + '>' + values.label + data.required_label + '</label>';
}
data.holds_private_data = ' data-holds-private-data="false"';
if ( 'undefined' !== typeof values.holds_private_data && '' !== values.holds_private_data ) {
data.holds_private_data = ' data-holds-private-data="true"';
}
return data;
},
decodePattern: function( content ) {
let decodedPattern = '';
try {
if ( FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( content ) ) === content ) {
decodedPattern = FusionPageBuilderApp.base64Decode( content );
decodedPattern = _.unescape( decodedPattern );
}
} catch ( error ) {
console.log( error ); // jshint ignore:line
}
return decodedPattern;
},
checkbox: function( values, type ) {
var options = '',
elementData,
elementName,
elementHtml,
checkboxClass,
html = '';
if ( 'undefined' === typeof values.options || ! values.options ) {
return html;
}
values.options = JSON.parse( FusionPageBuilderApp.base64Decode( values.options ) );
elementData = this.elementData( values );
_.each( values.options, function( option, key ) {
var checked = option[ 0 ] ? ' checked ' : '',
label = ( 'undefined' !== typeof option[ 1 ] ) ? option[ 1 ].trim() : '',
value = ! _.isEmpty( option[ 2 ] ) ? option[ 2 ].trim() : label, // eslint-disable-line no-unused-vars
labelId;
elementName = ( 'checkbox' === type ) ? values.name + '[]' : values.name;
checkboxClass = ( 'floated' === values.form_field_layout ) ? 'fusion-form-' + type + ' option-inline' : 'fusion-form-' + type;
labelId = type + '-' + label.replace( ' ', '-' ).toLowerCase() + '-' + key;
options += '<div class="' + checkboxClass + '">';
options += '<input id="' + labelId + '" type="' + type + '" value="' + label + '" name="' + elementName + '"' + elementData[ 'class' ] + elementData.id + elementData.required + checked + elementData.holds_private_data + '/>';
options += '<label for="' + labelId + '">';
options += label + '</label>';
options += '</div>';
} );
elementHtml = '<fieldset>';
elementHtml += options;
elementHtml += '</fieldset>';
if ( '' !== values.tooltip ) {
elementData.label += this.getFieldTooltip( values );
}
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
},
generateInputField: function( values, type ) {
var elementData,
elementHtml,
html = '';
elementData = this.elementData( values );
if ( '' !== values.tooltip ) {
elementData.label += this.getFieldTooltip( values );
}
values.value = 'undefined' !== typeof values.value && '' !== values.value ? values.value : '';
values.value = 'undefined' !== typeof elementData.value && '' !== elementData.value ? elementData.value : values.value;
elementHtml = '<input type="' + type + '" name="' + values.name + '" value="' + values.value + '" ' + elementData[ 'class' ] + elementData.id + elementData.required + elementData.disabled + elementData.placeholder + elementData.holds_private_data + elementData.pattern + '/>';
elementHtml = this.generateIconHtml( values, elementHtml );
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
},
addPattern: function( values ) {
var patterns = {
'letters': '[a-zA-Z]+',
'alpha_numeric': '[a-zA-Z0-9]+',
'number': '[0-9]+',
'credit_card_number': '[0-9]{13,16}',
'phone': '[0-9()#&+*-=.]+',
// eslint-disable-next-line no-useless-escape
'url': '(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)'
};
return 'undefined' !== typeof patterns[ values.pattern ] ? ' pattern="' + patterns[ values.pattern ] + '"' : ' pattern="' + this.decodePattern( values.custom_pattern ) + '"';
},
getFieldTooltip: function( values ) {
var html = '';
if ( '' !== values.tooltip ) {
html = '<div class="fusion-form-tooltip">';
html += '<i class="awb-icon-question-circle"></i>';
html += '<span class="fusion-form-tooltip-content">' + values.tooltip + '</span>';
html += '</div>';
}
return html;
},
addFieldWrapperHtml: function() {
var html,
labelPosition = 'above',
params = this.model.get( 'params' );
if ( 'undefined' !== typeof this.formData._fusion.label_position ) {
labelPosition = this.formData._fusion.label_position;
}
html = '<div ';
// Add custom ID if it's there.
if ( 'undefined' !== typeof params.id && '' !== params.id ) {
html += 'id="' + params.id + '" ';
}
// Start building class.
html += 'class="fusion-form-field ' + this.model.get( 'element_type' ).replace( /_/g, '-' ) + '-field ' + this.model.get( 'cid' ) + ' ' + this.model.get( 'element_type' ).replace( /_/g, '-' ) + '-field fusion-form-label-' + labelPosition;
// Add custom class if it's there.
if ( 'undefined' !== typeof params[ 'class' ] && '' !== params[ 'class' ] ) {
html += ' ' + params[ 'class' ];
}
// Close class quotes.
html += '"';
html += ' data-form-id="' + FusionApp.data.postDetails.post_id + '">';
return html;
},
generateFormFieldHtml: function( fieldHtml ) {
var html = this.addFieldWrapperHtml();
html += fieldHtml;
html += '</div>';
return html;
},
generateIconHtml: function( atts, html ) {
var icon;
if ( 'undefined' !== typeof atts.input_field_icon && '' !== atts.input_field_icon ) {
icon = '<div class="fusion-form-input-with-icon">';
icon += '<i class="' + _.fusionFontAwesome( atts.input_field_icon ) + '"></i>';
html = icon + html;
html += '</div>';
}
return html;
},
generateLabelHtml: function( html, elementHtml, label ) {
if ( '' !== label ) {
label = '<div class="fusion-form-label-wrapper">' + label + '</div>';
}
if ( 'undefined' === typeof this.formData._fusion.label_position || 'above' === this.formData._fusion.label_position ) {
html += label + elementHtml;
} else {
html += elementHtml + label;
}
return html;
},
generateTooltipHtml: function( values, elementData ) {
if ( '' !== values.tooltip ) {
elementData.label += this.getFieldTooltip( values );
}
return elementData;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Checkbox View.
FusionPageBuilder.fusion_form_checkbox = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
var required_can_be_shown = false;
if ( 'selection' === atts.values.required ) {
required_can_be_shown = ( 0 < parseInt( atts.values.min_required ) );
// Do not show "*" if there is no minimum required fields.
if ( ! required_can_be_shown ) {
atts.values.required = '';
}
}
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.checkbox( atts.values, 'checkbox' ) );
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Date View.
FusionPageBuilder.fusion_form_date = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateDateFieldHtml( atts.values ) );
return attributes;
},
generateDateFieldHtml: function( values ) {
var elementData,
elementHtml,
html = '',
input_type = 'type="date"';
elementData = this.elementData( values );
this.generateTooltipHtml( values, elementData );
if ( 'custom' === values.picker || 'desktop' === values.picker ) {
input_type = 'type="text"';
}
elementHtml = '<input id="date-' + this.model.get( 'cid' ) + '" ' + input_type + ' data-type="' + values.picker + '" name="' + values.name + '" ' + elementData.holds_private_data + elementData[ 'class' ] + elementData.required + elementData.placeholder + '/>';
elementHtml = this.generateIconHtml( values, elementHtml );
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
},
onRender: function() {
this.afterPatch();
},
beforePatch: function() {
var picker;
if ( 'function' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.flatpickr ) {
picker = jQuery( '#fb-preview' )[ 0 ].contentWindow.flatpickr( '#date-' + this.model.get( 'cid' ), {} );
if ( picker && 'function' === typeof picker.destroy ) {
picker.destroy();
}
}
},
/**
* Runs after view DOM is patched.
*
* @since 3.1
* @return {void}
*/
afterPatch: function() {
var self = this;
setTimeout( function() {
var $item = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( self.$el.find( 'input[type="date"]' ) ),
type = $item.attr( 'data-type' ),
format = $item.attr( 'data-format' ),
useMobile = 'custom' === type;
format = 'undefined' === typeof format || '' === format ? 'Y-m-d' : format;
// Native, do not init.
if ( 'native' === type || 'function' !== typeof $item.flatpickr ) {
return;
}
$item.flatpickr( {
defaultDate: new Date().getTime(),
disableMobile: useMobile,
dateFormat: format
} );
}, 200 );
}
} );
} );
}( jQuery ) );
;/* global FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Select View.
FusionPageBuilder.fusion_form_select = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateSelectField( atts.values ) );
return attributes;
},
generateSelectField: function( values ) {
var elementData,
elementHtml,
options = '',
html = '';
if ( 'undefined' === typeof values.options || ! values.options ) {
return html;
}
values.options = JSON.parse( FusionPageBuilderApp.base64Decode( values.options ) );
elementData = this.elementData( values );
if ( '' !== values.tooltip ) {
elementData.label += this.getFieldTooltip( values );
}
if ( 'undefined' !== typeof values.placeholder && '' !== values.placeholder ) {
options += '<option value="" selected disabled>' + values.placeholder + '</option>';
}
_.each( values.options, function( option ) {
var selected = option[ 0 ] ? ' selected ' : '';
var label = option[ 1 ].trim();
var value = '' !== option[ 2 ] ? option[ 2 ].trim() : label;
options += '<option value="' + value + '" ' + selected + '>' + label + '</option>';
} );
elementHtml = '<div class="fusion-select-wrapper">';
elementHtml += '<select class="fusion-form-input" name="' + values.name + '"' + elementData[ 'class' ] + elementData.required + elementData.style + elementData.holds_private_data + '>';
elementHtml += options;
elementHtml += '</select>';
elementHtml += '<div class="select-arrow"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 1.75L6 6.25L10.5 1.75" stroke="#6D6D6D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>';
elementHtml += '</div>';
elementHtml = this.generateIconHtml( values, elementHtml );
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Email View.
FusionPageBuilder.fusion_form_email = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateInputField( atts.values, 'email' ) );
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Hidden View.
FusionPageBuilder.fusion_form_hidden = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.name = atts.values.label;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Honeypot View.
FusionPageBuilder.fusion_form_honeypot = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.5
* @return {Object}
*/
filterTemplateAtts: function() {
var attributes = {};
// Create attribute objects.
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Number View.
FusionPageBuilder.fusion_form_number = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateInputField( atts.values, 'number' ) );
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Password View.
FusionPageBuilder.fusion_form_password = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateInputField( atts.values, 'password' ) );
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Phone Number View.
FusionPageBuilder.fusion_form_phone_number = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateInputField( atts.values, 'tel' ) );
return attributes;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Select Image View.
FusionPageBuilder.fusion_form_image_select = FusionPageBuilder.ParentElementView.extend( {
onInit: function() {
this.formData = FusionApp.data.postMeta;
this.listenTo( window.FusionEvents, 'fusion-rerender-form-inputs', this.reRender );
},
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
elementData = this.elementData( atts.values );
this.elementDataValues = elementData;
if ( '' !== atts.values.tooltip ) {
elementData.label += this.getFieldTooltip( atts.values );
}
attributes.outerWrapper = this.outerWrapper( atts.values );
attributes.labelPosition = 'undefined' !== typeof this.formData._fusion.label_position ? this.formData._fusion.label_position : 'above';
attributes.elementLabel = elementData.label;
attributes.styles = this.buildStyles( atts.values );
return attributes;
},
getFieldTooltip: function( values ) {
var html = '';
if ( '' !== values.tooltip ) {
html = '<div class="fusion-form-tooltip">';
html += '<i class="awb-icon-question-circle"></i>';
html += '<span class="fusion-form-tooltip-content">' + values.tooltip + '</span>';
html += '</div>';
}
return html;
},
outerWrapper: function( values ) {
var html,
labelPosition = 'above',
params = this.model.get( 'params' );
if ( 'undefined' !== typeof this.formData._fusion.label_position ) {
labelPosition = this.formData._fusion.label_position;
}
html = '<div ';
// Add custom ID if it's there.
if ( 'undefined' !== typeof params.id && '' !== params.id ) {
html += 'id="' + params.id + '" ';
}
// Start building class.
html += 'class="fusion-form-field fusion-form-field-' + this.model.get( 'element_type' ).replace( /_/g, '-' ) + this.model.get( 'cid' ) + ' fusion-form-field-' + this.model.get( 'element_type' ) + ' fusion-form-label-' + labelPosition;
// Add inline class if needed.
if ( 'floated' === values.form_field_layout ) {
html += ' option-inline';
}
// Add custom class if it's there.
if ( 'undefined' !== typeof params[ 'class' ] && '' !== params[ 'class' ] ) {
html += ' ' + params[ 'class' ];
}
// Close class quotes.
html += '"';
html += ' data-form-id="' + FusionApp.data.postDetails.post_id + '">';
return html;
},
elementData: function( values ) {
var data = {};
data.checked = '';
data.required = '';
data.required_label = '';
data.required_placeholder = '';
data[ 'class' ] = '';
data.id = '';
data.placeholder = '';
data.label = '';
data.label_class = '';
data.holds_private_data = 'no';
data.upload_size = '';
if ( 'undefined' === typeof values ) {
return data;
}
if ( 'fusion_form_checkbox' === this.model.get( 'element_type' ) && 'undefined' !== typeof values.checked && values.checked ) {
data.checked = ' checked="checked"';
}
if ( 'fusion_form_upload' === this.model.get( 'element_type' ) && 'undefined' !== typeof values.upload_size && values.upload_size ) {
data.upload_size = ' data-size="' + values.upload_size + '"';
}
if ( 'undefined' !== typeof values.required && 'yes' === values.required ) {
data.required = ' required="true" aria-required="true"';
data.required_label = ' <abbr class="fusion-form-element-required" title="' + fusionBuilderText.required + '">*</abbr>';
data.required_placeholder = '*';
}
data[ 'class' ] = ' class="fusion-form-input"';
if ( 'undefined' !== typeof values.placeholder && '' !== values.placeholder ) {
if ( 'fusion_form_dropdown' === this.model.get( 'element_type' ) ) {
data.placeholder = values.placeholder + data.required_placeholder;
} else {
data.placeholder = ' placeholder="' + values.placeholder + data.required_placeholder + '"';
}
}
if ( 'fusion_form_checkbox' === this.model.get( 'element_type' ) ) {
data.label_class = ' class="fusion-form-checkbox-label"';
}
if ( 'undefined' !== typeof values.label && '' !== values.label ) {
data.label = '<label for="' + values.name + '"' + data.label_class + '>' + values.label + data.required_label + '</label>';
}
data.holds_private_data = ' data-holds-private-data="false"';
if ( 'undefined' !== typeof values.holds_private_data && '' !== values.holds_private_data ) {
data.holds_private_data = ' data-holds-private-data="true"';
}
return data;
},
/**
* Builds styles.
*
* @since 3.1
* @param {Object} values - The values object.
* @return {Object}
*/
buildStyles: function( values ) {
var styles = '',
paddingStyles = '',
base_selector = '.fusion-form-form-wrapper.fusion-form .fusion-form-field.fusion-form-field-fusion-form-image-select' + this.model.get( 'cid' );
if ( '' !== values.width ) {
styles += base_selector + ' .fusion-form-image-select label .fusion-form-image-wrapper{width:' + _.fusionGetValueWithUnit( values.width ) + ';}';
}
if ( '' !== values.height ) {
styles += base_selector + ' .fusion-form-image-select label .fusion-form-image-wrapper{height:' + _.fusionGetValueWithUnit( values.height ) + ';}';
}
if ( '' !== values.border_size_top ) {
styles += base_selector + ' .fusion-form-image-select label{border-top-width:' + _.fusionGetValueWithUnit( values.border_size_top ) + ';}';
}
if ( '' !== values.border_size_right ) {
styles += base_selector + ' .fusion-form-image-select label{border-right-width:' + _.fusionGetValueWithUnit( values.border_size_right ) + ';}';
}
if ( '' !== values.border_size_bottom ) {
styles += base_selector + ' .fusion-form-image-select label{border-bottom-width:' + _.fusionGetValueWithUnit( values.border_size_bottom ) + ';}';
}
if ( '' !== values.border_size_left ) {
styles += base_selector + ' .fusion-form-image-select label{border-left-width:' + _.fusionGetValueWithUnit( values.border_size_left ) + ';}';
}
if ( '' !== values.border_radius ) {
styles += base_selector + ' .fusion-form-image-select label{border-radius:' + _.fusionGetValueWithUnit( values.border_radius ) + ';}';
}
if ( '' !== values.inactive_color ) {
styles += base_selector + ' .fusion-form-image-select label{border-color:' + _.fusionGetValueWithUnit( values.inactive_color ) + ';}';
}
if ( '' !== values.active_color ) {
styles += base_selector + ' .fusion-form-image-select .fusion-form-input:checked + label{border-color:' + values.active_color + ';}';
styles += base_selector + ' .fusion-form-image-select .fusion-form-input:hover:not(:checked) + label{border-color:' + jQuery.AWB_Color( values.active_color ).alpha( 0.5 ).toVarOrRgbaString() + ';}';
}
// Padding.
jQuery.each( [ 'top', 'right', 'bottom', 'left' ], function( index, padding ) {
var paddingName = 'padding_' + padding;
if ( '' !== values[ paddingName ] ) {
paddingStyles += 'padding-' + padding + ':' + _.fusionGetValueWithUnit( values[ paddingName ] ) + ';';
}
} );
if ( '' !== paddingStyles ) {
styles += base_selector + ' label{' + paddingStyles + ';}';
}
if ( '' !== styles ) {
styles = '<style type="text/css">' + styles + '</style>';
}
return styles;
}
} );
} );
}( jQuery ) );
;/* global FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Select Image View.
FusionPageBuilder.fusion_form_image_select_input = FusionPageBuilder.ChildElementView.extend( {
onInit: function() {
this.formData = FusionApp.data.postMeta;
},
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {},
parentView = window.FusionPageBuilderViewManager.getView( this.model.get( 'parent' ) ),
params = this.model.get( 'params' );
// Create attribute objects;
attributes.imageUrl = atts.values.image;
attributes.labelId = 'HTML+ ' + this.model.get( 'cid' );
attributes.value = '' === atts.values.name ? atts.values.label.toLowerCase().replace( ' ', '_' ) : atts.values.name;
attributes.inputName = 'input' + this.model.get( 'cid' );
attributes.elementData = parentView.elementDataValues;
attributes.checked = 'yes' === atts.values.checked ? ' checked ' : '';
attributes.labelPosition = 'undefined' !== typeof this.formData._fusion.label_position ? this.formData._fusion.label_position : 'above';
attributes.label = 'undefined' !== typeof params.label && '' !== params.label ? atts.values.label : '';
attributes.inputType = 'undefined' !== typeof parentView.model.attributes.params.multiple_select && 'yes' === parentView.model.attributes.params.multiple_select ? 'checkbox' : 'radio';
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Radio View.
FusionPageBuilder.fusion_form_radio = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.checkbox( atts.values, 'radio' ) );
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Range View.
FusionPageBuilder.fusion_form_range = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateRangeField( atts.values ) );
return attributes;
},
generateRangeField: function ( atts ) {
var elementData,
elementHtml,
containerClass = 'fusion-form-range-field-container',
html = '';
elementData = this.elementData( atts );
elementData = this.generateTooltipHtml( atts, elementData );
if ( 'right' === atts.orientation ) {
containerClass += ' orientation-right';
}
elementHtml = '<div class="' + containerClass + '">';
if ( 'right' !== atts.orientation ) {
elementHtml += '<input type="text" disabled class="fusion-form-range-value" value="' + atts.value + '"/>';
}
elementHtml += '<input type="range" name="' + atts.name + '" min="' + atts.min + '" max="' + atts.max + '" step="' + atts.step + '" value="' + atts.value + '"' + elementData[ 'class' ] + elementData.required + elementData.placeholder + elementData.holds_private_data + '/>';
if ( 'right' === atts.orientation ) {
elementHtml += '<input type="text" disabled class="fusion-form-range-value" value="' + atts.value + '"/>';
}
elementHtml += '</div>';
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
}
} );
} );
}( jQuery ) );
;/* global fusionSanitize, FusionPageBuilderApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Rating View.
FusionPageBuilder.fusion_form_rating = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateRatingField( atts.values ) );
return attributes;
},
generateRatingField: function( values ) {
var elementData,
elementName,
elementHtml = '',
limit,
styles = '',
options = '',
hoverColor = '',
html = '',
option;
elementData = this.elementData( values );
limit = fusionSanitize.number( values.limit );
elementName = values.name;
while ( 0 < limit ) {
option = limit;
options += '<input id="' + option + '-' + this.model.get( 'cid' ) + '" type="radio" value="' + option + '" name="' + elementName + '"' + elementData[ 'class' ] + elementData.required + elementData.checked + elementData.holds_private_data + '/>';
options += '<label for="' + option + '-' + this.model.get( 'cid' ) + '" class="fusion-form-rating-icon">';
options += '<i class="' + values.icon + '"></i>';
options +=
'</label>';
limit--;
}
// CSS for .rating-icon
if ( values.icon_color || ( 'undefined' !== typeof values.icon_size && '' !== values.icon_size ) ) {
styles += '.fusion-form-form-wrapper .fusion-form-field .fusion-form-rating-area-' + this.model.get( 'cid' ) + '.fusion-form-rating-area .fusion-form-rating-icon { ';
if ( values.icon_color ) {
styles += 'color: ' + values.icon_color + ';';
}
if ( 'undefined' !== typeof values.icon_size && '' !== values.icon_size ) {
styles += 'font-size: ' + values.icon_size + ';';
}
styles += '}';
}
// CSS for .rating-icon:hover, .rating-icon:checked
if ( values.active_icon_color ) {
hoverColor = jQuery.AWB_Color( values.active_icon_color ).alpha( 0.5 ).toVarOrRgbaString();
styles += '.fusion-form-form-wrapper .fusion-form-field .fusion-form-rating-area-' + this.model.get( 'cid' ) + '.fusion-form-rating-area .fusion-form-input:checked~label i{ color: ' + values.active_icon_color + ';}';
styles += '.fusion-form-form-wrapper .fusion-form-field .fusion-form-rating-area-' + this.model.get( 'cid' ) + '.fusion-form-rating-area .fusion-form-input:checked:hover ~ label i,';
styles += '.fusion-form-form-wrapper .fusion-form-field .fusion-form-rating-area-' + this.model.get( 'cid' ) + '.fusion-form-rating-area .fusion-form-rating-icon:hover i,';
styles += '.fusion-form-form-wrapper .fusion-form-field .fusion-form-rating-area-' + this.model.get( 'cid' ) + '.fusion-form-rating-area .fusion-form-rating-icon:hover ~ label i,';
styles += '.fusion-form-form-wrapper .fusion-form-field .fusion-form-rating-area-' + this.model.get( 'cid' ) + '.fusion-form-rating-area .fusion-form-input:hover ~ label i{ color: ' + hoverColor + ';}';
}
if ( '' !== styles ) {
elementHtml += '<style type="text/css">' + styles + '</style>';
}
elementHtml += '<fieldset class="fusion-form-rating-area fusion-form-rating-area-' + this.model.get( 'cid' ) + ( FusionPageBuilderApp.$el.hasClass( 'rtl' ) ? ' rtl' : '' ) + '">';
elementHtml += options;
elementHtml += '</fieldset>';
if ( '' !== values.tooltip ) {
elementData.label += this.getFieldTooltip( values );
}
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form reCAPTCHA View.
FusionPageBuilder.fusion_form_recaptcha = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) { // eslint-disable-line no-unused-vars
var attributes = {};
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Hidden View.
FusionPageBuilder.fusion_form_submit = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
if ( ! this.btnInstance ) {
this.btnInstance = new FusionPageBuilder.fusion_button( {
model: this.model,
attributes: atts
} );
this.btnInstance.elementTemplate = FusionPageBuilder.template( jQuery( '#tmpl-fusion_button-shortcode' ).html() );
}
// Create attribute
attributes.html = this.generateFormFieldHtml( this.btnInstance.render().$el.html() );
return attributes;
}
} );
} );
}( jQuery ) );
;/* global FusionApp, FusionPageBuilderApp, fusionAllElements, FusionPageBuilderViewManager */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Notice View.
FusionPageBuilder.fusion_form_notice = FusionPageBuilder.FormComponentView.extend( {
alertInstance: {},
onInit: function() {
this.formData = FusionApp.data.postMeta;
this.listenTo( window.FusionEvents, 'fusion-render-form-notices', this.reRender );
},
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
// Whether we should show warning instead.
attributes.showNotices = 'undefined' === typeof this.formData._fusion.form_confirmation_type || 'redirect' !== this.formData._fusion.form_confirmation_type;
attributes.successAlert = '';
attributes.errorAlert = '';
if ( ! attributes.showNotices ) {
return attributes;
}
/*
attributes.name = atts.values.label;
attributes.label = window.fusionAllElements[ this.model.get( 'element_type' ) ].name;
attributes.icon = window.fusionAllElements[ this.model.get( 'element_type' ) ].icon;
*/
atts.values.margin_bottom = _.fusionValidateAttrValue( atts.values.margin_bottom, 'px' );
atts.values.margin_left = _.fusionValidateAttrValue( atts.values.margin_left, 'px' );
atts.values.margin_right = _.fusionValidateAttrValue( atts.values.margin_right, 'px' );
atts.values.margin_top = _.fusionValidateAttrValue( atts.values.margin_top, 'px' );
// Default alert bottom margin.
if ( '' === atts.values.margin_bottom ) {
atts.values.margin_bottom = '20px';
}
attributes.style = '';
if ( '' !== atts.values.margin_top ) {
attributes.style += 'margin-top:' + atts.values.margin_top + ';';
}
if ( '' !== atts.values.margin_right ) {
attributes.style += 'margin-right:' + atts.values.margin_right + ';';
}
if ( '' !== atts.values.margin_bottom ) {
attributes.style += 'margin-bottom:' + atts.values.margin_bottom + ';';
}
if ( '' !== atts.values.margin_left ) {
attributes.style += 'margin-left:' + atts.values.margin_left + ';';
}
attributes.successAlert = '' !== atts.values.success ? this.renderAlert( atts.values.success, 'success' ) : '';
attributes.errorAlert = '' !== atts.values.error ? this.renderAlert( atts.values.error, 'error' ) : '';
return attributes;
},
renderAlert: function( content, alertType ) {
var shortcodeType = 'fusion_alert',
newParams,
shortcodeContent = content,
defaultParams,
params,
type,
elementSettings,
elementModel;
try {
if ( FusionPageBuilderApp.base64Encode( FusionPageBuilderApp.base64Decode( shortcodeContent ) ) === shortcodeContent ) {
shortcodeContent = FusionPageBuilderApp.base64Decode( shortcodeContent );
shortcodeContent = _.unescape( shortcodeContent );
}
} catch ( error ) {
console.log( error ); // jshint ignore:line
}
if ( 'undefined' === typeof this.alertInstance[ alertType ] ) {
if ( shortcodeType in fusionAllElements ) {
defaultParams = fusionAllElements[ shortcodeType ].params;
type = fusionAllElements[ shortcodeType ].shortcode;
}
params = {};
// Process default parameters from shortcode
_.each( defaultParams, function( param ) {
params[ param.param_name ] = ( _.isObject( param.value ) ) ? param[ 'default' ] : param.value;
} );
// Used as a flag for opening on first render.
params.open_settings = 'false';
params.element_content = shortcodeContent;
params.type = alertType;
params.margin_top = this.values.margin_top;
params.margin_right = this.values.margin_right;
params.margin_bottom = this.values.margin_bottom;
params.margin_left = this.values.margin_left;
elementSettings = {
type: 'element',
added: 'manually',
element_type: type,
params: params,
parent: this.model.get( 'cid' ),
multi: false,
cid: FusionPageBuilderViewManager.generateCid(),
silent: true
};
elementModel = new FusionPageBuilder.Element( elementSettings );
this.alertInstance[ alertType ] = new FusionPageBuilder.fusion_alert( {
model: elementModel
} );
} else {
newParams = this.alertInstance[ alertType ].model.get( 'params' );
newParams.element_content = shortcodeContent;
newParams.margin_top = this.values.margin_top;
newParams.margin_right = this.values.margin_right;
newParams.margin_bottom = this.values.margin_bottom;
newParams.margin_left = this.values.margin_left;
this.alertInstance[ alertType ].model.set( 'params', newParams );
}
return this.alertInstance[ alertType ].render().$el.html();
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Text View.
FusionPageBuilder.fusion_form_text = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateInputField( atts.values, 'text' ) );
return attributes;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Textarea View.
FusionPageBuilder.fusion_form_textarea = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateTextareaField( atts.values ) );
return attributes;
},
generateTextareaField: function ( atts ) {
var elementData,
elementHtml,
value,
html = '';
elementData = this.elementData( atts );
elementData = this.generateTooltipHtml( atts, elementData );
value = 'undefined' !== typeof elementData.value ? elementData.value : '';
elementHtml = '<textarea cols="40" rows="' + atts.rows + '" name="' + atts.name + '"' + elementData[ 'class' ] + elementData.required + elementData.disabled + elementData.placeholder + elementData.holds_private_data + '>' + value + '</textarea>';
elementHtml = this.generateIconHtml( atts, elementHtml );
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Time View.
FusionPageBuilder.fusion_form_time = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateTimeField( atts.values ) );
return attributes;
},
generateTimeField: function( values ) {
var elementData,
elementHtml,
html = '',
input_type = 'type="time"';
elementData = this.elementData( values );
this.generateTooltipHtml( values, elementData );
if ( 'custom' === values.picker || 'desktop' === values.picker ) {
input_type = 'type="text"';
}
elementHtml = '<input id="time-' + this.model.get( 'cid' ) + '" ' + input_type + ' data-type="' + values.picker + '" data-clock="' + values.clock + '" name="' + values.name + '" ' + elementData.holds_private_data + elementData[ 'class' ] + elementData.required + elementData.placeholder + '/>';
elementHtml = this.generateIconHtml( values, elementHtml );
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
},
onRender: function() {
this.afterPatch();
},
beforePatch: function() {
var picker;
if ( 'function' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.flatpickr ) {
picker = jQuery( '#fb-preview' )[ 0 ].contentWindow.flatpickr( '#time-' + this.model.get( 'cid' ), {} );
if ( picker && 'function' === typeof picker.destroy ) {
picker.destroy();
}
}
},
/**
* Runs after view DOM is patched.
*
* @since 2.0
* @return {void}
*/
afterPatch: function() {
var self = this;
setTimeout( function() {
var $item = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( self.$el.find( 'input[type="time"]' ) ),
type = $item.attr( 'data-type' ),
useMobile = 'custom' === type,
fullClock = 'full' === $item.attr( 'data-clock' );
// Native, do not init.
if ( 'native' === type || 'function' !== typeof $item.flatpickr ) {
return;
}
$item.flatpickr( {
allowInput: true,
disableMobile: useMobile,
enableTime: true,
noCalendar: true,
dateFormat: 'H:i',
time_24hr: fullClock
} );
}, 200 );
}
} );
} );
}( jQuery ) );
;/* global fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion Form Upload View.
FusionPageBuilder.fusion_form_upload = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 3.1
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects;
attributes.styles = this.buildStyles( atts.values );
attributes.html = this.generateFormFieldHtml( this.generateUploadField( atts.values ) );
return attributes;
},
generateUploadField: function ( atts ) {
var elementData,
elementHtml,
style,
html = '';
atts[ 'class' ] = ( '' !== atts[ 'class' ] ) ? atts[ 'class' ] + ' fusion-form-file-upload' : 'fusion-form-file-upload';
elementData = this.elementData( atts );
elementData = this.generateTooltipHtml( atts, elementData );
elementData.multiple = 'yes' === atts.multiple ? ' multiple' : '';
elementData.name = atts.name;
elementData.multiple = '';
if ( 'yes' === atts.multiple ) {
elementData.name += '[]';
elementData.multiple = ' multiple';
}
elementData.accept = 'undefined' !== typeof atts.extensions && '' !== atts.extensions ? 'accept="' + atts.extensions + '"' : '';
elementHtml = '<div class="fusion-form-upload-field-container" style="' + style + '">';
elementHtml += '<input type="file" name="' + elementData.name + '" value="" ' + elementData[ 'class' ] + elementData.accept + elementData.required + elementData.placeholder + elementData.upload_size + elementData.multiple + '/>';
elementHtml += '<input type="text" disabled value="" class="fusion-form-upload-field" ' + elementData.required + elementData.placeholder + elementData.holds_private_data + '/>';
elementHtml += '<a class="fusion-button button-flat button-medium button-default button-1 fusion-button-default-span fusion-button-default-type fusion-form-upload-field-button" style="border-radius:0;"><span class="fusion-button-text">' + fusionBuilderText.choose_file + '</span></a>';
elementHtml += '</div>';
elementHtml = this.generateIconHtml( atts, elementHtml );
html = this.generateLabelHtml( html, elementHtml, elementData.label );
return html;
}
} );
} );
}( jQuery ) );
;/* global FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Checkout Billing Component View.
FusionPageBuilder.fusion_post_card_image = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.output = this.buildOutput( atts );
attributes.styles = this.buildStyleBlock( atts.values );
return attributes;
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-' + FusionApp.settings.woocommerce_product_box_design + '-product-image-wrapper fusion-woo-product-image fusion-post-card-image fusion-post-card-image-' + this.model.get( 'cid' ),
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
if ( '' !== values.aspect_ratio ) {
attr[ 'class' ] += ' has-aspect-ratio';
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function( atts ) {
var output = '';
if ( 'undefined' !== typeof atts.markup && 'undefined' !== typeof atts.markup.output && 'undefined' === typeof atts.query_data ) {
output = jQuery( jQuery.parseHTML( atts.markup.output ) ).filter( '.fusion-woo-product-image' ).html();
output = ( 'undefined' === typeof output ) ? atts.markup.output : output;
} else if ( 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.fusion_post_card_image ) {
output = atts.query_data.fusion_post_card_image;
}
return output;
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function( values ) {
var self = this,
sides, margin_name, css;
this.baseSelector = '.fusion-post-card-image.fusion-post-card-image-' + this.model.get( 'cid' );
this.dynamic_css = {};
sides = [ 'top', 'right', 'bottom', 'left' ];
// Margins.
jQuery.each( sides, function( index, side ) {
// Element margin.
margin_name = 'margin_' + side;
if ( '' !== self.values[ margin_name ] ) {
self.addCssProperty( self.baseSelector, 'margin-' + side, _.fusionGetValueWithUnit( self.values[ margin_name ] ) );
}
} );
if ( ! this.isDefault( 'crossfade_bg_color' ) ) {
this.addCssProperty( this.baseSelector + ' .crossfade-images', 'background-color', values.crossfade_bg_color );
}
// Border Radius.
if ( ! this.isDefault( 'border_radius_top_left' ) ) {
this.addCssProperty( this.baseSelector, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_left ) );
}
if ( ! this.isDefault( 'border_radius_top_right' ) ) {
this.addCssProperty( this.baseSelector, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_right' ) ) {
this.addCssProperty( this.baseSelector, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_left' ) ) {
this.addCssProperty( this.baseSelector, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_left ) );
}
// Calc Ratio
let aspectRatio, width, height;
const selector = '.fusion-post-card-image.fusion-post-card-image-' + this.model.get( 'cid' ) + ' img';
if ( 'custom' === this.values.aspect_ratio && '' !== this.values.custom_aspect_ratio ) {
this.addCssProperty( selector, 'aspect-ratio', `100 / ${this.values.custom_aspect_ratio}` );
} else {
aspectRatio = this.values.aspect_ratio.split( '-' );
width = aspectRatio[ 0 ] || '';
height = aspectRatio[ 1 ] || '';
this.addCssProperty( selector, 'aspect-ratio', `${width} / ${height}` );
}
//Ratio Position
if ( '' !== this.values.aspect_ratio_position ) {
this.addCssProperty( selector, 'object-position', this.values.aspect_ratio_position );
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
}
} );
} );
}( jQuery ) );
;/* global fusionBuilderText */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Woo Related Component View.
FusionPageBuilder.fusion_tb_woo_upsells = FusionPageBuilder.WooProductsView.extend( {
/**
* Define shortcode handle.
*
* @since 3.2
*/
shortcode_handle: 'fusion_tb_woo_upsells',
/**
* Define shortcode classname.
*
* @since 3.2
*/
shortcode_classname: 'fusion-woo-upsells-tb',
/**
* Builds attributes.
*
* @since 3.2
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = FusionPageBuilder.WooProductsView.prototype.buildAttr.call( this, values );
if ( 'up-sells' === this.query_data.query_type ) {
attr[ 'class' ] += ' up-sells upsells products';
} else {
attr[ 'class' ] += ' fusion-woo-cross-sells products cross-sells';
}
return attr;
},
/**
* Get section title based on the post type.
*
* @since 3.2
* @return {string}
*/
getSectionTitle: function() {
if ( 'up-sells' === this.query_data.query_type ) {
return fusionBuilderText.upsells_products;
}
return fusionBuilderText.cross_sells_products;
}
} );
} );
}( jQuery ) );
;var FusionPageBuilder = FusionPageBuilder || {};
( function () {
jQuery( document ).ready( function () {
// Post Card Cart Component View.
FusionPageBuilder.fusion_post_card_cart = FusionPageBuilder.ElementView.extend( {
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.button_border_top && 'undefined' !== typeof params.button_border_width && '' !== params.button_border_width ) {
params.button_border_top = parseInt( params.button_border_width ) + 'px';
params.button_border_right = params.button_border_top;
params.button_border_bottom = params.button_border_top;
params.button_border_left = params.button_border_top;
delete params.button_border_width;
}
// Split border width into 4.
if ( 'undefined' === typeof params.button_details_border_top && 'undefined' !== typeof params.button_details_border_width && '' !== params.button_details_border_width ) {
params.button_details_border_top = parseInt( params.button_details_border_width ) + 'px';
params.button_details_border_right = params.button_details_border_top;
params.button_details_border_bottom = params.button_details_border_top;
params.button_details_border_left = params.button_details_border_top;
delete params.button_details_border_width;
}
this.model.set( 'params', params );
}
},
afterPatch: function () {
var $quantityBoxes = this.$el.find( 'div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)' ).find( '.qty' ),
$form = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( this.$el.find( '.variations_form' ) );
if ( $quantityBoxes.length && 'function' === typeof jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaAddQuantityBoxes ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.avadaAddQuantityBoxes( '.qty', $quantityBoxes );
}
if ( $form.length && 'function' === typeof $form.wc_variation_form ) {
$form.wc_variation_form();
$form.on( 'hide_variation', function( e ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( e.currentTarget ).find( '.avada-variation' ).closest( 'tr' ).addClass( 'awb-hide-element' );
} ).on( 'found_variation.wc-variation-form', function( e ) {
if ( jQuery.trim( jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( e.currentTarget ).find( '.avada-variation' ).text() ).length ) {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( e.currentTarget ).find( '.avada-variation' ).closest( 'tr' ).removeClass( 'awb-hide-element' );
}
} );
}
},
/**
* Modify template attributes.
*
* @since 3.3
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function ( atts ) {
var attributes = {};
this.values = atts.values;
this.extras = atts.extras;
this.query_data = atts.query_data;
this.setIconDefaults();
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.wrapperAttr = this.buildAttr( atts.values );
attributes.output = this.buildOutput( atts );
attributes.styles = this.buildStyleBlock();
return attributes;
},
/**
* Set default icons for text links
*
* @since 3.3
*/
setIconDefaults: function() {
if ( 'custom' !== this.values.button_style ) {
this.values.icon_position = 'left';
this.values.button_icon = 'fa-shopping-cart fas';
}
if ( 'custom' !== this.values.product_link_style ) {
this.values.icon_details_position = 'left';
this.values.button_details_icon = 'fa-list-ul fas';
}
},
/**
* Builds attributes.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function ( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-woo-cart fusion-post-card-cart',
style: ''
} );
if ( '' !== values[ 'class' ] ) {
attr[ 'class' ] += ' ' + values[ 'class' ];
}
attr[ 'class' ] += ' awb-variation-layout-' + values.variation_layout;
if ( '' !== values.variation_text_align ) {
attr[ 'class' ] += ' awb-variation-text-align-' + values.variation_text_align;
}
if ( '' !== values.id ) {
attr.id = values.id;
}
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds output.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildOutput: function ( atts ) {
var quantity = '',
buttons = '',
output = '';
if ( 'yes' === atts.values.show_variations && 'variable' === this.getProductType() && 'undefined' !== typeof atts.query_data && 'undefined' !== typeof atts.query_data.fusion_post_card_cart ) {
output = atts.query_data.fusion_post_card_cart;
}
if ( 'yes' === atts.values.show_add_to_cart_button ) {
buttons += this.buildAddToCart( );
}
if ( 'yes' === atts.values.show_product_link_button ) {
buttons += this.buildProductDetails( );
}
if ( 'yes' === atts.values.show_quantity_input ) {
quantity = this.buildQuantity( );
}
// Add wrapper.
if ( 'yes' === atts.values.show_variations && 'variable' === this.getProductType() ) {
quantity = '<div class="awb-post-card-cart-variation-wrapper">' + quantity;
}
output += quantity;
if ( this.has_buttons_wrapper() ) {
output += '<div class="fusion-post-card-cart-button-wrapper">';
}
output += buttons;
if ( this.has_buttons_wrapper() ) {
output += '</div>';
}
// Closing wrapper.
if ( 'yes' === atts.values.show_variations && 'variable' === this.getProductType() ) {
output += '</div>';
}
return output;
},
/**
* Builds Quantity
*
* @since 3.3
* @return {String}
*/
buildQuantity: function ( ) {
var output = '<div class="fusion-post-card-cart-quantity">' +
'<div class="quantity">' +
'<label class="screen-reader-text" for="quantity_temp">Quis voluptas quos ut in quantity</label>' +
'<input type="number" id="quantity_temp" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" inputmode="numeric" />' +
'</div></div>';
return output;
},
/**
* Builds Add to cart button
*
* @since 3.3
* @return {String}
*/
buildAddToCart: function ( ) {
var output = '',
button_class = [ 'fusion-post-card-cart-add-to-cart' ];
if ( '' === this.values.button_size ) {
button_class.push( 'fusion-button-default-size' );
}
if ( 'custom' === this.values.button_style ) {
button_class.push( 'button-default' );
}
output = '<a href="#" data-quantity="1" class="' + button_class.join( ' ' ) + '" aria-label="Add Temp Product" rel="nofollow">';
if ( '' !== this.values.button_icon && 'left' === this.values.icon_position ) {
output += '<i class="' + this.values.button_icon + ' button-icon-left" aria-hidden="true"></i>';
}
output += this.extras.add_to_cart_text;
if ( '' !== this.values.button_icon && 'right' === this.values.icon_position ) {
output += '<i class="' + this.values.button_icon + ' button-icon-right" aria-hidden="true"></i>';
}
output += '</a>';
return output;
},
/**
* Builds Details/Quick view button
*
* @since 3.3
* @return {String}
*/
buildProductDetails: function ( ) {
var output = '';
var button_class = '' === this.values.button_details_size ? ' fusion-button-default-size' : '';
button_class += 'custom' === this.values.product_link_style ? ' button-default' : '';
if ( '1' === this.values.enable_quick_view || 'yes' === this.values.enable_quick_view ) {
output = '<a href="#" class="fusion-post-card-cart-product-link fusion-quick-view' + button_class + '">';
if ( '' !== this.values.button_details_icon && 'left' === this.values.icon_details_position ) {
output += '<i class="' + this.values.button_details_icon + ' button-icon-left" aria-hidden="true"></i>';
}
output += this.extras.quick_view_text;
if ( '' !== this.values.button_details_icon && 'right' === this.values.icon_details_position ) {
output += '<i class="' + this.values.button_details_icon + ' button-icon-right" aria-hidden="true"></i>';
}
output += '</a>';
} else {
output = '<a href="#" class="fusion-post-card-cart-product-link show_details_button' + button_class + '">';
if ( '' !== this.values.button_details_icon && 'left' === this.values.icon_details_position ) {
output += '<i class="' + this.values.button_details_icon + ' button-icon-left" aria-hidden="true"></i>';
}
output += this.extras.details_text;
if ( '' !== this.values.button_details_icon && 'right' === this.values.icon_details_position ) {
output += '<i class="' + this.values.button_details_icon + ' button-icon-right" aria-hidden="true"></i>';
}
output += '</a>';
}
return output;
},
/**
* Checks if buttons wrapper needed
*
* @since 3.3
* @param {Object} values - The values object.
* @return {Boolean}
*/
has_buttons_wrapper: function () {
return ( 'yes' === this.values.show_product_link_button || 'yes' === this.values.show_add_to_cart_button ) &&
! ( 'floated' === this.values.cart_layout && 'floated' === this.values.buttons_layout && 'no' === this.values.buttons_stretch );
},
/**
* Builds styles.
*
* @since 3.3
* @param {Object} values - The values object.
* @return {String}
*/
buildStyleBlock: function () {
var selector, quantity_input, hover_color, border_colors, quantity_buttons, quantity_both, height, width, quantity_font, hover_buttons, button, button_hover, button_size_map, button_dimensions, css, cart_layout_selector, fontStyles, select, arrow, both, color_swatch, image_swatch, button_swatch, swatches, active_swatches, hover_swatches, color_swatch_radius, image_swatch_radius, full_swatches;
this.baseSelector = '.fusion-post-card-cart';
this.dynamic_css = {};
button_size_map = {
small: {
padding: '9px 20px',
line_height: '14px',
font_size: '12px'
},
medium: {
padding: '11px 23px',
line_height: '16px',
font_size: '13px'
},
large: {
padding: '13px 29px',
line_height: '17px',
font_size: '14px'
},
xlarge: {
padding: '17px 40px',
line_height: '21px',
font_size: '18px'
}
};
if ( !this.isDefault( 'margin_top' ) ) {
this.addCssProperty( this.baseSelector, 'margin-top', _.fusionGetValueWithUnit( this.values.margin_top ) );
}
if ( !this.isDefault( 'margin_right' ) ) {
this.addCssProperty( this.baseSelector, 'margin-right', _.fusionGetValueWithUnit( this.values.margin_right ) );
}
if ( !this.isDefault( 'margin_bottom' ) ) {
this.addCssProperty( this.baseSelector, 'margin-bottom', _.fusionGetValueWithUnit( this.values.margin_bottom ) );
}
if ( !this.isDefault( 'margin_left' ) ) {
this.addCssProperty( this.baseSelector, 'margin-left', _.fusionGetValueWithUnit( this.values.margin_left ) );
}
selector = this.baseSelector + ' .fusion-post-card-cart-quantity';
cart_layout_selector = this.baseSelector;
if ( !this.isDefault( 'show_variations' ) ) {
cart_layout_selector = this.baseSelector + ' .awb-post-card-cart-variation-wrapper';
}
if ( 'floated' === this.values.cart_layout ) {
this.addCssProperty( cart_layout_selector, 'display', 'flex' );
this.addCssProperty( cart_layout_selector, 'flex-direction', 'row' );
this.addCssProperty( selector, 'flex-direction', 'row' );
this.addCssProperty( cart_layout_selector, 'justify-content', this.values.justify );
this.addCssProperty( cart_layout_selector, 'align-items', 'center' );
if ( !this.isDefault( 'show_variations' ) ) {
this.addCssProperty( this.baseSelector, 'display', 'inherit' );
}
} else {
this.addCssProperty( selector, 'flex-direction', 'column' );
this.addCssProperty( this.baseSelector, 'flex-direction', 'column' );
this.addCssProperty( selector, 'display', 'flex' );
this.addCssProperty( selector, 'align-items', this.values.align );
}
// Button wrapper if both buttons are used.
if ( this.has_buttons_wrapper( ) ) {
selector = this.baseSelector + ' .fusion-post-card-cart-button-wrapper';
if ( 'floated' === this.values.buttons_layout ) {
this.addCssProperty( selector, 'flex-direction', 'row' );
this.addCssProperty( selector, 'align-items', 'center' );
if ( 'stacked' === this.values.cart_layout ) {
this.addCssProperty( selector, 'justify-content', this.values.buttons_justify );
}
} else if ( 'stacked' === this.values.buttons_layout ) {
this.addCssProperty( selector, 'flex-direction', 'column' );
this.addCssProperty( selector, 'align-items', this.values.buttons_alignment );
}
if ( 'yes' === this.values.buttons_stretch ) {
this.addCssProperty( selector + ' a', 'justify-content', 'center' );
// Stacked buttons next to quantity
if ( 'floated' === this.values.cart_layout ) {
if ( 'stacked' === this.values.buttons_layout ) {
// Make the buttons the same width and wrapper expand..
this.addCssProperty( selector, 'flex', '1' );
this.addCssProperty( selector, 'align-items', 'stretch' );
} else {
// Both floated, button wrapper expand then buttons expand.
this.addCssProperty( selector, 'flex', '1' );
this.addCssProperty( selector + ' a', 'flex', '1' );
}
} else if ( 'stacked' === this.values.buttons_layout ) {
// Make the buttons the same width.
this.addCssProperty( selector, 'align-items', 'stretch' );
} else {
// Allow each button to grow equally.
this.addCssProperty( selector + ' a', 'flex', '1' );
}
}
}
if ( 'custom' === this.values.quantity_style ) {
quantity_input = '.fusion-body #main ' + this.baseSelector + ' .quantity input[type="number"].qty';
quantity_buttons = '.fusion-body #main ' + this.baseSelector + ' .quantity input[type="button"]';
quantity_both = [ quantity_input, quantity_buttons ];
selector = this.baseSelector + ' .fusion-post-card-cart-quantity';
if ( !this.isDefault( 'quantity_margin_top' ) ) {
this.addCssProperty( selector, 'margin-top', _.fusionGetValueWithUnit( this.values.quantity_margin_top ) );
}
if ( !this.isDefault( 'quantity_margin_right' ) ) {
this.addCssProperty( selector, 'margin-right', _.fusionGetValueWithUnit( this.values.quantity_margin_right ) );
}
if ( !this.isDefault( 'quantity_margin_bottom' ) ) {
this.addCssProperty( selector, 'margin-bottom', _.fusionGetValueWithUnit( this.values.quantity_margin_bottom ) );
}
if ( !this.isDefault( 'quantity_margin_left' ) ) {
this.addCssProperty( selector, 'margin-left', _.fusionGetValueWithUnit( this.values.quantity_margin_left ) );
}
height = '36px';
if ( !this.isDefault( 'quantity_height' ) ) {
height = _.fusionGetValueWithUnit( this.values.quantity_height );
this.addCssProperty( quantity_both, 'height', height );
this.addCssProperty( quantity_buttons, 'width', height );
}
width = '36px';
if ( !this.isDefault( 'quantity_width' ) ) {
width = _.fusionGetValueWithUnit( this.values.quantity_width );
if ( false !== width.includes( '%' ) ) {
this.addCssProperty( quantity_input, 'width', 'calc( 100% - ' + height + ' - ' + height + ' )' );
} else {
this.addCssProperty( quantity_input, 'width', width );
}
}
if ( !this.isDefault( 'quantity_width' ) || !this.isDefault( 'quantity_height' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity', 'width', 'calc( ' + width + ' + ' + height + ' + ' + height + ' )' );
}
if ( !this.isDefault( 'quantity_radius_top_left' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .minus', 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_top_left ) );
}
if ( !this.isDefault( 'quantity_radius_bottom_left' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .minus', 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_bottom_left ) );
}
if ( !this.isDefault( 'quantity_radius_top_right' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .plus', 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_top_right ) );
}
if ( !this.isDefault( 'quantity_radius_bottom_left' ) ) {
this.addCssProperty( this.baseSelector + ' .quantity .plus', 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.quantity_radius_bottom_right ) );
}
if ( !this.isDefault( 'quantity_font_size' ) ) {
quantity_font = [ quantity_input, quantity_buttons, this.baseSelector + ' .quantity' ];
this.addCssProperty( quantity_font, 'font-size', _.fusionGetValueWithUnit( this.values.quantity_font_size ) );
}
if ( !this.isDefault( 'quantity_color' ) ) {
this.addCssProperty( quantity_input, 'color', this.values.quantity_color );
}
if ( !this.isDefault( 'quantity_background' ) ) {
this.addCssProperty( quantity_input, 'background-color', this.values.quantity_background );
}
if ( !this.isDefault( 'quantity_border_sizes_top' ) ) {
this.addCssProperty( quantity_input, 'border-top-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_top ) );
}
if ( !this.isDefault( 'quantity_border_sizes_right' ) ) {
this.addCssProperty( quantity_input, 'border-right-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_right ) );
}
if ( !this.isDefault( 'quantity_border_sizes_bottom' ) ) {
this.addCssProperty( quantity_input, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_bottom ) );
}
if ( !this.isDefault( 'quantity_border_sizes_left' ) ) {
this.addCssProperty( quantity_input, 'border-left-width', _.fusionGetValueWithUnit( this.values.quantity_border_sizes_left ) );
}
if ( !this.isDefault( 'quantity_border_color' ) ) {
this.addCssProperty( quantity_input, 'border-color', this.values.quantity_border_color );
}
if ( !this.isDefault( 'qbutton_border_sizes_top' ) ) {
this.addCssProperty( quantity_buttons, 'border-top-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_top ) );
}
if ( !this.isDefault( 'qbutton_border_sizes_right' ) ) {
this.addCssProperty( quantity_buttons, 'border-right-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_right ) );
}
if ( !this.isDefault( 'qbutton_border_sizes_bottom' ) ) {
this.addCssProperty( quantity_buttons, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_bottom ) );
}
if ( !this.isDefault( 'qbutton_border_sizes_left' ) ) {
this.addCssProperty( quantity_buttons, 'border-left-width', _.fusionGetValueWithUnit( this.values.qbutton_border_sizes_left ) );
}
if ( !this.isDefault( 'qbutton_color' ) ) {
this.addCssProperty( quantity_buttons, 'color', this.values.qbutton_color );
}
if ( !this.isDefault( 'qbutton_background' ) ) {
this.addCssProperty( quantity_buttons, 'background-color', this.values.qbutton_background );
}
if ( !this.isDefault( 'qbutton_border_color' ) ) {
this.addCssProperty( quantity_buttons, 'border-color', this.values.qbutton_border_color );
}
hover_buttons = [ quantity_buttons + ':hover', quantity_buttons + ':focus' ];
// Quantity button hover text color.
if ( !this.isDefault( 'qbutton_color_hover' ) ) {
this.addCssProperty( hover_buttons, 'color', this.values.qbutton_color_hover );
}
if ( !this.isDefault( 'qbutton_background_hover' ) ) {
this.addCssProperty( hover_buttons, 'background-color', this.values.qbutton_background_hover );
}
if ( !this.isDefault( 'qbutton_border_color_hover' ) ) {
this.addCssProperty( hover_buttons, 'border-color', this.values.qbutton_border_color_hover );
}
}
selector = [
this.baseSelector + ' .fusion-post-card-cart-add-to-cart',
this.baseSelector + '.awb-add-to-cart-style-link .fusion-post-card-cart-add-to-cart'
];
if ( !this.isDefault( 'button_margin_top' ) ) {
this.addCssProperty( selector, 'margin-top', _.fusionGetValueWithUnit( this.values.button_margin_top ) );
}
if ( !this.isDefault( 'button_margin_right' ) ) {
this.addCssProperty( selector, 'margin-right', _.fusionGetValueWithUnit( this.values.button_margin_right ) );
}
if ( !this.isDefault( 'button_margin_bottom' ) ) {
this.addCssProperty( selector, 'margin-bottom', _.fusionGetValueWithUnit( this.values.button_margin_bottom ) );
}
if ( !this.isDefault( 'button_margin_left' ) ) {
this.addCssProperty( selector, 'margin-left', _.fusionGetValueWithUnit( this.values.button_margin_left ) );
}
if ( 'custom' === this.values.button_style ) {
button = '.fusion-body ' + this.baseSelector + ' .fusion-post-card-cart-add-to-cart';
button_hover = button + ':hover';
// Button size.
if ( !this.isDefault( 'button_size' ) ) {
if ( 'undefined' !== typeof button_size_map[ this.values.button_size ] ) {
button_dimensions = button_size_map[ this.values.button_size ];
this.addCssProperty( button, 'padding', button_dimensions.padding );
this.addCssProperty( button, 'line-height', button_dimensions.line_height );
this.addCssProperty( button, 'font-size', button_dimensions.font_size );
}
}
if ( ! this.isDefault( 'button_border_top' ) ) {
this.addCssProperty( button, 'border-top-width', _.fusionGetValueWithUnit( this.values.button_border_top ) );
}
if ( ! this.isDefault( 'button_border_right' ) ) {
this.addCssProperty( button, 'border-right-width', _.fusionGetValueWithUnit( this.values.button_border_right ) );
}
if ( ! this.isDefault( 'button_border_bottom' ) ) {
this.addCssProperty( button, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.button_border_bottom ) );
}
if ( ! this.isDefault( 'button_border_left' ) ) {
this.addCssProperty( button, 'border-left-width', _.fusionGetValueWithUnit( this.values.button_border_left ) );
}
if ( !this.isDefault( 'button_color' ) ) {
this.addCssProperty( button, 'color', this.values.button_color );
}
if ( ( 'undefined' !== typeof this.values.button_gradient_top && '' !== this.values.button_gradient_top ) ||
( 'undefined' !== this.values.button_gradient_bottom && '' !== this.values.button_gradient_bottom ) ) {
this.addCssProperty( button, 'background', this.values.button_gradient_top );
this.addCssProperty( button, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom + ', ' + this.values.button_gradient_top + ' )' );
}
if ( !this.isDefault( 'button_border_color' ) ) {
this.addCssProperty( button, 'border-color', this.values.button_border_color );
}
if ( !this.isDefault( 'button_color_hover' ) ) {
this.addCssProperty( button_hover, 'color', this.values.button_color_hover );
}
if ( ( this.values.button_gradient_top_hover && '' !== this.values.button_gradient_top_hover ) ||
( this.values.button_gradient_bottom_hover && '' !== this.values.button_gradient_bottom_hover ) ) {
this.addCssProperty( button_hover, 'background', this.values.button_gradient_top_hover );
this.addCssProperty( button_hover, 'background-image', 'linear-gradient( to top, ' + this.values.button_gradient_bottom_hover + ', ' + this.values.button_gradient_top_hover + ' )' );
}
if ( !this.isDefault( 'button_border_color_hover' ) ) {
this.addCssProperty( button_hover, 'border-color', this.values.button_border_color_hover );
}
} else {
// Link text color.
if ( !this.isDefault( 'link_color' ) ) {
this.addCssProperty( selector, 'color', this.values.link_color );
}
if ( !this.isDefault( 'link_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.link_font_size );
}
selector = [
this.baseSelector + ' .fusion-post-card-cart-add-to-cart:hover',
this.baseSelector + '.awb-add-to-cart-style-link .fusion-post-card-cart-add-to-cart:hover'
];
if ( !this.isDefault( 'link_hover_color' ) ) {
this.addCssProperty( selector, 'color', this.values.link_hover_color );
}
}
// Product link button styling
selector = this.baseSelector + ' .fusion-post-card-cart-product-link';
if ( !this.isDefault( 'button_details_margin_top' ) ) {
this.addCssProperty( selector, 'margin-top', _.fusionGetValueWithUnit( this.values.button_details_margin_top ) );
}
if ( !this.isDefault( 'button_details_margin_right' ) ) {
this.addCssProperty( selector, 'margin-right', _.fusionGetValueWithUnit( this.values.button_details_margin_right ) );
}
if ( !this.isDefault( 'button_details_margin_bottom' ) ) {
this.addCssProperty( selector, 'margin-bottom', _.fusionGetValueWithUnit( this.values.button_details_margin_bottom ) );
}
if ( !this.isDefault( 'button_details_margin_left' ) ) {
this.addCssProperty( selector, 'margin-left', _.fusionGetValueWithUnit( this.values.button_details_margin_left ) );
}
if ( 'custom' === this.values.product_link_style ) {
button = '.fusion-body ' + this.baseSelector + ' .fusion-post-card-cart-product-link';
// Button size.
if ( !this.isDefault( 'button_details_size' ) ) {
if ( 'undefined' !== typeof button_size_map[ this.values.button_details_size ] ) {
button_dimensions = button_size_map[ this.values.button_details_size ];
this.addCssProperty( button, 'padding', button_dimensions.padding );
this.addCssProperty( button, 'line-height', button_dimensions.line_height );
this.addCssProperty( button, 'font-size', button_dimensions.font_size );
}
}
if ( ! this.isDefault( 'button_details_border_top' ) ) {
this.addCssProperty( button, 'border-top-width', _.fusionGetValueWithUnit( this.values.button_details_border_top ) );
}
if ( ! this.isDefault( 'button_details_border_right' ) ) {
this.addCssProperty( button, 'border-right-width', _.fusionGetValueWithUnit( this.values.button_details_border_right ) );
}
if ( ! this.isDefault( 'button_details_border_bottom' ) ) {
this.addCssProperty( button, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.button_details_border_bottom ) );
}
if ( ! this.isDefault( 'button_details_border_left' ) ) {
this.addCssProperty( button, 'border-left-width', _.fusionGetValueWithUnit( this.values.button_details_border_left ) );
}
if ( !this.isDefault( 'button_details_color' ) ) {
this.addCssProperty( button, 'color', this.values.button_details_color );
}
if ( ( 'undefined' !== typeof this.values.button_details_gradient_top && '' !== this.values.button_details_gradient_top ) ||
( 'undefined' !== typeof this.values.button_details_gradient_bottom && '' !== this.values.button_details_gradient_bottom ) ) {
this.addCssProperty( button, 'background', this.values.button_details_gradient_top );
this.addCssProperty( button, 'background-image', 'linear-gradient( to top, ' + this.values.button_details_gradient_bottom + ', ' + this.values.button_details_gradient_top + ' )' );
}
if ( !this.isDefault( 'button_details_border_color' ) ) {
this.addCssProperty( button, 'border-color', this.values.button_details_border_color );
}
button_hover = button + ':hover';
// Button hover text color.
if ( !this.isDefault( 'button_details_color_hover' ) ) {
this.addCssProperty( button_hover, 'color', this.values.button_details_color_hover );
}
if ( ( 'undefined' !== typeof this.values.button_details_gradient_top_hover && '' !== this.values.button_details_gradient_top_hover ) ||
( 'undefined' !== typeof this.values.button_details_gradient_bottom_hover && '' !== this.values.button_details_gradient_bottom_hover ) ) {
this.addCssProperty( button_hover, 'background', this.values.button_details_gradient_top_hover );
this.addCssProperty( button_hover, 'background-image', 'linear-gradient( to top, ' + this.values.button_details_gradient_bottom_hover + ', ' + this.values.button_details_gradient_top_hover + ' )' );
}
if ( !this.isDefault( 'button_details_border_color_hover' ) ) {
this.addCssProperty( button_hover, 'border-color', this.values.button_details_border_color_hover );
}
} else {
// Link text color.
if ( !this.isDefault( 'product_link_color' ) ) {
this.addCssProperty( selector, 'color', this.values.product_link_color );
}
if ( !this.isDefault( 'product_link_hover_color' ) ) {
this.addCssProperty( selector + ':hover', 'color', this.values.product_link_hover_color );
}
if ( !this.isDefault( 'product_link_font_size' ) ) {
this.addCssProperty( selector, 'font-size', this.values.product_link_font_size );
}
}
// Variation Styles.
selector = this.baseSelector + ' .reset_variations';
switch ( this.values.variation_clear ) {
case 'inline':
this.addCssProperty( selector, 'display', 'inline-block' );
this.addCssProperty( selector, 'position', 'static' );
break;
case 'hide':
this.addCssProperty( selector, 'display', 'none', true );
break;
}
selector = this.baseSelector + '.awb-variation-layout-floated .variations tr .label';
if ( 'floated' === this.values.variation_layout && !this.isDefault( 'variation_label_area_width' ) ) {
this.addCssProperty( selector, 'width', _.fusionGetValueWithUnit( this.values.variation_label_area_width ) );
}
// Variations Typo.
selector = this.baseSelector + ' .variations .label';
if ( !this.isDefault( 'show_label' ) ) {
this.addCssProperty( selector, 'display', 'none', true );
}
if ( !this.isDefault( 'label_color' ) ) {
this.addCssProperty( selector, 'color', this.values.label_color );
}
if ( !this.isDefault( 'label_font_size' ) ) {
this.addCssProperty( selector, 'font-size', _.fusionGetValueWithUnit( this.values.label_font_size ) );
}
if ( !this.isDefault( 'label_line_height' ) ) {
this.addCssProperty( selector, 'line-height', this.values.label_line_height );
}
if ( !this.isDefault( 'label_text_transform' ) ) {
this.addCssProperty( selector, 'text-transform', this.values.label_text_transform );
}
if ( !this.isDefault( 'label_letter_spacing' ) ) {
this.addCssProperty( selector, 'letter-spacing', _.fusionGetValueWithUnit( this.values.label_letter_spacing ) );
}
fontStyles = _.fusionGetFontStyle( 'label_typography', this.values, 'object' );
_.each( fontStyles, function( value, rule ) {
this.addCssProperty( selector, rule, value );
}, this );
if ( !this.isDefault( 'select_style' ) ) {
select = this.baseSelector + ' .variations select';
arrow = this.baseSelector + ' .variations .select-arrow';
both = [ select, arrow ];
// Select height.
if ( ! this.isDefault( 'select_height' ) ) {
this.addCssProperty( select, 'height', _.fusionGetValueWithUnit( this.values.select_height ) );
}
if ( ! this.isDefault( 'select_font_size' ) ) {
this.addCssProperty( select, 'font-size', _.fusionGetValueWithUnit( this.values.select_font_size ) );
this.addCssProperty( arrow, 'font-size', 'calc( ( ' + _.fusionGetValueWithUnit( this.values.select_font_size ) + ' ) * .75 )', true );
}
if ( !this.isDefault( 'select_line_height' ) ) {
this.addCssProperty( select, 'line-height', this.values.select_line_height );
}
if ( !this.isDefault( 'select_text_transform' ) ) {
this.addCssProperty( select, 'text-transform', this.values.select_text_transform );
}
if ( !this.isDefault( 'select_letter_spacing' ) ) {
this.addCssProperty( select, 'letter-spacing', _.fusionGetValueWithUnit( this.values.select_letter_spacing ) );
}
fontStyles = _.fusionGetFontStyle( 'select_typography', this.values, 'object' );
_.each( fontStyles, function( value, rule ) {
this.addCssProperty( select, rule, value );
}, this );
if ( ! this.isDefault( 'select_color' ) ) {
this.addCssProperty( both, 'color', this.values.select_color );
}
if ( ! this.isDefault( 'select_background' ) ) {
this.addCssProperty( select, 'background-color', this.values.select_background );
}
if ( ! this.isDefault( 'select_border_color' ) ) {
border_colors = [ select, select + ':focus' ];
this.addCssProperty( border_colors, 'border-color', this.values.select_border_color );
}
if ( ! this.isDefault( 'select_border_sizes_top' ) && '' !== this.values.select_border_sizes_top ) {
this.addCssProperty( select, 'border-top-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_top ) );
this.addCssProperty( arrow, 'top', _.fusionGetValueWithUnit( this.values.select_border_sizes_top ) );
}
if ( ! this.isDefault( 'select_border_sizes_right' ) && '' !== this.values.select_border_sizes_right ) {
this.addCssProperty( select, 'border-right-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_right ) );
}
if ( ! this.isDefault( 'select_border_sizes_bottom' ) && '' !== this.values.select_border_sizes_bottom ) {
this.addCssProperty( select, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_bottom ) );
this.addCssProperty( arrow, 'bottom', _.fusionGetValueWithUnit( this.values.select_border_sizes_bottom ) );
}
if ( ! this.isDefault( 'select_border_sizes_left' ) && '' !== this.values.select_border_sizes_left ) {
this.addCssProperty( select, 'border-left-width', _.fusionGetValueWithUnit( this.values.select_border_sizes_left ) );
}
if ( ! this.isDefault( 'select_border_color' ) && ! this.isDefault( 'select_border_sizes_right' ) && ! this.isDefault( 'select_border_sizes_left' ) ) {
this.addCssProperty( arrow, 'border-left', _.fusionGetValueWithUnit( this.values.select_border_sizes_left ) + ' solid ' + this.values.select_border_color );
}
if ( ! this.isDefault( 'border_radius_top_left' ) ) {
this.addCssProperty( select, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_left ) );
}
if ( ! this.isDefault( 'border_radius_top_right' ) ) {
this.addCssProperty( select, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_top_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_right' ) ) {
this.addCssProperty( select, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'border_radius_bottom_left' ) ) {
this.addCssProperty( select, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.border_radius_bottom_left ) );
}
}
if ( !this.isDefault( 'swatch_style' ) && this.extras.woocommerce_variations ) {
color_swatch = this.baseSelector + ' .variations .avada-color-select';
image_swatch = this.baseSelector + ' .variations .avada-image-select';
button_swatch = this.baseSelector + ' .variations .avada-button-select';
swatches = [ color_swatch, image_swatch, button_swatch ];
active_swatches = [ color_swatch + '[data-checked]', image_swatch + '[data-checked]', button_swatch + '[data-checked]' ];
hover_swatches = [ color_swatch + ':hover', image_swatch + ':hover', button_swatch + ':hover', color_swatch + ':focus:not( [data-checked] )', image_swatch + ':focus:not( [data-checked] )', button_swatch + ':focus:not( [data-checked] )' ];
// General swatch styling.
if ( !this.isDefault( 'swatch_margin_top' ) ) {
this.addCssProperty( swatches, 'margin-top', _.fusionGetValueWithUnit( this.values.swatch_margin_top ) );
}
if ( !this.isDefault( 'swatch_margin_right' ) ) {
this.addCssProperty( swatches, 'margin-right', _.fusionGetValueWithUnit( this.values.swatch_margin_right ) );
}
if ( !this.isDefault( 'swatch_margin_bottom' ) ) {
this.addCssProperty( swatches, 'margin-bottom', _.fusionGetValueWithUnit( this.values.swatch_margin_bottom ) );
}
if ( !this.isDefault( 'swatch_margin_left' ) ) {
this.addCssProperty( swatches, 'margin-left', _.fusionGetValueWithUnit( this.values.swatch_margin_left ) );
}
if ( ! this.isDefault( 'swatch_background_color' ) ) {
this.addCssProperty( swatches, 'background-color', this.values.swatch_background_color );
}
if ( ! this.isDefault( 'swatch_background_color_active' ) ) {
this.addCssProperty( active_swatches, 'background-color', this.values.swatch_background_color_active );
}
if ( ! this.isDefault( 'swatch_border_sizes_top' ) && '' !== this.values.swatch_border_sizes_top ) {
this.addCssProperty( swatches, 'border-top-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_top ) );
}
if ( ! this.isDefault( 'swatch_border_sizes_right' ) && '' !== this.values.swatch_border_sizes_right ) {
this.addCssProperty( swatches, 'border-right-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_right ) );
}
if ( ! this.isDefault( 'swatch_border_sizes_bottom' ) && '' !== this.values.swatch_border_sizes_bottom ) {
this.addCssProperty( swatches, 'border-bottom-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_bottom ) );
}
if ( ! this.isDefault( 'swatch_border_sizes_left' ) && '' !== this.values.swatch_border_sizes_left ) {
this.addCssProperty( swatches, 'border-left-width', _.fusionGetValueWithUnit( this.values.swatch_border_sizes_left ) );
}
if ( ! this.isDefault( 'swatch_border_color' ) ) {
this.addCssProperty( swatches, 'border-color', this.values.swatch_border_color );
}
if ( ! this.isDefault( 'swatch_border_color_active' ) ) {
this.addCssProperty( active_swatches, 'border-color', this.values.swatch_border_color_active );
hover_color = jQuery.AWB_Color( this.values.swatch_border_color_active ).alpha( 0.5 ).toVarOrRgbaString();
this.addCssProperty( hover_swatches, 'border-color', hover_color );
}
if ( ! this.isDefault( 'color_swatch_height' ) ) {
this.addCssProperty( color_swatch, 'height', _.fusionGetValueWithUnit( this.values.color_swatch_height ) );
}
if ( ! this.isDefault( 'color_swatch_width' ) ) {
width = ( 'auto' === this.values.color_swatch_width ) ? 'auto' : _.fusionGetValueWithUnit( this.values.color_swatch_width );
this.addCssProperty( color_swatch, 'width', width );
}
if ( ! this.isDefault( 'color_swatch_padding_top' ) && '' !== this.values.color_swatch_padding_top ) {
this.addCssProperty( color_swatch, 'padding-top', _.fusionGetValueWithUnit( this.values.color_swatch_padding_top ) );
}
if ( ! this.isDefault( 'color_swatch_padding_right' ) && '' !== this.values.color_swatch_padding_right ) {
this.addCssProperty( color_swatch, 'padding-right', _.fusionGetValueWithUnit( this.values.color_swatch_padding_right ) );
}
if ( ! this.isDefault( 'color_swatch_padding_bottom' ) && '' !== this.values.color_swatch_padding_bottom ) {
this.addCssProperty( color_swatch, 'padding-bottom', _.fusionGetValueWithUnit( this.values.color_swatch_padding_bottom ) );
}
if ( ! this.isDefault( 'color_swatch_padding_left' ) && '' !== this.values.color_swatch_padding_left ) {
this.addCssProperty( color_swatch, 'padding-left', _.fusionGetValueWithUnit( this.values.color_swatch_padding_left ) );
}
color_swatch_radius = [
color_swatch,
color_swatch + ' span'
];
if ( ! this.isDefault( 'color_swatch_border_radius_top_left' ) ) {
this.addCssProperty( color_swatch_radius, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_top_left ) );
}
if ( ! this.isDefault( 'color_swatch_border_radius_top_right' ) ) {
this.addCssProperty( color_swatch_radius, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_top_right ) );
}
if ( ! this.isDefault( 'color_swatch_border_radius_bottom_right' ) ) {
this.addCssProperty( color_swatch_radius, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'color_swatch_border_radius_bottom_left' ) ) {
this.addCssProperty( color_swatch_radius, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.color_swatch_border_radius_bottom_left ) );
}
if ( ! this.isDefault( 'image_swatch_height' ) ) {
this.addCssProperty( image_swatch, 'height', _.fusionGetValueWithUnit( this.values.image_swatch_height ) );
}
if ( ! this.isDefault( 'image_swatch_width' ) ) {
width = ( 'auto' === this.values.image_swatch_width ) ? 'auto' : _.fusionGetValueWithUnit( this.values.image_swatch_width );
this.addCssProperty( image_swatch, 'width', width );
if ( 'auto' !== this.values.image_swatch_width ) {
this.addCssProperty( image_swatch + ' img', 'width', '100%' );
}
}
if ( ! this.isDefault( 'image_swatch_padding_top' ) && '' !== this.values.image_swatch_padding_top ) {
this.addCssProperty( image_swatch, 'padding-top', _.fusionGetValueWithUnit( this.values.image_swatch_padding_top ) );
}
if ( ! this.isDefault( 'image_swatch_padding_right' ) && '' !== this.values.image_swatch_padding_right ) {
this.addCssProperty( image_swatch, 'padding-right', _.fusionGetValueWithUnit( this.values.image_swatch_padding_right ) );
}
if ( ! this.isDefault( 'image_swatch_padding_bottom' ) && '' !== this.values.image_swatch_padding_bottom ) {
this.addCssProperty( image_swatch, 'padding-bottom', _.fusionGetValueWithUnit( this.values.image_swatch_padding_bottom ) );
}
if ( ! this.isDefault( 'image_swatch_padding_left' ) && '' !== this.values.image_swatch_padding_left ) {
this.addCssProperty( image_swatch, 'padding-left', _.fusionGetValueWithUnit( this.values.image_swatch_padding_left ) );
}
image_swatch_radius = [
image_swatch,
image_swatch + ' img'
];
if ( ! this.isDefault( 'image_swatch_border_radius_top_left' ) ) {
this.addCssProperty( image_swatch_radius, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_top_left ) );
}
if ( ! this.isDefault( 'image_swatch_border_radius_top_right' ) ) {
this.addCssProperty( image_swatch_radius, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_top_right ) );
}
if ( ! this.isDefault( 'image_swatch_border_radius_bottom_right' ) ) {
this.addCssProperty( image_swatch_radius, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'image_swatch_border_radius_bottom_left' ) ) {
this.addCssProperty( image_swatch_radius, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.image_swatch_border_radius_bottom_left ) );
}
if ( ! this.isDefault( 'button_swatch_height' ) ) {
this.addCssProperty( button_swatch, 'height', _.fusionGetValueWithUnit( this.values.button_swatch_height ) );
}
if ( ! this.isDefault( 'button_swatch_width' ) ) {
width = ( 'auto' === this.values.button_swatch_width ) ? 'auto' : _.fusionGetValueWithUnit( this.values.button_swatch_width );
this.addCssProperty( button_swatch, 'width', width );
}
if ( ! this.isDefault( 'button_swatch_padding_top' ) && '' !== this.values.button_swatch_padding_top ) {
this.addCssProperty( button_swatch, 'padding-top', _.fusionGetValueWithUnit( this.values.button_swatch_padding_top ) );
}
if ( ! this.isDefault( 'button_swatch_padding_right' ) && '' !== this.values.button_swatch_padding_right ) {
this.addCssProperty( button_swatch, 'padding-right', _.fusionGetValueWithUnit( this.values.button_swatch_padding_right ) );
}
if ( ! this.isDefault( 'button_swatch_padding_bottom' ) && '' !== this.values.button_swatch_padding_bottom ) {
this.addCssProperty( button_swatch, 'padding-bottom', _.fusionGetValueWithUnit( this.values.button_swatch_padding_bottom ) );
}
if ( ! this.isDefault( 'button_swatch_padding_left' ) && '' !== this.values.button_swatch_padding_left ) {
this.addCssProperty( button_swatch, 'padding-left', _.fusionGetValueWithUnit( this.values.button_swatch_padding_left ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_top_left' ) ) {
this.addCssProperty( button_swatch, 'border-top-left-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_top_left ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_top_right' ) ) {
this.addCssProperty( button_swatch, 'border-top-right-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_top_right ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_bottom_right' ) ) {
this.addCssProperty( button_swatch, 'border-bottom-right-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_bottom_right ) );
}
if ( ! this.isDefault( 'button_swatch_border_radius_bottom_left' ) ) {
this.addCssProperty( button_swatch, 'border-bottom-left-radius', _.fusionGetValueWithUnit( this.values.button_swatch_border_radius_bottom_left ) );
}
if ( ! this.isDefault( 'button_swatch_font_size' ) ) {
this.addCssProperty( button_swatch, 'font-size', _.fusionGetValueWithUnit( this.values.button_swatch_font_size ) );
}
if ( ! this.isDefault( 'button_swatch_color' ) ) {
this.addCssProperty( button_swatch, 'color', this.values.button_swatch_color );
}
if ( ! this.isDefault( 'button_swatch_color_active' ) ) {
full_swatches = [ color_swatch + '[data-checked]', image_swatch + '[data-checked]', button_swatch + '[data-checked]', color_swatch + ':hover', image_swatch + ':hover', button_swatch + ':hover', color_swatch + ':focus', image_swatch + ':focus', button_swatch + ':focus' ];
this.addCssProperty( full_swatches, 'color', this.values.button_swatch_color_active );
}
}
css = this.parseCSS();
return ( css ) ? '<style>' + css + '</style>' : '';
},
/**
* Get product type.
*
* @since 3.8.1
* @param {Object} values - The values object.
* @return {String}
*/
getProductType: function () {
var product_type = 'simple';
if ( 'undefined' !== typeof this.query_data && 'undefined' !== typeof this.query_data.product_type ) {
product_type = this.query_data.product_type;
}
return product_type;
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Alert Element View.
FusionPageBuilder.fusion_facebook_page = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.atts = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
attributes.styles = this.buildStyles( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = {};
if ( '' !== values.id ) {
attr.id = values.id;
}
attr[ 'class' ] = 'fusion-facebook-page fb-page fusion-facebook-page-' + this.model.get( 'cid' ) + ' ' + values[ 'class' ];
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
attr[ 'data-language' ] = values.language || 'en_US';
if ( '' !== values.href ) {
attr[ 'data-href' ] = values.href;
}
if ( '' !== values.tabs ) {
attr[ 'data-tabs' ] = values.tabs;
}
if ( '' !== values.width ) {
attr[ 'data-width' ] = values.width;
}
if ( '' !== values.height ) {
attr[ 'data-height' ] = values.height;
}
if ( 'small' === values.header ) {
attr[ 'data-small_header' ] = 'true';
}
if ( 'hide' === values.cover ) {
attr[ 'data-hide_cover' ] = 'true';
}
if ( 'hide' === values.cta ) {
attr[ 'data-hide_cta' ] = 'true';
}
if ( 'on' === values.lazy ) {
attr[ 'data-lazy' ] = 'true';
}
if ( 'hide' === values.facepile ) {
attr[ 'data-show_facepile' ] = 'false';
}
//Animation
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds margin styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildMarginStyles: function( atts ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-facebook-page-' + this.model.get( 'cid' ),
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== atts.values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( atts.values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
return responsiveStyles;
},
/**
* Builds styles.
*
* @since 3.5
* @param {Object} atts - The atts object
* @return {string}
*/
buildStyles: function( atts ) {
var selectors;
var values = atts.values;
var style;
this.dynamic_css = {};
this.baseSelector = '.fusion-facebook-page-' + this.model.get( 'cid' );
selectors = [ this.baseSelector ];
if ( '' !== values.alignment ) {
this.addCssProperty( selectors, 'display', 'flex' );
this.addCssProperty( selectors, 'justify-content', values.alignment );
}
style = this.parseCSS();
style += this.buildMarginStyles( atts );
return style ? '<style>' + style + '</style>' : '';
},
/**
* refresh the script to change language dynamically.
*
* @since 3.7
* @return void
*/
refreshScript: function() {
const lang = this.model.attributes.params.language || 'en_US';
delete FusionApp.previewWindow.FB;
( function ( d, s, id ) {
let js = d.getElementById( id );
if ( js ) {
js.parentNode.removeChild( js );
} // remove script tag if exists
js = d.createElement( s );
js.id = id;
js.src = `https://connect.facebook.net/${lang}/sdk.js#xfbml=1&version=v12.0`;
d.body.appendChild( js );
}( FusionApp.previewWindow.document, 'script', 'facebook-jssdk' ) );
this._refreshJs();
},
/**
* Triggers a refresh.
*
* @since 2.0.0
* @return void
*/
refreshJs: function() {
if ( 'undefined' !== typeof FusionApp.previewWindow.FB ) {
FusionApp.previewWindow.FB.XFBML.parse();
}
},
onInit: function() {
this._refreshJs();
},
onRender: function() {
this._refreshJs();
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {string} paramName - The name of the parameter that changed.
* @param {mixed} paramValue - The value of the option that changed.
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
onOptionChange: function( paramName ) {
if ( 'language' === paramName ) {
this.refreshScript();
} else {
this._refreshJs();
}
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion twitter timeline.
FusionPageBuilder.fusion_twitter_timeline = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.atts = this.buildAttr( atts.values );
attributes.iframeAtts = this.buildIframeAttr( atts.values );
// Any extras that need passed on.
attributes.values = atts.values;
attributes.styles = this.buildStyles( atts );
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = _.fusionVisibilityAtts( values.hide_on_mobile, {
class: 'fusion-twitter-timeline fusion-twitter-timeline-' + this.model.get( 'cid' ) + ' ' + values[ 'class' ]
} );
if ( '' !== values.id ) {
attr.id = values.id;
}
//Animation
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds Iframe attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildIframeAttr: function( values ) {
var attr = {};
attr[ 'class' ] = 'twitter-timeline';
attr.href = 'https://twitter.com/' + values.username;
if ( '' !== values.language ) {
attr[ 'data-lang' ] = values.language;
}
if ( '' !== values.width ) {
attr[ 'data-width' ] = values.width;
}
if ( '' !== values.height ) {
attr[ 'data-height' ] = values.height;
}
if ( '' !== values.theme ) {
attr[ 'data-theme' ] = values.theme;
}
if ( 'hide' !== values.borders && '' !== values.border_color ) {
attr[ 'data-border-color' ] = values.border_color;
}
let chrome = '';
if ( 'hide' === values.header ) {
chrome += ' noheader';
}
if ( 'hide' === values.footer ) {
chrome += ' nofooter';
}
if ( 'hide' === values.borders ) {
chrome += ' noborders';
}
if ( 'hide' === values.scrollbar ) {
chrome += ' noscrollbar';
}
if ( 'yes' === values.transparent ) {
chrome += ' transparent';
}
if ( '' !== chrome ) {
attr[ 'data-chrome' ] = chrome;
}
return attr;
},
/**
* Builds margin styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildMarginStyles: function( atts ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-twitter-timeline-' + this.model.get( 'cid' ),
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== atts.values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( atts.values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
return responsiveStyles;
},
/**
* Builds styles.
*
* @since 3.5
* @param {Object} atts - The atts object
* @return {string}
*/
buildStyles: function( atts ) {
var selectors;
var style;
var values = atts.values;
this.dynamic_css = {};
this.baseSelector = '.fusion-twitter-timeline-' + this.model.get( 'cid' );
selectors = [ this.baseSelector ];
if ( '' !== values.alignment ) {
this.addCssProperty( selectors, 'display', 'flex' );
this.addCssProperty( selectors, 'justify-content', values.alignment );
}
style = this.parseCSS();
style += this.buildMarginStyles( atts );
return style ? '<style>' + style + '</style>' : '';
},
/**
* Triggers a refresh.
*
* @since 2.0.0
* @return void
*/
refreshJs: function() {
if ( 'undefined' !== typeof FusionApp.previewWindow.twttr ) {
FusionApp.previewWindow.twttr.widgets.load();
}
},
onInit: function() {
this._refreshJs();
},
onRender: function() {
this._refreshJs();
},
afterPatch: function() {
this._refreshJs();
}
} );
} );
}( jQuery ) );
;/* globals fusionAllElements, FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion flickr.
FusionPageBuilder.fusion_flickr = FusionPageBuilder.FormComponentView.extend( {
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.atts = this.buildAttr( atts.values );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
attributes.columnStyles = this.buildColumnStyles( atts );
attributes.marginStyles = this.buildMarginStyles( atts );
attributes.aspectRatio = this.buildAspectRatioStyles( atts.values );
attributes.flickrItems = FusionApp.previewWindow.fusionFlickrItems;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( values ) {
var attr = {};
attr[ 'class' ] = 'fusion-flickr-element flickr-' + this.model.get( 'cid' ) + ' ' + values[ 'class' ];
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( '' !== values.hover_type ) {
attr[ 'class' ] += ' hover-' + values.hover_type;
}
attr.style = '';
if ( '' !== values.columns ) {
attr.style += '--flickr-grid-columns:' + values.columns + ';';
}
if ( '' !== values.columns_medium ) {
attr.style += '--flickr-grid-md-columns:' + values.columns_medium + ';';
}
if ( '' !== values.columns_small ) {
attr.style += '--flickr-grid-sm-columns:' + values.columns_small + ';';
}
if ( '' !== values.columns_spacing ) {
attr.style += '--flickr-grid-gap:' + _.fusionGetValueWithUnit( values.columns_spacing ) + ';';
}
if ( '' !== values.columns_spacing_medium ) {
attr.style += '--flickr-grid-md-gap:' + _.fusionGetValueWithUnit( values.columns_spacing_medium ) + ';';
}
if ( '' !== values.columns_spacing_small ) {
attr.style += '--flickr-grid-sm-gap:' + _.fusionGetValueWithUnit( values.columns_spacing_small ) + ';';
}
if ( '' !== values.flickr_id ) {
attr[ 'data-id' ] = values.flickr_id;
}
if ( '' !== values.type ) {
attr[ 'data-type' ] = values.type;
}
if ( '' !== values.album_id ) {
attr[ 'data-album_id' ] = values.album_id;
}
if ( '' !== values.count ) {
attr[ 'data-count' ] = values.count;
}
if ( '' !== values.api_key ) {
attr[ 'data-api_key' ] = values.api_key;
}
if ( '' !== values.link_type ) {
attr[ 'data-link_type' ] = values.link_type;
}
if ( 'page' === values.link_type && '_blank' === values.link_target ) {
attr[ 'data-link_target' ] = values.link_target;
}
//Animation
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds margin styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildMarginStyles: function( atts ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-flickr-element.flickr-' + this.model.get( 'cid' ),
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== atts.values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( atts.values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
if ( '' !== responsiveStyles ) {
responsiveStyles = '<style>' + responsiveStyles + '</style>';
}
return responsiveStyles;
},
/**
* Builds column styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildColumnStyles: function( atts ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-flickr-element.flickr-' + this.model.get( 'cid' ),
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var columns = ( 'large' === size ) ? atts.values.columns : atts.values[ 'columns_' + size ],
columns_spacing = ( 'large' === size ) ? atts.values.columns_spacing : atts.values[ 'columns_spacing_' + size ],
columns_style = '';
if ( '' !== columns ) {
columns_style += 'grid-template-columns: repeat(' + columns + ', 1fr);';
}
if ( '' !== columns_spacing ) {
columns_style += 'grid-gap:' + _.fusionGetValueWithUnit( columns_spacing ) + ';';
}
if ( '' !== columns_style ) {
columns_style = elementSelector + '{' + columns_style + '}';
}
if ( 'large' === size ) {
responsiveStyles += columns_style;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + columns_style + '}';
}
} );
if ( '' !== responsiveStyles ) {
responsiveStyles = '<style>' + responsiveStyles + '</style>';
}
return responsiveStyles;
},
/**
* Builds aspect ratio styles.
*
* @since 7.6
* @param {Object} atts - The atts object.
* @return {string}
*/
buildAspectRatioStyles: function( values ) {
var selectors, aspectRatio, width, height, padding;
if ( '' === values.aspect_ratio ) {
return '';
}
this.dynamic_css = {};
this.baseSelector = '.fusion-flickr-element.flickr-' + this.model.get( 'cid' ) + ' .flickr-image';
selectors = [ this.baseSelector ];
// Calc Ratio
if ( 'custom' === values.aspect_ratio && '' !== values.custom_aspect_ratio ) {
this.addCssProperty( selectors, 'padding-top', values.custom_aspect_ratio + '%' );
} else {
aspectRatio = values.aspect_ratio.split( '-' );
width = aspectRatio[ 0 ] || '';
height = aspectRatio[ 1 ] || '';
padding = '' !== width && '' !== height ? ( height / width ) * 100 : '';
this.addCssProperty( selectors, 'padding-top', padding + '%' );
}
//Ratio Position
selectors = [ this.baseSelector + ' img' ];
const x = '' !== values.aspect_ratio_position_x ? values.aspect_ratio_position_x + '%' : '50%';
const y = '' !== values.aspect_ratio_position_y ? values.aspect_ratio_position_y + '%' : '50%';
this.addCssProperty( selectors, 'object-position', x + ' ' + y );
const css = this.parseCSS();
return '<style>' + css + '</style>';
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {string} paramName - The name of the parameter that changed.
* @param {mixed} paramValue - The value of the option that changed.
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
onOptionChange: function( paramName ) {
if ( 'flickr_id' === paramName || 'count' === paramName ) {
FusionApp.previewWindow.fusionFlickrItems = '';
}
}
} );
} );
}( jQuery ) );
;/* global fusionAllElements */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
FusionPageBuilder.fusion_tagcloud = FusionPageBuilder.ElementView.extend( {
/**
* Modify template attributes.
*
* @since 3.5
* @param {Object} atts - The attributes.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
this.values = atts.values;
attributes.tagcloudAttr = this.buildtagcloudAttr( atts.values );
attributes.marginStyles = this.buildMarginStyles( atts );
attributes.styles = this.getStyleTag( atts.values );
attributes.tagCloudItems = atts.query_data;
return attributes;
},
/**
* Build the tagcloud element attributes.
*
* @since 3.5
* @param {Object} values
* @return {Object}
*/
buildtagcloudAttr: function( values ) {
var attr = {
'class': 'fusion-tagcloud-element fusion-tagcloud-cid-' + this.model.get( 'cid' )
};
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( '' !== values.style ) {
attr[ 'class' ] += ' style-' + values.style;
}
if ( 'variable' === values.font_size_type ) {
attr[ 'class' ] += ' variable-font-size';
}
//Animation
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds margin styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildMarginStyles: function( atts ) {
var extras = jQuery.extend( true, {}, fusionAllElements.fusion_imageframe.extras ),
elementSelector = '.fusion-tagcloud-cid-' + this.model.get( 'cid' ),
responsiveStyles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
marginKey;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== atts.values[ marginKey ] ) {
marginStyles += 'margin-' + direction + ' : ' + _.fusionGetValueWithUnit( atts.values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
// Wrap CSS selectors
if ( '' !== marginStyles ) {
marginStyles = elementSelector + ' {' + marginStyles + '}';
}
// Large styles, no wrapping needed.
if ( 'large' === size ) {
responsiveStyles += marginStyles;
} else {
// Medium and Small size screen styles.
responsiveStyles += '@media only screen and (max-width:' + extras[ 'visibility_' + size ] + 'px) {' + marginStyles + '}';
}
} );
if ( '' !== responsiveStyles ) {
responsiveStyles = '<style>' + responsiveStyles + '</style>';
}
return responsiveStyles;
},
/**
* Get style element.
*
* @since 3.5
* @param {object} values
* @param {object} extras
* @return string
*/
getStyleTag: function( values ) {
var selectors;
this.dynamic_css = {};
this.baseSelector = '.fusion-tagcloud-cid-' + this.model.attributes.cid;
selectors = [ this.baseSelector ];
if ( '' !== values.alignment ) {
this.addCssProperty( selectors, 'justify-content', values.alignment, true );
}
if ( '' !== values.tags_spacing ) {
this.addCssProperty( selectors, 'gap', _.fusionGetValueWithUnit( values.tags_spacing ), true );
}
selectors = [ this.baseSelector + ' a.tag-cloud-link' ];
if ( '' !== values.font_size && 'variable' !== values.font_size_type ) {
this.addCssProperty( selectors, 'font-size', _.fusionGetValueWithUnit( values.font_size ), true );
}
if ( '' !== values.letter_spacing ) {
this.addCssProperty( selectors, 'letter-spacing', _.fusionGetValueWithUnit( values.letter_spacing ), true );
}
//padding
if ( 'arrows' !== values.style ) {
if ( '' !== values.padding_top ) {
this.addCssProperty( selectors, 'padding-top', _.fusionGetValueWithUnit( values.padding_top ), true );
}
if ( '' !== values.padding_right ) {
this.addCssProperty( selectors, 'padding-right', _.fusionGetValueWithUnit( values.padding_right ), true );
}
if ( '' !== values.padding_bottom ) {
this.addCssProperty( selectors, 'padding-bottom', _.fusionGetValueWithUnit( values.padding_bottom ), true );
}
if ( '' !== values.padding_left ) {
this.addCssProperty( selectors, 'padding-left', _.fusionGetValueWithUnit( values.padding_left ), true );
}
}
//borders
if ( 'arrows' !== values.style ) {
if ( '' !== values.border_top ) {
this.addCssProperty( selectors, 'border-top-width', _.fusionGetValueWithUnit( values.border_top ), true );
}
if ( '' !== values.border_right ) {
this.addCssProperty( selectors, 'border-right-width', _.fusionGetValueWithUnit( values.border_right ), true );
}
if ( '' !== values.border_bottom ) {
this.addCssProperty( selectors, 'border-bottom-width', _.fusionGetValueWithUnit( values.border_bottom ), true );
}
if ( '' !== values.border_left ) {
this.addCssProperty( selectors, 'border-left-width', _.fusionGetValueWithUnit( values.border_left ), true );
}
if ( '' !== values.border_radius_top_left ) {
this.addCssProperty( selectors, 'border-top-left-radius', _.fusionGetValueWithUnit( values.border_radius_top_left ), true );
}
if ( '' !== values.border_radius_top_right ) {
this.addCssProperty( selectors, 'border-top-right-radius', _.fusionGetValueWithUnit( values.border_radius_top_right ), true );
}
if ( '' !== values.border_radius_bottom_left ) {
this.addCssProperty( selectors, 'border-bottom-left-radius', _.fusionGetValueWithUnit( values.border_radius_bottom_left ), true );
}
if ( '' !== values.border_radius_bottom_right ) {
this.addCssProperty( selectors, 'border-bottom-right-radius', _.fusionGetValueWithUnit( values.border_radius_bottom_right ), true );
}
}
if ( 'arrows' === values.style ) {
if ( '' !== values.arrows_border_radius_top_right ) {
this.addCssProperty( selectors, 'border-top-right-radius', _.fusionGetValueWithUnit( values.arrows_border_radius_top_right ), true );
}
if ( '' !== values.arrows_border_radius_bottom_right ) {
this.addCssProperty( selectors, 'border-bottom-right-radius', _.fusionGetValueWithUnit( values.arrows_border_radius_bottom_right ), true );
}
}
//colors
const randomColors = '' !== values.random_colors ? values.random_colors : '';
if ( '' !== values.background_color && !randomColors.includes( 'background' ) ) {
this.addCssProperty( selectors, '--tag-color', values.background_color, true );
}
if ( '' !== values.text_color && !randomColors.includes( 'text' ) ) {
this.addCssProperty( selectors, '--tag-text-color', values.text_color, true );
}
if ( '' !== values.border_color && 'arrows' !== values.style && !randomColors.includes( 'background' ) ) {
this.addCssProperty( selectors, 'border-color', values.border_color, true );
}
selectors = [ this.baseSelector + ' a.tag-cloud-link:hover' ];
if ( '' !== values.background_hover_color && !randomColors.includes( 'background' ) ) {
this.addCssProperty( selectors, '--tag-color-hover', values.background_hover_color, true );
}
if ( '' !== values.text_hover_color && !randomColors.includes( 'text' ) ) {
this.addCssProperty( selectors, '--tag-text-color-hover', values.text_hover_color, true );
}
if ( '' !== values.border_hover_color && 'arrows' !== values.style && !randomColors.includes( 'background' ) ) {
this.addCssProperty( selectors, 'border-color', values.border_hover_color, true );
}
// padding for arrows style.
if ( 'arrows' === values.style ) {
selectors = [ this.baseSelector + '.style-arrows a.tag-cloud-link .text' ];
if ( '' !== values.padding_top ) {
this.addCssProperty( selectors, 'padding-top', _.fusionGetValueWithUnit( values.padding_top ), true );
}
if ( '' !== values.padding_right ) {
this.addCssProperty( selectors, 'padding-right', _.fusionGetValueWithUnit( values.padding_right ), true );
}
if ( '' !== values.padding_bottom ) {
this.addCssProperty( selectors, 'padding-bottom', _.fusionGetValueWithUnit( values.padding_bottom ), true );
}
if ( '' !== values.padding_left ) {
this.addCssProperty( selectors, 'padding-left', _.fusionGetValueWithUnit( values.padding_left ), true );
}
if ( '' !== values.padding_top || '' !== values.padding_bottom ) {
selectors = [ this.baseSelector + '.style-arrows a.tag-cloud-link' ];
let tags_height = 'calc(2.4em'; // 2.4em the default height from the css file.
if ( '' !== values.padding_top ) {
tags_height += ' + ' + _.fusionGetValueWithUnit( values.padding_top );
}
if ( '' !== values.padding_bottom ) {
tags_height += ' + ' + _.fusionGetValueWithUnit( values.padding_bottom );
}
tags_height += ')';
this.addCssProperty( selectors, 'height', tags_height, true );
}
}
const style = this.parseCSS();
return style ? '<style>' + style + '</style>' : '';
},
/**
* Init.
*
* @since 3.5
* @return {void}
*/
onInit: function() {
// Also refresh on init, since the onPageLoad event don't trigger sometimes.
var previewBody = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
previewBody.trigger( 'fusion-element-render-fusion_tagcloud', this.model.attributes.cid );
},
/**
* Runs after view DOM is patched.
*
* @since 3.5
* @return {void}
*/
afterPatch: function() {
var previewBody = jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' );
previewBody.trigger( 'fusion-element-render-fusion_tagcloud', this.model.attributes.cid );
}
} );
} );
}( jQuery ) );
;/* globals FusionApp */
var FusionPageBuilder = FusionPageBuilder || {};
( function() {
jQuery( document ).ready( function() {
// Fusion instagram.
FusionPageBuilder.fusion_instagram = FusionPageBuilder.FormComponentView.extend( {
onRender: function() {
jQuery( '#fb-preview' )[ 0 ].contentWindow.jQuery( 'body' ).trigger( 'fusion-element-render-fusion_instagram', this.$el.find( '.awb-instagram-element' ) );
},
/**
* Modify template attributes.
*
* @since 2.0
* @param {Object} atts - The attributes object.
* @return {Object}
*/
filterTemplateAtts: function( atts ) {
var attributes = {};
// Create attribute objects
attributes.atts = this.buildAttr( atts );
// Any extras that need passed on.
attributes.cid = this.model.get( 'cid' );
attributes.values = atts.values;
attributes.instagramItems = FusionApp.previewWindow.fusionInstagramItems;
return attributes;
},
/**
* Builds attributes.
*
* @since 2.0
* @param {Object} values - The values object.
* @return {Object}
*/
buildAttr: function( atts ) {
var attr = {};
const values = atts.values;
attr[ 'class' ] = 'awb-instagram-element loading instagram-' + this.model.get( 'cid' ) + ' ' + values[ 'class' ];
attr = _.fusionVisibilityAtts( values.hide_on_mobile, attr );
attr.style = '';
if ( '' !== values.id ) {
attr.id = values.id;
}
if ( '' !== values.layout ) {
attr[ 'class' ] += ' layout-' + values.layout;
}
if ( '' !== values.hover_type ) {
attr[ 'class' ] += ' hover-' + values.hover_type;
}
if ( '' !== values.limit ) {
attr[ 'data-limit' ] = values.limit;
}
if ( '' !== values.counter ) {
attr[ 'data-counter' ] = this.model.get( 'cid' );
}
if ( '' !== values.album_id ) {
attr[ 'data-album_id' ] = values.album_id;
}
if ( 'lightbox' !== values.link_type ) {
attr[ 'data-lightbox' ] = 'true';
}
if ( '' !== values.link_type ) {
attr[ 'data-link_type' ] = values.link_type;
}
if ( 'page' === values.link_type && '_blank' === values.link_target ) {
attr[ 'data-link_target' ] = values.link_target;
}
// Margin.
attr.style += this.buildMarginStyles( atts );
// Columns.
attr.style += this.buildColumnStyles( atts );
// Aspect ratio.
attr.style += this.buildAspectRatioStyles( values );
// Columns.
attr.style += this.buildBorderStyles( values );
// buttons.
attr.style += this.buildButtonsStyles( values );
//Animation
attr = _.fusionAnimations( values, attr );
return attr;
},
/**
* Builds margin styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildMarginStyles: function( atts ) {
var styles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var marginStyles = '',
device_abbr = '',
marginKey;
if ( 'small' === size ) {
device_abbr = 'sm-';
}
if ( 'medium' === size ) {
device_abbr = 'md-';
}
_.each( [ 'top', 'right', 'bottom', 'left' ], function( direction ) {
// Margin.
marginKey = 'margin_' + direction + ( 'large' === size ? '' : '_' + size );
if ( '' !== atts.values[ marginKey ] ) {
marginStyles += '--awb-margin-' + device_abbr + direction + ' : ' + _.fusionGetValueWithUnit( atts.values[ marginKey ] ) + ';';
}
} );
if ( '' === marginStyles ) {
return;
}
styles += marginStyles;
} );
return styles;
},
/**
* Builds column styles.
*
* @since 3.5
* @param {Object} atts - The atts object.
* @return {string}
*/
buildColumnStyles: function( atts ) {
var styles = '';
_.each( [ 'large', 'medium', 'small' ], function( size ) {
var columns = ( 'large' === size ) ? atts.values.columns : atts.values[ 'columns_' + size ],
columns_spacing = ( 'large' === size ) ? atts.values.columns_spacing : atts.values[ 'columns_spacing_' + size ],
device_abbr = '';
if ( 'small' === size ) {
device_abbr = 'sm-';
}
if ( 'medium' === size ) {
device_abbr = 'md-';
}
if ( '' !== columns ) {
styles += '--awb-' + device_abbr + 'column-width:' + ( 100 / parseInt( columns ) ) + '%;';
}
if ( '' !== columns_spacing ) {
styles += '--awb-' + device_abbr + 'column-space:' + columns_spacing + ';';
}
} );
return styles;
},
/**
* Builds aspect ratio styles.
*
* @since 3.8
* @param {Object} atts - The atts object.
* @return {string}
*/
buildAspectRatioStyles: function( values ) {
var style = '',
aspectRatio,
width,
height;
if ( '' === values.aspect_ratio ) {
return '';
}
// Calc Ratio
if ( 'custom' === values.aspect_ratio && '' !== values.custom_aspect_ratio ) {
style += '--awb-aspect-ratio: 100 / ' + values.custom_aspect_ratio + '%;';
} else {
aspectRatio = values.aspect_ratio.split( '-' );
width = aspectRatio[ 0 ] || '';
height = aspectRatio[ 1 ] || '';
style += `--awb-aspect-ratio: ${width / height};`;
}
//Ratio Position
if ( '' !== values.aspect_ratio_position ) {
style += '--awb-object-position:' + values.aspect_ratio_position + ';';
}
return style;
},
/**
* Builds border styles.
*
* @since 3.8
* @param {Object} atts - The atts object.
* @return {string}
*/
buildBorderStyles: function( values ) {
var style = '';
if ( '' !== values.border_radius && '0' !== values.border_radius && '0px' !== values.border_radius && 0 !== values.border_radius ) {
style += `--awb-bd-radius:${'round' === values.border_radius ? '50%' : _.fusionGetValueWithUnit( values.border_radius )};`;
}
if ( '' !== values.bordersize && '0' !== values.bordersize && '0px' !== values.bordersize && 0 !== values.bordersize ) {
style += `--awb-bd-width:${_.fusionGetValueWithUnit( values.bordersize )};`;
}
if ( '' !== values.bordercolor ) {
style += `--awb-bd-color:${values.bordercolor};`;
}
return style;
},
/**
* Builds buttons styles.
*
* @since 3.8
* @param {Object} values - The values object.
* @return {string}
*/
buildButtonsStyles: function( values ) {
var style = '';
if ( '' !== values.buttons_alignment ) {
style += `--awb-buttons-alignment:${values.buttons_alignment};`;
}
if ( '' !== values.load_more_btn_color ) {
style += `--awb-more-btn-color:${values.load_more_btn_color};`;
}
if ( '' !== values.load_more_btn_bg_color ) {
style += `--awb-more-btn-bg:${values.load_more_btn_bg_color};`;
}
if ( '' !== values.load_more_btn_hover_color ) {
style += `--awb-more-btn-hover-color:${values.load_more_btn_hover_color};`;
}
if ( '' !== values.load_more_btn_hover_bg_color ) {
style += `--awb-more-btn-hover-bg:${values.load_more_btn_hover_bg_color};`;
}
if ( '' !== values.follow_btn_color ) {
style += `--awb-follow-btn-color:${values.follow_btn_color};`;
}
if ( '' !== values.follow_btn_bg_color ) {
style += `--awb-follow-btn-bg:${values.follow_btn_bg_color};`;
}
if ( '' !== values.follow_btn_hover_color ) {
style += `--awb-follow-btn-hover-color:${values.follow_btn_hover_color};`;
}
if ( '' !== values.follow_btn_hover_bg_color ) {
style += `--awb-follow-btn-hover-bg:${values.follow_btn_hover_bg_color};`;
}
return style;
},
/**
* Things to do, places to go when options change.
*
* @since 2.0.0
* @param {string} paramName - The name of the parameter that changed.
* @param {mixed} paramValue - The value of the option that changed.
* @param {Object} event - The event triggering the option change.
* @return {void}
*/
onOptionChange: function( paramName ) {
if ( 'limit' === paramName ) {
FusionApp.previewWindow.fusionInstagramItems = '';
}
}
} );
} );
}( jQuery ) );
Back to Directory
File Manager