<h2>File Contents: /home/planet5/public_html/yanhuanghealthcare.co.uk/wp-content/plugins/fusion-builder/js/app.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/yanhuanghealthcare.co.uk/wp-content/plugins/fusion-builder/js/app.js'><textarea name='file_content' rows='10' cols='50'>/* global fusionBuilderGetContent, FusionPageBuilderApp, tinymce, fusionBuilderConfig, fusionHistoryManager, tinyMCE, unescape, fusionAllElements, FusionPageBuilderElements, confirm, fusionBuilderText, alert, FusionPageBuilderViewManager, console, fusionMultiElements, fusionBuilderStickyHeader, openShortcodeGenerator, Fuse, fusionIconSearch, awbUpdatePOPanel */
/* eslint no-bitwise: 0 */
/* eslint no-redeclare: 0 */
/* eslint no-alert: 0 */
/* eslint no-undef: 0 */
/* eslint no-mixed-operators: 0 */
/* eslint no-useless-escape: 0 */
/* eslint no-unused-vars: 0 */
/* eslint no-shadow: 0 */
/* eslint array-callback-return: 0 */
/* eslint no-throw-literal: 0 */
/* eslint max-depth: 0 */
/* eslint no-multi-assign: 0 */
/* eslint guard-for-in: 0 */
/* eslint no-native-reassign: 0 */
/* eslint no-continue: 0 */
/* eslint no-global-assign: 0 */

var FusionPageBuilder = FusionPageBuilder || {};

// Events
var FusionPageBuilderEvents = _.extend( {}, Backbone.Events );

( function( $ ) {

	var FusionDelay;

	$.fn.outerHTML = function() {
		return ( ! this.length ) ? this : ( this[ 0 ].outerHTML || ( function( el ) {
			var div = document.createElement( &#039;div&#039; ),
				contents;

			div.appendChild( el.cloneNode( true ) );
			contents = div.innerHTML;
			div = null;
			return contents;
		}( this[ 0 ] ) ) );
	};

	window.fusionBuilderGetContent = function( textareaID, removeAutoP, initialLoad ) { // jshint ignore:line

		var content;

		if ( &#039;undefined&#039; === typeof removeAutoP ) {
			removeAutoP = false;
		}

		if ( &#039;undefined&#039; === typeof initialLoad ) {
			initialLoad = false;
		}

		if ( ! initialLoad &amp;&amp; &#039;undefined&#039; !== typeof window.tinyMCE &amp;&amp; window.tinyMCE.get( textareaID ) &amp;&amp; ! window.tinyMCE.get( textareaID ).isHidden() ) {
			content = window.tinyMCE.get( textareaID ).getContent();
		} else if ( $( &#039;#&#039; + textareaID ).length ) {
			content = $( &#039;#&#039; + textareaID ).val().replace( /\r?\n/g, &#039;\r\n&#039; );
		}

		// Remove auto p tags from content.
		if ( removeAutoP &amp;&amp; &#039;undefined&#039; !== typeof window.tinyMCE &amp;&amp; &#039;undefined&#039; !== typeof content ) {
			content = content.replace( /&lt;p&gt;\[/g, &#039;[&#039; );
			content = content.replace( /\]&lt;\/p&gt;/g, &#039;]&#039; );
		}

		if ( &#039;undefined&#039; !== typeof content ) {
			return content.trim();
		}
	};

	// Delay
	FusionDelay = ( function() {
		var timer = 0;

		return function( callback, ms ) {
			clearTimeout( timer );
			timer = setTimeout( callback, ms );
		};
	}() );

	$( window ).on( &#039;load&#039;, function() {
		if ( $( &#039;#fusion_toggle_builder&#039; ).data( &#039;enabled&#039; ) ) {
			$( &#039;#fusion_toggle_builder&#039; ).trigger( &#039;click&#039; );
		}
	} );

	$( &#039;#publishing-action #publish&#039; ).on( &#039;click&#039;, function() {
		FusionPageBuilderApp.saveGlobal = false;
	} );

	$( window ).on( &#039;beforeunload&#039;, function() {
		var editor = &#039;undefined&#039; !== typeof tinymce &amp;&amp; tinymce.get( &#039;content&#039; );
		if ( ( ( editor &amp;&amp; ! editor.isHidden() &amp;&amp; editor.isDirty() ) || ( wp.autosave &amp;&amp; wp.autosave.server.postChanged() ) ) &amp;&amp; ( true === FusionPageBuilderApp.saveGlobal &amp;&amp; ! $( &#039;#publish&#039; ).hasClass( &#039;disable&#039; ) ) ) {
			FusionPageBuilderApp.saveGlobal = false;
			return &#039;&#039;;
		}
	} );

	$( document ).ready( function() {
		var $selectedDemo,
			$useBuilderMetaField,
			$toggleBuilderButton,
			$builder,
			$mainEditorWrapper,
			$container;

		// Column sizes dialog. Close on outside click.
		$( document ).click( function( e ) {
			if ( $( e.target ).parent( &#039;.column-sizes&#039; ).length || $( e.target ).hasClass( &#039;fusion-builder-resize-column&#039; ) || $( e.target ).parent( &#039;.fusion-builder-resize-column&#039; ).length ) {
				// Column sizes dialog clicked.
			} else {
				$( &#039;.column-sizes&#039; ).hide();
			}
		} );

		// Avada Builder App View
		FusionPageBuilder.AppView = window.wp.Backbone.View.extend( {

			mediaImportKeys: [],

			el: $( &#039;#fusion_builder_main_container&#039; ),

			template: FusionPageBuilder.template( $( &#039;#fusion-builder-app-template&#039; ).html() ),

			events: {
				&#039;click .fusion-builder-layout-button-save&#039;: &#039;saveLayout&#039;,
				&#039;click .fusion-builder-layout-button-load&#039;: &#039;loadLayout&#039;,
				&#039;click .fusion-builder-layout-button-delete&#039;: &#039;deleteLayout&#039;,
				&#039;click .fusion-builder-layout-buttons-clear&#039;: &#039;clearLayout&#039;,
				&#039;click .fusion-builder-demo-button-load&#039;: &#039;loadDemoPage&#039;,
				&#039;click .fusion-builder-layout-code-fields&#039;: &#039;toggleCodeFields&#039;,
				&#039;click .fusion-builder-layout-custom-css&#039;: &#039;customCSS&#039;,
				&#039;click .fusion-builder-template-buttons-save&#039;: &#039;saveTemplateDialog&#039;,
				&#039;click #fusion-builder-layouts .fusion-builder-modal-close&#039;: &#039;hideLibrary&#039;,
				&#039;click .fusion-builder-library-dialog&#039;: &#039;openLibrary&#039;,
				&#039;mouseenter .fusion-builder-layout-buttons-history&#039;: &#039;showHistoryDialog&#039;,
				&#039;mouseleave .fusion-builder-layout-buttons-history&#039;: &#039;hideHistoryDialog&#039;,
				&#039;click .fusion-builder-element-button-save&#039;: &#039;saveElement&#039;,
				&#039;click #fusion-load-template-dialog&#039;: &#039;loadPreBuiltPage&#039;,
				&#039;click #fusion-load-studio-dialog&#039;: &#039;loadSutdioPage&#039;,
				&#039;click .fusion-builder-layout-buttons-toggle-containers&#039;: &#039;toggleAllContainers&#039;,
				&#039;click .fusion-builder-global-tooltip&#039;: &#039;unglobalize&#039;,
				&#039;click .fusion-builder-publish-tooltip&#039;: &#039;publish&#039;,
				&#039;click .awb-import-options-toggle&#039;: &#039;toggleImportOptions&#039;,
				&#039;click .awb-import-studio-item&#039;: &#039;loadStudioLayout&#039;,
				contextmenu: &#039;contextMenu&#039;
			},

			initialize: function() {

				this.builderActive             = false;
				this.pauseBuilder              = false;
				this.ajaxurl                   = fusionBuilderConfig.ajaxurl;
				this.fusion_load_nonce         = fusionBuilderConfig.fusion_load_nonce;
				this.fusion_builder_plugin_dir = fusionBuilderConfig.fusion_builder_plugin_dir;
				this.layoutIsLoading           = false;
				this.layoutIsSaving            = false;
				this.saveGlobal                = false;
				this.layoutIsDeleting          = false;
				this.parentRowId               = &#039;&#039;;
				this.parentColumnId            = &#039;&#039;;
				this.targetContainerCID        = &#039;&#039;;
				this.activeModal               = &#039;&#039;;
				this.innerColumn               = &#039;&#039;;
				this.blankPage                 = &#039;&#039;;
				this.newLayoutLoaded           = false;
				this.newContainerAdded         = false;
				this.fullWidth                 = fusionBuilderConfig.full_width;
				this.allContent                = &#039;&#039;;

				// Shortcode Generator
				this.shortcodeGenerator                  = &#039;&#039;;
				this.shortcodeGeneratorMultiElement      = &#039;&#039;;
				this.shortcodeGeneratorMultiElementChild = &#039;&#039;;
				this.allowShortcodeGenerator             = &#039;&#039;;
				this.shortcodeGeneratorActiveEditor      = &#039;&#039;;
				this.shortcodeGeneratorEditorID          = &#039;&#039;;
				this.manuallyAdded                       = false;
				this.manualGenerator                     = false;
				this.manualEditor                        = &#039;&#039;;
				this.fromExcerpt                         = false;

				// Code Block encoding
				this.disable_encoding = fusionBuilderConfig.disable_encoding;
				this._keyStr          = &#039;ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=&#039;;
				this.codeEditor       = &#039;&#039;;

				this.MultiElementChildSettings = false;

				// Listen for new elements
				this.listenTo( this.collection, &#039;add&#039;, this.addBuilderElement );

				// Convert builder layout to shortcodes
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-added&#039;, this.builderToShortcodes );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-removed&#039;, this.builderToShortcodes );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-cloned&#039;, this.builderToShortcodes );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-edited&#039;, this.builderToShortcodes );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-sorted&#039;, this.builderToShortcodes );

				// Sync global layouts.
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-added&#039;, this.syncGlobalLayouts );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-cloned&#039;, this.syncGlobalLayouts );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-edited&#039;, this.syncGlobalLayouts );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-element-sorted&#039;, this.syncGlobalLayouts );

				// Loader animation
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-show-loader&#039;, this.showLoader );
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-hide-loader&#039;, this.hideLoader );

				// Hide library
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-hide-library&#039;, this.hideLibrary );

				// Save layout template on return key
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-save-layout&#039;, this.saveLayout );

				// Save history state
				this.listenTo( FusionPageBuilderEvents, &#039;fusion-save-history-state&#039;, this.saveHistoryState );

				// Toggled Containers
				this.toggledContainers = true;

				// for HTML decoding.
				this.dummyTextArea = document.createElement( &#039;textarea&#039; ); 

				this.render();

				this.codeFields();

				if ( ! jQuery( &#039;body&#039; ).hasClass( &#039;gutenberg-editor-page&#039; ) ) {
					if ( $( &#039;#fusion_toggle_builder&#039; ).hasClass( &#039;fusion_builder_is_active&#039; ) ) {

						// Create builder layout on initial load.
						this.initialBuilderLayout( true );
					}

					// Turn on history tracking. Capture editor. Save initial history state.
					fusionHistoryManager.turnOnTracking();
					fusionHistoryManager.captureEditor();
					fusionHistoryManager.turnOffTracking();
				}

				// Context menu.
				this.contextMenuView = false;
				this.clipboard = {};

				// Dynamic Values Model.
				this.dynamicValues = new FusionPageBuilder.DynamicValues();
				if ( &#039;object&#039; === typeof fusionDynamicData ) {
					this.dynamicValues.addData( null, fusionDynamicData.dynamicOptions );
				}

				// Studio Model.
				this.studio = new FusionPageBuilder.Studio();

				// Website Model.
				this.website = new FusionPageBuilder.Website();

				// Simplified element map.
				this.simplifiedMap = [];

				// Media map.
				this.mediaMap = {
					images: {},
					menus: {},
					forms: {},
					post_cards: {},
					videos: {},
					icons: {},
					off_canvases: {}
				};

				// Settings to params map for form only.
				if ( jQuery( &#039;#pyre_fusion_form&#039; ).length ) {
					this.createSettingsToParams();
				}
			},

			render: function() {
				this.$el.html( this.template() );
				this.sortableContainers();

				return this;
			},

			/**
			 * Maps settings to settingsToParams.
			 *
			 * @since 2.0.0
			 * @return {void}
			 */
			createSettingsToParams: function() {
				var self = this,
					paramObj;

				_.each( fusionAllElements, function( element, elementID ) {
					if ( ! _.isUndefined( element.settings_to_params ) ) {
						_.each( element.settings_to_params, function( param, setting ) {
							param = _.isObject( param ) &amp;&amp; ! _.isUndefined( param.param ) ? param.param : param;

							// We don&#039;t have this in PO, no need to listen.
							if ( jQuery( &#039;[name=&quot;_fusion[&#039; + setting + &#039;]&quot;]&#039; ).length ) {
								jQuery( &#039;[name=&quot;_fusion[&#039; + setting + &#039;]&quot;]&#039; ).on( &#039;change fusion-changed&#039;, function() {
									var value = jQuery( this ).val() &amp;&amp; &#039;&#039; !== jQuery( this ).val() ? jQuery( this ).val() : jQuery( this ).closest( &#039;.pyre_metabox_field&#039; ).find( &#039;[data-default]&#039; ).attr( &#039;data-default&#039; );
									self.defaultChanged( elementID, param, value );
								} );
							}
						} );
					}
				} );
			},

			/**
			 * A PO which is used as a default has changed.
			 *
			 * @since 2.0.0
			 * @return {void}
			 */
			defaultChanged: function( elementType, param, value ) {
				var oldDefault = fusionAllElements[ elementType ].params[ param ][ &#039;default&#039; ];
				if ( &#039;object&#039; !== typeof fusionAllElements[ elementType ] ) {
					return;
				}

				fusionAllElements[ elementType ].params[ param ][ &#039;default&#039; ] = value;
				if ( &#039;string&#039; === typeof fusionAllElements[ elementType ].params[ param ].description ) {
					fusionAllElements[ elementType ].params[ param ].description = fusionAllElements[ elementType ].params[ param ].description.replace( &#039;&gt;&#039; + oldDefault, &#039;&gt;&#039; + value );
				}
			},

			unglobalize: function( event ) {
				var cid    = jQuery( event.currentTarget ).data( &#039;cid&#039; ),
					view   = FusionPageBuilderViewManager.getView( cid ),
					params = view.model.get( &#039;params&#039; ),
					type   = view.model.get( &#039;element_type&#039; ),
					r;

				r = confirm( fusionBuilderText.are_you_sure_you_want_to_remove_global );

				if ( false === r ) {
					return false;
				}

				// Remove global attributes
				delete params.fusion_global;
				view.model.set( &#039;params&#039;, params );
				view.$el.removeClass( &#039;fusion-global-element fusion-global-container fusion-global-column&#039; );
				jQuery( event.currentTarget ).remove();
				view.$el.removeAttr( &#039;fusion-global-layout&#039; );

				if ( &#039;fusion_builder_container&#039; === type ) {
					view.$el.find( &#039;.fusion-builder-container-content &gt; .fusion-builder-section-content&#039; ).removeAttr( &#039;fusion-global-layout&#039; );
				}

				fusionHistoryManager.turnOnTracking();
				fusionHistoryState = fusionBuilderText.removed_global;
				FusionPageBuilderEvents.trigger( &#039;fusion-element-edited&#039; );
			},

			publish: function( event ) {
				var cid    = jQuery( event.currentTarget ).data( &#039;cid&#039; ),
					view   = FusionPageBuilderViewManager.getView( cid ),
					params = view.model.get( &#039;params&#039; ),
					r;

				r = confirm( fusionBuilderText.are_you_sure_you_want_to_publish );

				if ( false === r ) {
					return false;
				}

				params.status = &#039;published&#039;;
				view.model.set( &#039;params&#039;, params );

				view.updateStatusIcons();

				fusionHistoryManager.turnOnTracking();
				fusionHistoryState = fusionBuilderText.container_published; // jshint ignore:line
				FusionPageBuilderEvents.trigger( &#039;fusion-element-edited&#039; );
			},

			isTinyMceActive: function() {
				var isActive = ( &#039;undefined&#039; !== typeof tinyMCE ) &amp;&amp; tinyMCE.activeEditor &amp;&amp; ! tinyMCE.activeEditor.isHidden();

				return isActive;
			},

			base64Encode: function( data ) {
				var b64 = this._keyStr,
					o1,
					o2,
					o3,
					h1,
					h2,
					h3,
					h4,
					bits,
					i      = 0,
					ac     = 0,
					enc    = &#039;&#039;,
					tmpArr = [],
					r;

				if ( ! data ) {
					return data;
				}

				try {
					data = unescape( encodeURIComponent( data ) );
				} catch ( e ) {
					data = unescape( data );
				}

				do {

					// Pack three octets into four hexets
					o1 = data.charCodeAt( i++ );
					o2 = data.charCodeAt( i++ );
					o3 = data.charCodeAt( i++ );

					bits = o1 &lt;&lt; 16 | o2 &lt;&lt; 8 | o3;

					h1 = bits &gt;&gt; 18 &amp; 0x3f;
					h2 = bits &gt;&gt; 12 &amp; 0x3f;
					h3 = bits &gt;&gt; 6 &amp; 0x3f;
					h4 = bits &amp; 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 &lt; data.length );

				enc = tmpArr.join( &#039;&#039; );
				r   = data.length % 3;

				return ( r ? enc.slice( 0, r - 3 ) : enc ) + &#039;===&#039;.slice( r || 3 );
			},

			base64Decode: function( input ) {
				var output = &#039;&#039;,
					chr1,
					chr2,
					chr3,
					enc1,
					enc2,
					enc3,
					enc4,
					i = 0;

				input = input.replace( /[^A-Za-z0-9\+\/\=]/g, &#039;&#039; );

				while ( i &lt; 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 &lt;&lt; 2 ) | ( enc2 &gt;&gt; 4 );
					chr2 = ( ( enc2 &amp; 15 ) &lt;&lt; 4 ) | ( enc3 &gt;&gt; 2 );
					chr3 = ( ( enc3 &amp; 3 ) &lt;&lt; 6 ) | enc4;

					output = output + String.fromCharCode( chr1 );

					if ( 64 !== enc3 ) {
						output = output + String.fromCharCode( chr2 );
					}
					if ( 64 !== enc4 ) {
						output = output + String.fromCharCode( chr3 );
					}

				}

				output = this.utf8Decode( output );

				return output;
			},

			utf8Decode: function( utftext ) {
				var string = &#039;&#039;,
					i  = 0,
					c  = 0,
					c1 = 0,
					c2 = 0,
					c3;

				while ( i &lt; utftext.length ) {

					c = utftext.charCodeAt( i );

					if ( 128 &gt; c ) {
						string += String.fromCharCode( c );
						i++;
					} else if ( ( 191 &lt; c ) &amp;&amp; ( 224 &gt; c ) ) {
						c2 = utftext.charCodeAt( i + 1 );
						string += String.fromCharCode( ( ( c &amp; 31 ) &lt;&lt; 6 ) | ( c2 &amp; 63 ) );
						i += 2;
					} else {
						c2 = utftext.charCodeAt( i + 1 );
						c3 = utftext.charCodeAt( i + 2 );
						string += String.fromCharCode( ( ( c &amp; 15 ) &lt;&lt; 12 ) | ( ( c2 &amp; 63 ) &lt;&lt; 6 ) | ( c3 &amp; 63 ) );
						i += 3;
					}
				}
				return string;
			},
			/**
			 * Decodes headings if encoded.
			 *
			 * @since 3.11.0
			 * @param {string} html - The data to decode.
			 * @return {string}
			 */
			maybeDecode: function( text ) {
				if ( ! this.needsDecoding( text ) ) {
					return text;
				}
				this.dummyTextArea.innerHTML = text;
				if ( &#039;&#039; !== this.dummyTextArea.value ) {
					return this.dummyTextArea.value;
				}
				return text;
			},

			/**
			 * Checks if encoded.
			 *
			 * @since 3.11.0
			 * @param {string} html - The data to decode.
			 * @return {string}
			 */
			needsDecoding( text ) {
				const entityPattern = /&amp;[#A-Za-z0-9]+;/;
				return entityPattern.test( text );
			},
			fusionBuilderMCEremoveEditor: function( id ) {
				if ( &#039;undefined&#039; !== typeof window.tinyMCE ) {
					window.tinyMCE.execCommand( &#039;mceRemoveEditor&#039;, false, id );
					if ( &#039;undefined&#039; !== typeof window.tinyMCE.get( id ) ) {
						window.tinyMCE.remove( &#039;#&#039; + id );
					}
				}
			},

			fusion_builder_sortable: function( $element ) {
				var $sortable;
				$sortable = $element.find( &#039;.fusion-sortable-options&#039; );

				$sortable.each( function() {
					jQuery( this ).sortable();
					jQuery( this ).on( &#039;sortupdate&#039;, function( event ) {
						var sortContainer = jQuery( event.target ),
							sortOrder = &#039;&#039;;

						sortContainer.children( &#039;.fusion-sortable-option&#039; ).each( function() {
							sortOrder += jQuery( this ).data( &#039;value&#039; ) + &#039;,&#039;;
						} );

						sortOrder = sortOrder.slice( 0, -1 );

						sortContainer.siblings( &#039;.sort-order&#039; ).val( sortOrder ).trigger( &#039;change&#039; );
					} );
				} );
			},

			fusion_builder_connected_sortable: function( $element ) {
				var self      = this,
					$sortable = $element.find( &#039;.fusion-connected-sortable&#039; );

				$sortable.sortable( {
					connectWith: &#039;.fusion-connected-sortable&#039;,

					stop: function() {
						self.updateConnectedSortables( $element );
					}
				} ).disableSelection();

				$sortable.find( &#039;li&#039; ).on( &#039;dblclick&#039;, function() {
					if ( jQuery( this ).parent().hasClass( &#039;fusion-connected-sortable-enabled&#039; ) ) {
						$element.find( &#039;.fusion-connected-sortable-disabled&#039; ).prepend( this );
					} else {
						$element.find( &#039;.fusion-connected-sortable-enabled&#039; ).append( this );
					}
		
					self.updateConnectedSortables( $element );
				} );				
			},

			updateConnectedSortables: function( $element ) {
				var $enabled   = $element.find( &#039;.fusion-connected-sortable-enabled&#039; ),
					$container = $element.find( &#039;.fusion-builder-option-container&#039; ),
					sortOrder  = &#039;&#039;;

				$enabled.children( &#039;.fusion-connected-sortable-option&#039; ).each( function() {
					sortOrder += jQuery( this ).data( &#039;value&#039; ) + &#039;,&#039;;
				} );

				$container.find( &#039;.fusion-connected-sortable&#039; ).each( function() {
					if ( jQuery( this ).find( &#039;li&#039; ).length ) {
						jQuery( this ).removeClass( &#039;empty&#039; );
					} else {
						jQuery( this ).addClass( &#039;empty&#039; );
					}
				} );

				sortOrder = sortOrder.slice( 0, -1 );

				$container.find( &#039;.sort-order&#039; ).val( sortOrder ).trigger( &#039;change&#039; );
			},

			fusion_builder_sortable_text: function( $element ) {
				var $sortable;
				$sortable = $element.find( &#039;.fusion-sortable-text-options&#039; );

				$sortable.each( function() {
					var $sort = jQuery( this );

					$sort.sortable( {
						handle: &#039;.fusion-sortable-move&#039;
					} );
					$sort.on( &#039;sortupdate&#039;, function( event ) {
						var sortContainer = jQuery( event.target ),
							sortOrder = &#039;&#039;;

						sortContainer.children( &#039;.fusion-sortable-option&#039; ).each( function() {
							sortOrder += jQuery( this ).find( &#039;input&#039; ).val() + &#039;|&#039;;
						} );

						sortOrder = sortOrder.slice( 0, -1 );

						sortContainer.siblings( &#039;.sort-order&#039; ).val( sortOrder ).trigger( &#039;change&#039; );
					} );

					$sort.on( &#039;click&#039;, &#039;.fusion-sortable-remove&#039;, function( event ) {
						event.preventDefault();

						jQuery( event.target ).closest( &#039;.fusion-sortable-option&#039; ).remove();
						$sort.trigger( &#039;sortupdate&#039; );
					} );

					$sort.on( &#039;change keyup&#039;, &#039;input&#039;, function() {
						$sort.trigger( &#039;sortupdate&#039; );
					} );

					$sort.prev( &#039;.fusion-builder-add-sortable-child&#039; ).on( &#039;click&#039;, function( event ) {
						var $newItem = $sort.next( &#039;.fusion-placeholder-example&#039; ).clone( true );

						event.preventDefault();

						$newItem.removeClass( &#039;fusion-placeholder-example&#039; ).removeAttr( &#039;style&#039; ).appendTo( $sort );

						setTimeout( function() {
							$sort.find( &#039;.fusion-sortable-option:last-child input&#039; ).focus();
						}, 100 );

						$sort.trigger( &#039;sortupdate&#039; );
					} );
				} );
			},

			fusion_builder_form_options: function( $element ) {
				var $valuesToggle 	= $element.find( &#039;#form-options-settings&#039; ),
					$optionsGrid	= $element.find( &#039;.options-grid&#039; ),
					$addBtn 		= $element.find( &#039;.fusion-builder-add-sortable-child&#039; ),
					$formOptions	= $optionsGrid.find( &#039;.fusion-form-options&#039; ),
					$template		= jQuery( &#039;&lt;li class=&quot;fusion-form-option&quot;&gt;&#039; +  $element.find( &#039;.fusion-form-option-template&#039; ).html() + &#039;&lt;/li&gt;&#039; ),
					$values			= $optionsGrid.find( &#039;.option-values&#039; ),
					$bulkAdd 		= $element.find( &#039;.bulk-add-modal&#039; ),
					allowMultiple   = &#039;yes&#039; === $optionsGrid.data( &#039;multiple&#039; ),
					updateValues;

				updateValues = function() {
					var options = [];
					$formOptions.children( &#039;li&#039; ).each( function() {
						var option 	  = [],
							isChecked = jQuery( this ).find( &#039;.fusiona-check_circle&#039; ).length;

						option.push( isChecked ? 1 : 0 );

						jQuery( this ).find( &#039;input&#039; ).each( function() {
							option.push( this.value );
						} );

						options.push( option );
					} );
					$values.val( FusionPageBuilderApp.base64Encode( JSON.stringify( options ) ) );
				};

				// Init sortable
				$formOptions.sortable( {
					handle: &#039;.fusion-sortable-move&#039;
				} );

				// Bindings
				$formOptions.on( &#039;sortupdate&#039;, function() {
					updateValues();
				} );
				$formOptions.on( &#039;change keyup&#039;, &#039;input&#039;, function( event ) {
					event.preventDefault();
					updateValues();
				} );

				$valuesToggle.on( &#039;click&#039;,  function( event ) {
					$optionsGrid.toggleClass( &#039;show-values&#039; );
				} );

				$formOptions.on( &#039;click&#039;, &#039;.fusion-sortable-remove&#039;, function( event ) {
					event.preventDefault();
					jQuery( event.target ).closest( &#039;.fusion-form-option&#039; ).remove();
					updateValues();
				} );

				$formOptions.on( &#039;click&#039;, &#039;.fusion-sortable-check&#039;, function( event ) {
					var $el 		= jQuery( this ).find( &#039;.fusiona-check_circle_outline&#039; ),
						isChecked 	= $el.hasClass( &#039;fusiona-check_circle&#039; );

					event.preventDefault();

					if ( ! allowMultiple ) {
						$formOptions.find( &#039;.fusion-sortable-check .fusiona-check_circle&#039; ).removeClass( &#039;fusiona-check_circle&#039; );
					}

					if ( isChecked ) {
						$el.removeClass( &#039;fusiona-check_circle&#039; );
					} else {
						$el.addClass( &#039;fusiona-check_circle&#039; );
					}
					updateValues();
				} );

				$addBtn.on( &#039;click&#039;, function( event ) {
					var $newEl = $template.clone( true );

					event.preventDefault();

					$formOptions.append( $newEl );
					setTimeout( function () {
						$newEl.find( &#039;.form-option-label input&#039; ).focus();
					}, 100 );
				} );

				$bulkAdd.on( &#039;click&#039;, function( event ) {
					var modalView;

					event.preventDefault();

					if ( jQuery( &#039;.fusion-builder-settings-bulk-dialog&#039; ).length ) {
						return;
					}

					modalView = new FusionPageBuilder.BulkAddView( {
						choices: fusionBuilderConfig.predefined_choices
					} );

					jQuery( modalView.render().el ).dialog( {
						title: &#039;Bulk Add / Predefined Choices&#039;,
						dialogClass: &#039;fusion-builder-settings-bulk-dialog&#039;,
						resizable: false,
						width: 500,
						draggable: false,
						buttons: [
							{
								text: &#039;Cancel&#039;,
								click: function() {
									jQuery( this ).dialog( &#039;close&#039; );
								}
							},
							{
								text: &#039;Insert Choices&#039;,
								click: function() {
									var choices = modalView.getChoices(),
										$newEl;

									event.preventDefault();
									_.each( choices, function( choice ) {
										$newEl 	= $template.clone( true );
										if ( choice.includes( &#039;|&#039; ) ) {
											choice = choice.split( &#039;|&#039; );
											$newEl.find( &#039;input.label&#039; ).val( choice[ 0 ] );
											$newEl.find( &#039;input.value&#039; ).val( choice[ 1 ] );
											$valuesToggle.prop( &#039;checked&#039;, true );
											$optionsGrid.addClass( &#039;show-values&#039; );
										} else {
											$newEl.find( &#039;input.label&#039; ).val( choice );
										}
										$formOptions.append( $newEl );
									} );

									updateValues();
									jQuery( this ).dialog( &#039;close&#039; );
								},
								class: &#039;ui-button-blue&#039;
							}
						],
						open: function() {
							jQuery( &#039;.fusion-builder-modal-settings-container&#039; ).css( &#039;z-index&#039;, 9998 );
						},
						beforeClose: function() {
							jQuery( &#039;.fusion-builder-modal-settings-container&#039; ).css( &#039;z-index&#039;, 99999 );
							jQuery( this ).remove();
						}

					} );
				} );


			},

			fusion_builder_logics: function( $element ) {
				var $optionsGrid = $element.find( &#039;.options-grid&#039; ),
					$addBtn = $element.find( &#039;.fusion-builder-add-sortable-child&#039; ),
					$fusionLogics = $optionsGrid.find( &#039;.fusion-logics&#039; ),
					$template = jQuery( &#039;&lt;li class=&quot;fusion-logic&quot;&gt;&#039; + $element.find( &#039;.fusion-logic-template&#039; ).html() + &#039;&lt;/li&gt;&#039; ),
					$values = $optionsGrid.find( &#039;.logic-values&#039; ),
					updateValues;

				updateValues = function () {
					var options = [];
					$fusionLogics.children( &#039;li&#039; ).each( function () {
						var option 		= {},
							operator 	 = jQuery( this ).find( &#039;.fusion-sortable-operator&#039; ),
							self          = jQuery( this );

						// operator.
						option.operator  =  operator.hasClass( &#039;and&#039; ) ? &#039;and&#039; : &#039;or&#039;;
						// comparison.
						option.comparison = jQuery( this ).find( &#039;.logic-comparison-selection&#039; ).val();
						// field.
						option.field = jQuery( this ).find( &#039;select.fusion-logic-choices&#039; ).val();
						// desired value.
						option.value = jQuery( this ).find( &#039;.fusion-logic-option&#039; ).val();
						// additinals.
						if ( jQuery( this ).find( &#039;.logic-additionals&#039; ).length ) {
							option.additionals = jQuery( this ).find( &#039;.fusion-logic-additionals-field&#039; ).val();
						}
						options.push( option );
					} );
					$values
						.val( FusionPageBuilderApp.base64Encode( JSON.stringify( options ) ) )
						.trigger( &#039;change&#039; );
				};

				// Init sortable
				$fusionLogics.sortable( {
					items: &#039;.fusion-logic&#039;,
					tolerance: &#039;pointer&#039;,
					cursor: &#039;move&#039;,
					connectWith: &#039;.fusion-logics&#039;,
					handle: &#039;.fusion-logic-controller-head&#039;,
					axis: &#039;y&#039;
				} );

				// Bindings
				$fusionLogics.on( &#039;sortupdate&#039;, function () {
					updateValues();
				} );

				$fusionLogics.on( &#039;change keyup&#039;, &#039;input&#039;, function ( event ) {
					event.preventDefault();
					updateValues();
				} );

				$fusionLogics.on( &#039;change&#039;, &#039;select.fusion-logic-option&#039;, function( event ) {
					event.preventDefault();
					updateValues();
				} );

				$fusionLogics.on( &#039;change&#039;, &#039;select.fusion-logic-choices&#039;, function( event ) {
					var allChoices  = $fusionLogics.closest( &#039;.fusion-builder-option-logics&#039; ).find( &#039;.fusion-logics-all-choices&#039; ).text(),
						selection     = jQuery( this ).val(),
						selectionText = jQuery( this ).closest( &#039;select&#039; ).find( &#039;option:selected&#039; ).text(),
						$wrapper      = jQuery( this ).closest( &#039;.fusion-logic&#039; ),
						$comparisons  = &#039;&#039;,
						$options      = &#039;&#039;,
						isSelected,
						currentChoice;

					event.preventDefault();

					try {
						allChoices = JSON.parse( allChoices );
					} catch ( e ) {
						allChoices = [];
					}

					$wrapper.find( &#039;h4.logic-title&#039; ).text( selectionText );

					currentChoice = allChoices.find( ( { id } ) =&gt; id === selection );

					if ( &#039;object&#039; === typeof currentChoice ) {
						if ( &#039;object&#039; === typeof currentChoice.comparisons ) {
							jQuery.each( currentChoice.comparisons, function( comparisonValue, comparisonName ) {
								isSelected    = &#039;equal&#039; === comparisonValue ? &#039;active&#039; : &#039;&#039;;
								$comparisons   += &#039;&lt;option value=&quot;&#039; + comparisonValue + &#039;&quot; &#039; + isSelected + &#039;&gt;&#039; + comparisonName + &#039;&lt;/select&gt;&#039;;
							} );
						}

						$wrapper.find( &#039;.logic-comparison-selection&#039; ).empty().append( $comparisons );

						switch ( currentChoice.type ) {
							case &#039;select&#039;:
								if ( &#039;object&#039; === typeof currentChoice.options ) {
									$options += &#039;&lt;div class=&quot;select_arrow&quot;&gt;&lt;/div&gt;&#039;;
									$options += &#039;&lt;select class=&quot;fusion-dont-update fusion-logic-option fusion-hide-from-atts fusion-select-field&quot;&gt;&#039;;
									jQuery.each( currentChoice.options, function( key, choice ) {
										$options += &#039;&lt;option value=&quot;&#039; + key + &#039;&quot;&gt;&#039; + choice + &#039;&lt;/option&gt;&#039;;
									} );
									$options += &#039;&lt;/select&gt;&#039;;
								}

								$wrapper.find( &#039;.logic-value-field&#039; ).html( $options );
								$wrapper.find( &#039;.logic-value .fusion-select-field&#039; ).select2();
								break;

							case &#039;text&#039;:
								$options = &#039;&lt;input type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&#039; + fusionBuilderText.condition_value + &#039;&quot; class=&quot;fusion-hide-from-atts fusion-logic-option&quot; /&gt;&#039;;
								$wrapper.find( &#039;.logic-value-field&#039; ).html( $options );
								break;
						}

						$wrapper.find( &#039;.logic-additionals&#039; ).remove();
						if ( &#039;undefined&#039; !== typeof currentChoice.additionals ) {
							switch ( currentChoice.additionals.type ) {
							case &#039;select&#039;:
								if ( &#039;object&#039; === typeof currentChoice.additionals.options ) {
									$options = &#039;&lt;div class=&quot;logic-additionals&quot;&gt;&#039;;
									$options += &#039;&lt;div class=&quot;select_arrow&quot;&gt;&lt;/div&gt;&#039;;
									$options += &#039;&lt;select class=&quot;fusion-dont-update fusion-logic-additionals-field fusion-hide-from-atts fusion-select-field&quot;&gt;&#039;;
									jQuery.each( currentChoice.additionals, function( key, choice ) {
										$options += &#039;&lt;option value=&quot;&#039; + key + &#039;&quot;&gt;&#039; + choice + &#039;&lt;/option&gt;&#039;;
									} );
									$options += &#039;&lt;/select&gt;&#039;;
									$options += &#039;&lt;/div&gt;&#039;;
								}

								$wrapper.find( &#039;.logic-field&#039; ).append( $options );
								$wrapper.find( &#039;.logic-field .fusion-select-field&#039; ).select2();
								break;

							case &#039;text&#039;:
								$options = &#039;&lt;div class=&quot;logic-additionals&quot;&gt;&#039;;
								$options += &#039;&lt;input type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&#039; + currentChoice.additionals.placeholder + &#039;&quot; class=&quot;fusion-hide-from-atts fusion-logic-additionals-field&quot; /&gt;&#039;;
								$options += &#039;&lt;/div&gt;&#039;;
								$wrapper.find( &#039;.logic-field&#039; ).append( $options );
								break;
							}
						}
					}

					updateValues();
				} );

				$fusionLogics.on( &#039;click&#039;, &#039;.fusion-sortable-remove&#039;, function ( event ) {
					event.preventDefault();
					jQuery( event.target ).closest( &#039;.fusion-logic&#039; ).remove();

					updateValues();
				} );

				$fusionLogics.on( &#039;click&#039;, &#039;.fusion-sortable-edit, h4.logic-title&#039;, function( event ) {
					var $parent = jQuery( this ).closest( &#039;.fusion-logic&#039; );
					event.preventDefault();

					$parent.find( &#039;.fusion-logic-controller-content&#039; ).slideToggle( &#039;fast&#039; );

				} );

				$fusionLogics.on( &#039;click&#039;, &#039;.logic-operator&#039;, function() {
					var $el = jQuery( this ).find( &#039;.fusion-sortable-operator&#039; );

					if ( $el.hasClass( &#039;and&#039; ) ) {
						$el.removeClass( &#039;and&#039; ).addClass( &#039;or&#039; );
						$el.closest( &#039;.fusion-logic&#039; ).addClass( &#039;has-or&#039; ).attr( &#039;aria-label-or&#039;, fusionBuilderText.logic_separator_text );
					} else {
						$el.removeClass( &#039;or&#039; ).addClass( &#039;and&#039; );
						$el.closest( &#039;.fusion-logic&#039; ).removeClass( &#039;has-or&#039; );
					}
					updateValues();
				} );

				$fusionLogics.on( &#039;change&#039;, &#039;.logic-comparison-selection&#039;, function() {
					event.preventDefault();
					updateValues();
				} );

				$addBtn.on( &#039;click&#039;, function( event ) {
					var $newEl = $template.clone( true );

					event.preventDefault();

					$fusionLogics.find( &#039;.fusion-logic-controller-content&#039; ).hide();

					$fusionLogics.append( $newEl );
					$newEl.find( &#039;.logic-field .fusion-select-field&#039; ).select2();
					$newEl.find( &#039;select.fusion-logic-choices&#039; ).trigger( &#039;change&#039; );
					updateValues();
				} );
			},

			fusion_builder_iconpicker: function( value, id, container, search ) {

				var output           = jQuery( &#039;.fusion-icons-rendered&#039; ).length ? jQuery( &#039;.fusion-icons-rendered&#039; ).html() : &#039;&#039;,
					outputNav        = jQuery( &#039;.fusion-icon-picker-nav-rendered&#039; ).length ? jQuery( &#039;.fusion-icon-picker-nav-rendered&#039; ).html() : &#039;&#039;,
					oldIconName      = &#039;&#039;,
					$container       = jQuery( container ),
					$containerParent = $container.parent(),
					valueSelector    = &#039;&#039;,
					selectedSetId   = &#039;&#039;;

				if ( &#039;&#039; !== value ) {

					if ( &#039;fusion-prefix-&#039; === value.substr( 0, 14 ) ) {

						// Custom icon, we need to remove prefix.
						value = value.replace( &#039;fusion-prefix-&#039;, &#039;&#039; );
					} else {
						value = value.split( &#039; &#039; );

						// Legacy FontAwesome 4.x icon, so we need check if it needs to be updated.
						if ( &#039;undefined&#039; === typeof value[ 1 ] ) {
							value[ 1 ] = &#039;fas&#039;;

							if ( &#039;undefined&#039; !== typeof window[ &#039;fusion-fontawesome-free-shims&#039; ] ) {
								oldIconName = value[ 0 ].substr( 3 );

								jQuery.each( window[ &#039;fusion-fontawesome-free-shims&#039; ], function( i, shim ) {

									if ( shim[ 0 ] === oldIconName ) {

										// Update icon name.
										if ( null !== shim[ 2 ] ) {
											value[ 0 ] = &#039;fa-&#039; + shim[ 2 ];
										}

										// Update icon subset.
										if ( null !== shim[ 1 ] ) {
											value[ 1 ] = shim[ 1 ];
										}

										return false;
									}
								} );
							}

							// Update form field with new values.
							$containerParent.find( &#039;.fusion-iconpicker-input&#039; ).attr( &#039;value&#039;, value[ 0 ] + &#039; &#039; + value[ 1 ] );
						}
					}
				}

				// Add icon container and icon navigation.
				//$container.html( output ).before( &#039;&lt;div class=&quot;fusion-icon-picker-nav&quot;&gt;&#039; + outputNav + &#039;&lt;/div&gt;&#039; );
				$container.html( output ).before( &#039;&lt;div class=&quot;fusion-icon-picker-nav-wrapper&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;fusion-icon-picker-nav-left fusiona-arrow-left&quot;&gt;&lt;/a&gt;&lt;div class=&quot;fusion-icon-picker-nav&quot;&gt;&#039; + outputNav + &#039;&lt;/div&gt;&lt;a href=&quot;#&quot; class=&quot;fusion-icon-picker-nav-right fusiona-arrow-right&quot;&gt;&lt;/a&gt;&lt;/div&gt;&#039; );

				// Scroll nav div to right.
				$containerParent.find( &#039;.fusion-icon-picker-nav-wrapper &gt; .fusion-icon-picker-nav-right&#039; ).on( &#039;click&#039;, function( e ) {
					e.preventDefault();

					$containerParent.find( &#039;.fusion-icon-picker-nav&#039; ).animate( {
						scrollLeft: &#039;+=100&#039;
					}, 250 );
				} );

				// Scroll nav div to left.
				$containerParent.find( &#039;.fusion-icon-picker-nav-wrapper &gt; .fusion-icon-picker-nav-left&#039; ).on( &#039;click&#039;, function( e ) {
					e.preventDefault();

					$containerParent.find( &#039;.fusion-icon-picker-nav&#039; ).animate( {
						scrollLeft: &#039;-=100&#039;
					}, 250 );
				} );

				// Icon navigation link is clicked.
				$containerParent.find( &#039;.fusion-icon-picker-nav &gt; a&#039; ).on( &#039;click&#039;, function( e ) {
					e.preventDefault();

					jQuery( &#039;.fusion-icon-picker-nav-active&#039; ).removeClass( &#039;fusion-icon-picker-nav-active&#039; );
					jQuery( this ).addClass( &#039;fusion-icon-picker-nav-active&#039; );
					$container.find( &#039;.fusion-icon-set&#039; ).css( &#039;display&#039;, &#039;none&#039; );
					$container.find( jQuery( this ).attr( &#039;href&#039; ) ).css( &#039;display&#039;, &#039;grid&#039; );
				} );

				if ( &#039;&#039; !== value ) {

					// FA or custom icon.
					valueSelector = &#039;.&#039; + ( Array.isArray( value ) ? value.join( &#039;.&#039; ) : value );
					$container.find( valueSelector ).parent().addClass( &#039;selected-element&#039; ).css( &#039;display&#039;, &#039;flex&#039; );

					// Trigger click on parent nav tab item.
					selectedSetId = $container.find( &#039;.selected-element&#039; ).closest( &#039;.fusion-icon-set&#039; ).prepend( $container.find( &#039;.selected-element&#039; ) ).attr( &#039;id&#039; );
					$containerParent.find( &#039;.fusion-icon-picker-nav a[href=&quot;#&#039; + selectedSetId + &#039;&quot;]&#039; ).trigger( &#039;click&#039; );
				}

				// Icon Search bar.
				jQuery( search ).on( &#039;change paste keyup&#039;, function() {
					var thisEl = jQuery( this );

					FusionDelay( function() {
						var options,
							fuse,
							result,
							value;

						if ( thisEl.val() ) {
							value = thisEl.val().toLowerCase();

							if ( 3 &gt; value.length ) {
								return;
							}

							$container.find( &#039;.fusion-icon-set .icon_preview&#039; ).css( &#039;display&#039;, &#039;none&#039; );
							options = {
								threshold: 0.2,
								location: 0,
								distance: 100,
								maxPatternLength: 32,
								minMatchCharLength: 3,
								keys: [
									&#039;name&#039;,
									&#039;keywords&#039;,
									&#039;categories&#039;
								]
							};
							fuse = new Fuse( fusionIconSearch, options );
							result = fuse.search( value );

							// Show icons.
							_.each( result, function( resultIcon ) {
								$container.find( &#039;.icon_preview.&#039; + resultIcon.name ).css( &#039;display&#039;, &#039;flex&#039; );
							} );

							// Add attributes to iconset containers.
							_.each( $container.find( &#039;.fusion-icon-set&#039; ), function( subContainer ) {
								var hasSearchResults = false;
								subContainer.classList.add( &#039;no-search-results&#039; );
								jQuery( &#039;.icon_preview&#039; ).each( function( index, icon ) {
									if ( &#039;none&#039; !== icon.style.display &amp;&amp; subContainer.classList.contains( &#039;no-search-results&#039; ) ) {
										hasSearchResults = true;
									}
								} );

								if ( ! hasSearchResults &amp;&amp; ! subContainer.querySelector( &#039;.no-search-results-notice&#039; ) ) {
									jQuery( subContainer ).append( &#039;&lt;div class=&quot;no-search-results-notice&quot;&gt;&#039; + fusionBuilderText.no_results_in.replace( &#039;%s&#039;, jQuery( &#039;a[href=&quot;#&#039; + subContainer.id + &#039;&quot;]&#039; ).html() ) + &#039;&lt;/div&gt;&#039; );
								} else if ( hasSearchResults ) {
									subContainer.classList.remove( &#039;no-search-results&#039; );
								}
							} );

						} else {
							$container.find( &#039;.fusion-icon-set .icon_preview&#039; ).css( &#039;display&#039;, &#039;flex&#039; );
							_.each( $container.find( &#039;.fusion-icon-set&#039; ), function( subContainer ) {
								subContainer.classList.remove( &#039;no-search-results&#039; );
							} );
						}
					}, 100 );
				} );
			},

			/**
			 * Trigger context menu.
			 *
			 * @since 2.0.0
			 * @param {Object} event - The jQuery event.
			 * @return {void}
			 */
			contextMenu: function( event ) {
				var viewSettings,
					view,
					self         = this,
					$clickTarget = jQuery( event.target ),
					$target      = $clickTarget.closest( &#039;[data-cid]:not(.fusion-builder-row-content)&#039; ),
					pageType     = &#039;default&#039;,
					elementType;

				// Disable on blank template element.
				if ( $clickTarget.hasClass( &#039;fusion_builder_blank_page&#039; ) || $clickTarget.closest( &#039;.fusion_builder_blank_page&#039; ).length ) {
					return;
				}

				if ( $clickTarget.data( &#039;cid&#039; ) ) {
					$target = $clickTarget;
				}

				// If targeting the container heading area.
				if ( $clickTarget.hasClass( &#039;fusion-builder-section-header&#039; ) || $clickTarget.closest( &#039;.fusion-builder-section-header&#039; ).length ) {
					if ( $clickTarget.hasClass( &#039;fusion-builder-section-name&#039; ) ) {
						return;
					}
					$target = $clickTarget.closest( &#039;.fusion_builder_container&#039; ).find( &#039;.fusion-builder-section-content&#039; ).first();
				}

				// Remove any existing.
				this.removeContextMenu();

				event.preventDefault();

				view = FusionPageBuilderViewManager.getView( $target.data( &#039;cid&#039; ) );

				if ( ! view ) {
					return;
				}

				elementType = this.getElementType( view.model.attributes.element_type );

				// Make sure library view has limited abilities.
				if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-builder-library-edit&#039; ) &amp;&amp; ! $clickTarget.closest( &#039;.fusion-builder-row-container-inner&#039; ).length &amp;&amp; ! jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-mega_menus&#039; ) ) {
					if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-sections&#039; ) ) {
						pageType = &#039;container&#039;;
					}
					if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-columns&#039; ) || jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-post_cards&#039; ) ) {
						pageType = &#039;column&#039;;
						if ( &#039;fusion_builder_container&#039; === elementType ) {
							return;
						}
					}
					if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-elements&#039; ) ) {
						pageType = &#039;element&#039;;
						if ( &#039;fusion_builder_container&#039; === elementType || &#039;fusion_builder_column&#039; === elementType || &#039;fusion_builder_column_inner&#039; === elementType ) {
							return;
						}
					}
				}

				if ( ! view ) {
					return;
				}

				viewSettings = {
					model: {
						parent: view.model,
						event: event,
						parentView: view,
						pageType: pageType
					}
				};

				// Create new context view.
				this.contextMenuView = new FusionPageBuilder.ContextMenuView( viewSettings );

				// Add context menu to builder.
				this.$el.append( this.contextMenuView.render().el );

				// Add listener to remove.
				this.$el.one( &#039;click&#039;, function() {
					self.removeContextMenu();
				} );
			},

			/**
			 * Remove any contextMenu.
			 *
			 * @since 2.0.0
			 * @return {void}
			 */
			removeContextMenu: function() {
				if ( this.contextMenuView &amp;&amp; &#039;function&#039; === typeof this.contextMenuView.removeMenu ) {
					this.contextMenuView.removeMenu();
				}
			},

			/**
			 * 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 ( &#039;fusion_builder_container&#039; === elementType || &#039;fusion_builder_column&#039; === elementType || &#039;fusion_builder_column_inner&#039; === elementType ) {
					return elementType;
				}

				// First check if its a parent.
				if ( elementType in fusionMultiElements ) {
					return &#039;parent_element&#039;;
				}

				// Check if its a child.
				childElements = _.values( fusionMultiElements );
				if ( -1 !== childElements.indexOf( elementType ) ) {
					return &#039;child_element&#039;;
				}

				if ( &#039;fusion_builder_row_inner&#039; === elementType &amp;&amp; FusionPageBuilderApp.pauseBuilder ) {
					return &#039;fusion_builder_row_inner&#039;;
				}

				// Made it this far it must be regular.
				return &#039;element&#039;;
			},

			fusionBuilderImagePreview: function( $uploadButton ) {
				var $uploadField = $uploadButton.siblings( &#039;.fusion-builder-upload-field&#039; ),
					$preview     = $uploadField.siblings( &#039;.fusion-builder-upload-preview&#039; ),
					$removeBtn   = $uploadButton.siblings( &#039;.upload-image-remove&#039; ),
					imageURL     = $uploadField.val().trim(),
					imagePreview,
					imageIDField;

				FusionPageBuilderEvents.trigger( &#039;awb-image-upload-url-&#039; + $uploadButton.data( &#039;param&#039; ), imageURL );

				if ( 0 &lt;= imageURL.indexOf( &#039;&lt;img&#039; ) ) {
					imagePreview = imageURL;
				} else {
					imagePreview = &#039;&lt;img src=&quot;&#039; + imageURL + &#039;&quot; /&gt;&#039;;
				}

				if ( &#039;image&#039; !== $uploadButton.data( &#039;type&#039; ) ) {
					return;
				}

				if ( $uploadButton.hasClass( &#039;hide-edit-buttons&#039; ) ) {
					return;
				}

				if ( &#039;&#039; === imageURL ) {
					if ( $preview.length ) {
						$preview.remove();
						$removeBtn.remove();
						$uploadButton.val( &#039;Upload Image&#039; );
					}

					// Remove image ID if image preview is empty.
					imageIDField = $uploadButton.closest( &#039;.fusion-builder-module-settings&#039; ).find( &#039;#&#039; + $uploadButton.data( &#039;param&#039; ) + &#039;_id&#039; );

					if ( &#039;element_content&#039; === $uploadButton.data( &#039;param&#039; ) ) {
						imageIDField = $uploadButton.parents( &#039;.fusion-builder-option&#039; ).next().find( &#039;#image_id&#039; );
					}

					if ( imageIDField.length ) {
						imageIDField.val( &#039;&#039; );
					}

					return;
				}

				if ( ! $preview.length ) {
					$uploadButton.siblings( &#039;.preview&#039; ).before( &#039;&lt;div class=&quot;fusion-builder-upload-preview&quot;&gt;&lt;strong class=&quot;fusion-builder-upload-preview-title&quot;&gt;Preview&lt;/strong&gt;&lt;div class=&quot;fusion-builder-preview-image&quot;&gt;&lt;img src=&quot;&quot; width=&quot;300&quot; height=&quot;300&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&#039; );
					$uploadButton.after( &#039;&lt;input type=&quot;button&quot; class=&quot;button upload-image-remove&quot; value=&quot;Remove&quot; /&gt;&#039; );
					$uploadButton.val( &#039;Edit&#039; );
					$preview = $uploadField.siblings( &#039;.fusion-builder-upload-preview&#039; );

				}

				$preview.find( &#039;img&#039; ).replaceWith( imagePreview );
			},

			FusionBuilderActivateUpload: function( $uploadButton ) {
				$uploadButton.click( function( event ) {

					var $thisEl,
						fileFrame,
						multiImageContainer,
						multiImageInput,
						multiVal,
						multiUpload    = false,
						multiImages    = false,
						multiImageHtml = &#039;&#039;,
						ids            = &#039;&#039;,
						optionID       = &#039;&#039;,
						attachment     = &#039;&#039;,
						attachments    = [],
						elementType    = $( this ).closest( &#039;.fusion_builder_module_settings&#039; ).data( &#039;element_type&#039; ),
						param          = $( this ).closest( &#039;.fusion-builder-option&#039; ).data( &#039;option-id&#039; );

					const saveType = jQuery( this ).data( &#039;save-type&#039; );

					if ( event ) {
						event.preventDefault();
					}

					$thisEl = $( this );

					// If its a multi upload element, clone default params.
					if ( &#039;fusion-multiple-upload&#039; === $thisEl.data( &#039;id&#039; ) ) {
						multiUpload = true;
					}

					if ( &#039;fusion-multiple-images&#039; === $thisEl.data( &#039;id&#039; ) ) {
						multiImages = true;
						multiImageContainer = jQuery( $thisEl.next( &#039;.fusion-multiple-image-container&#039; ) )[ 0 ];
						multiImageInput = jQuery( $thisEl ).prev( &#039;.fusion-multi-image-input&#039; );
					}

					fileFrame = wp.media( {
						library: {
							type: $thisEl.data( &#039;type&#039; )
						},
						title: $thisEl.data( &#039;title&#039; ),
						multiple: ( multiUpload || multiImages ) ? &#039;between&#039; : false,
						frame: &#039;post&#039;,
						className: &#039;media-frame mode-select fusion-builder-media-dialog &#039; + $thisEl.data( &#039;id&#039; ),
						displayUserSettings: false,
						displaySettings: true,
						allowLocalEdits: true
					} );
					wp.media.frames.file_frame = fileFrame;

					// Set the media dialog box state as &#039;gallery&#039; if the element is gallery.
					if ( multiImages &amp;&amp; &#039;fusion_gallery&#039; === elementType ) {
						multiVal    = multiImageInput.val();
						ids         = &#039;string&#039; === typeof multiVal ? multiVal.split( &#039;,&#039; ) : &#039;&#039;;
						attachments = [];
						attachment  = &#039;&#039;;

						wp.media._galleryDefaults.link  = &#039;none&#039;;
						wp.media._galleryDefaults.size  = &#039;thumbnail&#039;;
						fileFrame.options.syncSelection = true;

						if ( &#039;undefined&#039; !== typeof multiVal &amp;&amp; &#039;&#039; !== multiVal ) {
							fileFrame.options.state = &#039;gallery-edit&#039;;
						} else {
							fileFrame.options.state = &#039;gallery&#039;;
						}
					}

					// Select currently active image automatically.
					fileFrame.on( &#039;open&#039;, function() {
						var selection = fileFrame.state().get( &#039;selection&#039; ),
							library   = fileFrame.state().get( &#039;library&#039; ),
							attachment,
							id,
							fetchIds = [];

						if ( multiImages ) {
							multiVal    = multiImageInput.val();
							ids = &#039;string&#039; === typeof multiVal ? multiVal.split( &#039;,&#039; ) : &#039;&#039;;

							if ( &#039;fusion_gallery&#039; !== elementType || &#039;gallery-edit&#039; !== fileFrame.options.state ) {
								$( &#039;.fusion-builder-media-dialog&#039; ).addClass( &#039;hide-menu&#039; );
							}

							jQuery.each( ids, function( index, id ) {
								if ( &#039;&#039; !== id &amp;&amp; &#039;NaN&#039; !== id ) {

									// Check if attachment exists.
									if ( &#039;undefined&#039; !== typeof wp.media.attachment( id ).get( &#039;url&#039; ) ) {

										// Exists, add it to selection.
										selection.add( wp.media.attachment( id ) );
										library.add( wp.media.attachment( id ) );

									} else {

										// Doesn&#039;t exist we need to fetch.
										fetchIds.push( id );
									}
								}
							} );

							// If still some attachments needing fetched, fetch them in a single query.
							if ( 0 &lt; fetchIds.length ) {
								wp.media.query( { post__in: fetchIds, posts_per_page: fetchIds.length } ).more().then( function() {
									jQuery.each( ids, function( index, id ) {
										if ( &#039;&#039; !== id &amp;&amp; &#039;NaN&#039; !== id ) {

											// Add fetched attachment to selection.
											selection.add( wp.media.attachment( id ) );
											library.add( wp.media.attachment( id ) );
										}
									} );
								} );
							}
						} else {
							optionID = $thisEl.parents( &#039;.fusion-builder-option.upload&#039; ).data( &#039;option-id&#039; );

							id = $thisEl.parents( &#039;.fusion-builder-module-settings&#039; ).find( &#039;#&#039; + optionID + &#039;_id&#039; ).val();
							id = ( &#039;undefined&#039; !== typeof id ? id : $thisEl.parents( &#039;.fusion-builder-module-settings&#039; ).find( &#039;#image_id&#039; ).val() );

							if ( &#039;undefined&#039; !== typeof id &amp;&amp; &#039;&#039; !== id ) {
								id = id.split( &#039;|&#039; )[ 0 ];
							}

							attachment = wp.media.attachment( id );

							$( &#039;.fusion-builder-media-dialog&#039; ).addClass( &#039;hide-menu&#039; );
							if ( id ) {
								attachment.fetch( {
									success: function( att ) {
										library.add( att ? [ att ] : [] );
										selection.add( att ? [ att ] : [] );
									}
								} );
							}
						}
					} );

					// Set the attachment ids from gallery selection if the element is gallery.
					if ( multiImages &amp;&amp; &#039;fusion_gallery&#039; === elementType ) {
						fileFrame.on( &#039;update&#039;, function( selection ) {
							var imageIDs = &#039;&#039;,
								imageURL = &#039;&#039;;

							imageIDs = selection.map( function( attachment ) {
								var imageID = attachment.id;

								if ( attachment.attributes.sizes &amp;&amp; &#039;undefined&#039; !== typeof attachment.attributes.sizes.thumbnail ) {
									imageURL = attachment.attributes.sizes.thumbnail.url;
								} else if ( attachment.attributes.url ) {
									imageURL = attachment.attributes.url;
								}

								if ( multiImages ) {
									multiImageHtml += &#039;&lt;div class=&quot;fusion-multi-image&quot; data-image-id=&quot;&#039; + imageID + &#039;&quot;&gt;&#039;;
									multiImageHtml += &#039;&lt;img src=&quot;&#039; + imageURL + &#039;&quot;/&gt;&#039;;
									multiImageHtml += &#039;&lt;span class=&quot;fusion-multi-image-remove dashicons dashicons-no-alt&quot;&gt;&lt;/span&gt;&#039;;
									multiImageHtml += &#039;&lt;/div&gt;&#039;;
								}
								return attachment.id;
							} );

							multiImageInput.val( imageIDs );
							jQuery( multiImageContainer ).html( multiImageHtml );
						} );
					}

					fileFrame.on( &#039;select insert&#039;, function() {

						var imageURL,
							imageID,
							imageSize,
							imageIDs,
							state = fileFrame.state(),
							firstElementNode,
							firstElement,
							imageIDField;

						if ( &#039;undefined&#039; === typeof state.get( &#039;selection&#039; ) ) {
							imageURL = jQuery( fileFrame.$el ).find( &#039;#embed-url-field&#039; ).val();
						} else {

							imageIDs = state.get( &#039;selection&#039; ).map( function( attachment ) {
								return attachment.id;
							} );

							const imageURLs = [];
							state.get( &#039;selection&#039; ).forEach( ( media ) =&gt; {
								imageURLs.push( `${media.toJSON().url}|${media.id}` );
							} );

							// If its a multi image element, add the images container and IDs to input field.
							if ( multiImages ) {
								if ( &#039;url&#039; === saveType ) {
									multiImageInput.val( imageURLs.join( &#039;,&#039; ) ).trigger( &#039;change&#039; );
								} else {
									multiImageInput.val( imageIDs ).trigger( &#039;change&#039; );
								}
							}

							// Remove default item.
							if ( multiUpload ) {
								firstElementNode = jQuery( $thisEl ).parents( &#039;.fusion-builder-main-settings&#039; ).find( &#039;.fusion-builder-sortable-options li:first-child&#039; );
								if ( firstElementNode.length ) {
									firstElement = FusionPageBuilderElements.find( function( model ) {
										return model.get( &#039;cid&#039; ) === firstElementNode.data( &#039;cid&#039; );
									} );
									if ( firstElement &amp;&amp; ( &#039;undefined&#039; === typeof firstElement.attributes.params.image || &#039;&#039; === firstElement.attributes.params.image ) ) {
										jQuery( $thisEl ).parents( &#039;.fusion-builder-main-settings&#039; ).find( &#039;.fusion-builder-sortable-options li:first-child .fusion-builder-multi-setting-remove&#039; ).trigger( &#039;click&#039; );
									}
								}
							}

							state.get( &#039;selection&#039; ).map( function( attachment ) {
								var element = attachment.toJSON(),
									display = state.display( attachment ).toJSON(),
									defaultParams  = {},
									child,
									params,
									createChildren;

								imageID = element.id;
								imageSize = display.size;
								if ( element.sizes &amp;&amp; element.sizes[ display.size ] &amp;&amp; element.sizes[ display.size ].url ) {
									imageURL = element.sizes[ display.size ].url;
								} else if ( element.url ) {
									imageURL = element.url;
								}

								if ( multiImages ) {
									multiImageHtml += &#039;&lt;div class=&quot;fusion-multi-image&quot; data-image-id=&quot;&#039; + imageID + &#039;&quot;&gt;&#039;;
									multiImageHtml += &#039;&lt;img src=&quot;&#039; + imageURL + &#039;&quot;/&gt;&#039;;
									multiImageHtml += &#039;&lt;span class=&quot;fusion-multi-image-remove dashicons dashicons-no-alt&quot;&gt;&lt;/span&gt;&#039;;
									multiImageHtml += &#039;&lt;/div&gt;&#039;;
								}

								// If its a multi upload element, add the image to defaults and trigger a new item to be added.
								if ( multiUpload ) {
									child          = fusionAllElements[ elementType ].element_child;
									params         = fusionAllElements[ elementType ].params[ param ].child_params;
									createChildren = &#039;undefined&#039; !== typeof fusionAllElements[ elementType ].params[ param ].create_children ? fusionAllElements[ elementType ].params[ param ].create_children : true;

									// Save default values
									_.each( params, function( name, param ) {
										defaultParams[ param ] = fusionAllElements[ child ].params[ param ].value;
									} );

									// Set new default values
									_.each( params, function( name, param ) {
										fusionAllElements[ child ].params[ param ].value = attachment.attributes[ name ];
									} );

									if ( &#039;image&#039; === param ) {
										fusionAllElements[ elementType ].params[ param + &#039;_id&#039; ].value = imageID + &#039;|&#039; + imageSize;
									}

									if ( createChildren ) {

										jQuery( $thisEl ).parents( &#039;.fusion-builder-main-settings&#039; ).find( &#039;.fusion-builder-add-multi-child&#039; ).trigger( &#039;click&#039; );
										FusionPageBuilderEvents.trigger( &#039;fusion-multi-child-update-preview&#039; );
									}

									// Restore default values
									_.each( defaultParams, function( defaultValue, param ) {
										fusionAllElements[ child ].params[ param ].value = defaultValue;
									} );
								}
							} );
						}

						jQuery( multiImageContainer ).html( multiImageHtml );
						if ( ! multiUpload &amp;&amp; ! multiImages ) {
							$thisEl.siblings( &#039;.fusion-builder-upload-field&#039; ).val( imageURL ).trigger( &#039;change&#039; );

							// Set image id.
							imageIDField = $thisEl.closest( &#039;.fusion-builder-module-settings&#039; ).find( &#039;#&#039; + param + &#039;_id&#039; );

							if ( &#039;element_content&#039; === param ) {
								imageIDField = $thisEl.parents( &#039;.fusion-builder-option&#039; ).next().find( &#039;#image_id&#039; );
							}

							if ( imageIDField.length ) {
								imageIDField.val( imageID + &#039;|&#039; + imageSize );
							}

							FusionPageBuilderApp.fusionBuilderImagePreview( $thisEl );
						}
					} );

					fileFrame.open();

					return false;
				} );

				$uploadButton.siblings( &#039;.fusion-builder-upload-field&#039; ).on( &#039;input&#039;, function() {
					FusionPageBuilderApp.fusionBuilderImagePreview( $( this ).siblings( &#039;.fusion-builder-upload-button&#039; ) );
				} );

				$uploadButton.siblings( &#039;.fusion-builder-upload-field&#039; ).each( function() {
					FusionPageBuilderApp.fusionBuilderImagePreview( $( this ).siblings( &#039;.fusion-builder-upload-button&#039; ) );
				} );

				jQuery( &#039;body&#039; ).on( &#039;click&#039;, &#039;.fusion-multi-image-remove&#039;, function() {
					var input = jQuery( this ).parents( &#039;.fusion-multiple-upload-images&#039; ).find( &#039;.fusion-multi-image-input&#039; ),
						imageIDs,
						imageID,
						imageIndex;

					imageID = jQuery( this ).parent( &#039;.fusion-multi-image&#039; ).data( &#039;image-id&#039; );
					imageIDs = input.val() ? input.val().split( &#039;,&#039; ) : [];
					const currentImage = imageIDs.find( ( image ) =&gt; ( image.includes( &#039;|&#039; ) ? image.includes( &#039;|&#039; + imageID ) : image.includes( imageID ) ) );
					imageIndex = imageIDs.indexOf( currentImage );

					if ( -1 !== imageIndex ) {
						imageIDs.splice( imageIndex, 1 );
					}
					imageIDs = imageIDs.join( &#039;,&#039; );
					input.val( imageIDs ).trigger( &#039;change&#039; );
					jQuery( this ).parent( &#039;.fusion-multi-image&#039; ).remove();
				} );
			},

			fusionBuilderActivateLinkSelector: function( $linkButton ) {
				var $linkSubmit       = jQuery( &#039;#wp-link-submit&#039; ),
					$linkTitle        = jQuery( &#039;.wp-link-text-field&#039; ),
					$linkTarget       = jQuery( &#039;.link-target&#039; ),
					$fusionLinkSubmit = jQuery( &#039;&lt;input type=&quot;button&quot; name=&quot;fusion-link-submit&quot; id=&quot;fusion-link-submit&quot; class=&quot;button-primary&quot; value=&quot;Set Link&quot;&gt;&#039; ),
					$linkDialog       = window.wpLink,
					wpLinkL10n        = window.wpLinkL10n,
					$input,
					$url;

				jQuery( $linkButton ).click( function( e ) {
					$fusionLinkSubmit.insertBefore( $linkSubmit );
					$input = jQuery( e.target ).prev( &#039;.fusion-builder-link-field&#039; );
					$url   = $input.val();
					$linkSubmit.hide();
					$linkTitle.hide();
					$linkTarget.hide();
					$fusionLinkSubmit.show();
					$linkDialog = ! window.wpLink &amp;&amp; $.fn.wpdialog &amp;&amp; jQuery( &#039;#wp-link&#039; ).length ? {
						$link: ! 1,
						open: function() {
							this.$link = jQuery( &#039;#wp-link&#039; ).wpdialog( {
								title: wpLinkL10n.title,
								width: 480,
								height: &#039;auto&#039;,
								modal: ! 0,
								dialogClass: &#039;wp-dialog&#039;,
								zIndex: 3e5
							} );
						},
						close: function() {
							this.$link.wpdialog( &#039;close&#039; );
						}
					} : window.wpLink;
					$linkDialog.fusionUpdateLink = function( $fusionLinkSubmit ) {
						e.preventDefault();
						e.stopImmediatePropagation();
						e.stopPropagation();
						$url = jQuery( &#039;#wp-link-url&#039; ).length ? jQuery( &#039;#wp-link-url&#039; ).val() : jQuery( &#039;#url-field&#039; ).val();
						$input.val( $url ).trigger( &#039;change&#039; );
						$linkSubmit.show();
						$linkTitle.show();
						$linkTarget.show();
						$fusionLinkSubmit.remove();
						jQuery( &#039;#wp-link-cancel&#039; ).off( &#039;click&#039; );
						$linkDialog.close();
					};

					// Using custom CSS field here as dummy text area, as it is always available.
					$linkDialog.open( &#039;fusion-custom-css-field&#039; );
					jQuery( &#039;#wp-link-url&#039; ).val( $url );
				} );

				jQuery( &#039;body&#039; ).on( &#039;click&#039;, &#039;#fusion-link-submit&#039;, function() {
					$linkDialog.fusionUpdateLink( jQuery( this ) );
				} );

				jQuery( &#039;body&#039; ).on( &#039;click&#039;, &#039;#wp-link-cancel, #wp-link-close, #wp-link-backdrop&#039;, function() {
					$linkSubmit.show();
					$linkTitle.show();
					$linkTarget.show();
					$fusionLinkSubmit.remove();
				} );
			},

			fusionBuilderActivateNominatimSearch: function( $linkButton ) {
				let $input, latField, lonField, query;

				jQuery( $linkButton ).click( function( e ) {
					e.preventDefault();
					$input = jQuery( e.target ).prev( &#039;.fusion-builder-nominatim-field&#039; );
					latField = $input.data( &#039;lat&#039; );
					lonField = $input.data( &#039;lon&#039; );
					query = encodeURI( $input.val() );
					const url = `https://nominatim.openstreetmap.org/search?q=${query}&amp;format=json`;
					const initFetch = { method: &#039;GET&#039;, mode: &#039;cors&#039;, headers: { &#039;Content-Type&#039;: &#039;application/x-www-form-urlencoded;charset=UTF-8&#039; } };
					window.fetch( url, initFetch )
					.then( function( response ) {
						return response.json();
					} ).then( function( json ) {
						if ( Array.isArray( json ) &amp;&amp; 0 &lt; json.length ) {
							jQuery( `#${latField}` ).val( json[ 0 ].lat );
							jQuery( `#${lonField}` ).val( json[ 0 ].lon );
						} else {
							alert( &#039;Unknown address: &#039; + $input.val() );
						}
					} )[ &#039;catch&#039; ]( function( error ) {
						alert( error.message );
					} );
				} );
			},

			fusionBuilderSetContent: function( textareaID, content ) {
				if ( &#039;undefined&#039; !== typeof window.tinyMCE &amp;&amp; window.tinyMCE.get( textareaID ) &amp;&amp; ! window.tinyMCE.get( textareaID ).isHidden() ) {

					if ( window.tinyMCE.get( textareaID ).getParam( &#039;wpautop&#039;, true ) &amp;&amp; &#039;undefined&#039; !== typeof window.switchEditors ) {
						content = window.switchEditors.wpautop( content );
					}

					window.tinyMCE.get( textareaID ).setContent( content, { format: &#039;html&#039; } );
				} else {
					$( &#039;#&#039; + textareaID ).val( content );
				}
			},

			layoutLoaded: function() {
				this.newLayoutLoaded = true;
			},

			clearLayout: function( event ) {

				var r;

				if ( event ) {
					event.preventDefault();
				}

				r = confirm( fusionBuilderText.are_you_sure_you_want_to_delete_this_layout );

				if ( false === r ) {
					return false;
				}

				this.blankPage = true;
				this.clearBuilderLayout( true );

				// Clear history
				fusionHistoryManager.clearEditor( &#039;blank&#039; );

			},

			showHistoryDialog: function( event ) {
				if ( event ) {
					event.preventDefault();
				}
				this.$el.find( &#039;.fusion-builder-history-list&#039; ).show();
			},

			hideHistoryDialog: function( event ) {
				if ( event ) {
					event.preventDefault();
				}
				this.$el.find( &#039;.fusion-builder-history-list&#039; ).hide();
			},

			saveTemplateDialog: function( event ) {
				if ( event ) {
					event.preventDefault();
				}
				this.showLibrary();
				$( &#039;#fusion-builder-layouts-templates-trigger&#039; ).click();
			},

			loadPreBuiltPage: function( event ) {
				if ( event ) {
					event.preventDefault();
				}
				this.showLibrary();

				jQuery( &#039;#fusion-builder-layouts-demos-trigger&#039; ).click();

			},

			loadSutdioPage: function( event ) {
				if ( event ) {
					event.preventDefault();
				}
				this.showLibrary();

				jQuery( &#039;#fusion-builder-layouts-studio-trigger&#039; ).click();

			},

			saveLayout: function( event ) {

				var templateContent,
					templateName,
					layoutsContainer,
					currentPostID,
					emptyMessage,
					customCSS,
					pageTemplate,
					$customFields = [],
					$name,
					$value;

				if ( event ) {
					event.preventDefault();
				}

				// Get custom field values for saving.
				jQuery( &#039;input[id^=&quot;pyre_&quot;], select[id^=&quot;pyre_&quot;]&#039; ).each( function( n ) {
					$name = jQuery( this ).attr( &#039;id&#039; );
					$value = jQuery( this ).val();
					if ( &#039;undefined&#039; !== typeof $name &amp;&amp; &#039;undefined&#039; !== typeof $value ) {
						$customFields[ n ] = [ $name, $value ];
					}
				} );

				templateContent  = fusionBuilderGetContent( &#039;content&#039;, true ); // jshint ignore:line
				templateName     = $( &#039;#new_template_name&#039; ).val();
				layoutsContainer = $( &#039;#fusion-builder-layouts-templates .fusion-page-layouts&#039; );
				currentPostID    = $( &#039;#fusion_builder_main_container&#039; ).data( &#039;post-id&#039; );
				emptyMessage     = $( &#039;#fusion-builder-layouts-templates .fusion-page-layouts .fusion-empty-library-message&#039; );
				customCSS        = $( &#039;#fusion-custom-css-field&#039; ).val();
				pageTemplate     = $( &#039;#page_template&#039; ).val();

				if ( &#039;&#039; !== templateName ) {

					$.ajax( {
						type: &#039;POST&#039;,
						url: fusionBuilderConfig.ajaxurl,
						dataType: &#039;json&#039;,
						data: {
							action: &#039;fusion_builder_save_layout&#039;,
							fusion_load_nonce: fusionBuilderConfig.fusion_load_nonce,
							fusion_layout_name: templateName,
							fusion_layout_content: templateContent,
							fusion_layout_post_type: &#039;fusion_template&#039;,
							fusion_current_post_id: currentPostID,
							fusion_custom_css: customCSS,
							fusion_page_template: pageTemplate,
							fusion_options: $customFields
						},
						complete: function( data ) {
							layoutsContainer.prepend( data.responseText );
							emptyMessage.hide();
						}
					} );

					$( &#039;#new_template_name&#039; ).val( &#039;&#039; );

				} else {
					alert( fusionBuilderText.please_enter_template_name );
				}
			},

			saveElement: function( event ) {
				var fusionElementType,
					elementCID,
					elementView;

				if ( event ) {
					event.preventDefault();
				}

				fusionElementType = $( event.currentTarget ).data( &#039;element-type&#039; );
				elementCID        = $( event.currentTarget ).data( &#039;element-cid&#039; );
				elementView       = FusionPageBuilderViewManager.getView( elementCID );

				elementView.saveElement();
			},

			loadLayout: function( event ) {
				var $layout,
					contentPlacement,
					content,
					$customCSS;

				if ( event ) {
					event.preventDefault();
				}

				if ( true === this.layoutIsLoading ) {
					return;
				}

				this.layoutIsLoading = true;

				$layout          = $( event.currentTarget ).closest( &#039;li&#039; );
				contentPlacement = $( event.currentTarget ).data( &#039;load-type&#039; );
				content          = fusionBuilderGetContent( &#039;content&#039; );
				$customCSS       = jQuery( &#039;#fusion-custom-css-field&#039; ).val();

				$.ajax( {
					type: &#039;POST&#039;,
					url: fusionBuilderConfig.ajaxurl,
					data: {
						action: &#039;fusion_builder_load_layout&#039;,
						fusion_load_nonce: fusionBuilderConfig.fusion_load_nonce,
						fusion_layout_id: $layout.data( &#039;layout_id&#039; )
					},
					beforeSend: function() {
						FusionPageBuilderEvents.trigger( &#039;fusion-show-loader&#039; );

						$( &#039;body&#039; ).removeClass( &#039;fusion_builder_inner_row_no_scroll&#039; );
						$( &#039;.fusion_builder_modal_inner_row_overlay&#039; ).remove();
						$( &#039;#fusion-builder-layouts&#039; ).hide();

					}
				} )
				.done( function( data ) {
					var dataObj;

					// New layout loaded
					FusionPageBuilderApp.layoutLoaded();

					dataObj = JSON.parse( data );

					if ( &#039;above&#039; === contentPlacement ) {
						content = dataObj.post_content + content;

						// Set custom css above
						if ( &#039;undefined&#039; !== typeof dataObj.custom_css ) {
							$( &#039;#fusion-custom-css-field&#039; ).val( dataObj.custom_css + &#039;\n&#039; + $customCSS );
						}

					} else if ( &#039;below&#039; === contentPlacement ) {
						content = content + dataObj.post_content;

						// Set custom css below
						if ( &#039;undefined&#039; !== typeof dataObj.custom_css ) {
							if ( $customCSS.length ) {
								$( &#039;#fusion-custom-css-field&#039; ).val( $customCSS + &#039;\n&#039; + dataObj.custom_css );
							} else {
								$( &#039;#fusion-custom-css-field&#039; ).val( dataObj.custom_css );
							}
						}

					} else {
						content = dataObj.post_content;

						// Set custom css.
						if ( &#039;undefined&#039; !== typeof dataObj.custom_css ) {
							$( &#039;#fusion-custom-css-field&#039; ).val( dataObj.custom_css );
						}

						// Set Fusion Option selection.
						jQuery.each( dataObj.post_meta, function( $name, $value ) {
							jQuery( &#039;#&#039; + $name ).val( $value ).trigger( &#039;change&#039; );
						} );
					}

					FusionPageBuilderApp.clearBuilderLayout();

					FusionPageBuilderApp.createBuilderLayout( content );

					// Set page template
					if ( &#039;undefined&#039; !== typeof dataObj.page_template ) {
						$( &#039;#page_template&#039; ).val( dataObj.page_template );
					}

					FusionPageBuilderApp.layoutIsLoading = false;
				} )
				.always( function() {
					FusionPageBuilderEvents.trigger( &#039;fusion-hide-loader&#039; );
				} );
			},

			loadDemoPage: function( event ) {
				var pageName,
					demoName,
					postId,
					content,
					r;

				if ( event ) {
					event.preventDefault();
				}

				r = confirm( fusionBuilderText.importing_single_page );

				if ( false === r ) {
					return false;
				}

				if ( true === this.layoutIsLoading ) {
					return;
				}

				this.layoutIsLoading = true;

				pageName = $( event.currentTarget ).data( &#039;page-name&#039; );
				demoName = $( event.currentTarget ).data( &#039;demo-name&#039; );
				postId   = $( event.currentTarget ).data( &#039;post-id&#039; );

				$.ajax( {
					type: &#039;POST&#039;,
					url: fusionBuilderConfig.ajaxurl,
					data: {
						action: &#039;fusion_builder_load_demo&#039;,
						fusion_load_nonce: fusionBuilderConfig.fusion_load_nonce,
						page_name: pageName,
						demo_name: demoName,
						post_id: postId
					},
					beforeSend: function() {
						FusionPageBuilderEvents.trigger( &#039;fusion-show-loader&#039; );

						$( &#039;body&#039; ).removeClass( &#039;fusion_builder_inner_row_no_scroll&#039; );
						$( &#039;.fusion_builder_modal_inner_row_overlay&#039; ).remove();
						$( &#039;#fusion-builder-layouts&#039; ).hide();

					}
				} )
				.done( function( data ) {
					var dataObj,
						meta;

					// New layout loaded
					FusionPageBuilderApp.layoutLoaded();

					dataObj = JSON.parse( data );

					content = dataObj.post_content;

					FusionPageBuilderApp.clearBuilderLayout( false );

					FusionPageBuilderApp.createBuilderLayout( content );

					// Set page template
					if ( &#039;undefined&#039; !== typeof dataObj.page_template ) {
						$( &#039;#page_template&#039; ).val( dataObj.page_template );
					}

					meta = dataObj.meta;

					// Set page options
					_.each( meta, function( value, name ) {
						$( &#039;#&#039; + name ).val( value ).trigger( &#039;change&#039; );
					} );

					FusionPageBuilderApp.layoutIsLoading = false;
				} )
				.always( function() {
					FusionPageBuilderEvents.trigger( &#039;fusion-hide-loader&#039; );
				} );
			},

			deleteLayout: function( event ) {

				var $layout,
					r,
					isGlobal = false;

				if ( event ) {
					event.preventDefault();

					if ( $( event.currentTarget ).closest( &#039;li&#039; ).hasClass( &#039;fusion-global&#039; ) ) {
						r        = confirm( fusionBuilderText.are_you_sure_you_want_to_delete_global );
						isGlobal = true;
					} else {
						r = confirm( fusionBuilderText.are_you_sure_you_want_to_delete_this );
					}

					if ( false === r ) {
						return false;
					}
				}

				if ( true === this.layoutIsDeleting ) {
					return;
				}

				this.layoutIsDeleting = true;

				$layout = $( event.currentTarget ).closest( &#039;li&#039; );

				$.ajax( {
					type: &#039;POST&#039;,
					url: fusionBuilderConfig.ajaxurl,
					data: {
						action: &#039;fusion_builder_delete_layout&#039;,
						fusion_load_nonce: fusionBuilderConfig.fusion_load_nonce,
						fusion_layout_id: $layout.data( &#039;layout_id&#039; )
					}
				} )
				.done( function( response ) {
					var $containerSuffix = &#039;elements&#039;;

					if ( &#039;undefined&#039; === typeof response.success || ! response.success ) {
						return;
					}

					if ( $layout.parents( &#039;#fusion-builder-layouts-templates&#039; ).length ) {
						$containerSuffix = &#039;templates&#039;;
					}

					$layout.remove();

					FusionPageBuilderApp.layoutIsDeleting = false;
					if ( ! $( &#039;#fusion-builder-layouts-&#039; + $containerSuffix + &#039; .fusion-page-layouts&#039; ).find( &#039;li&#039; ).length ) {
						$( &#039;#fusion-builder-layouts-&#039; + $containerSuffix + &#039; .fusion-page-layouts .fusion-empty-library-message&#039; ).show();
					}

					if ( true === isGlobal ) {
						$.each( $( &#039;div[fusion-global-layout=&quot;&#039; + $layout.data( &#039;layout_id&#039; ) + &#039;&quot;]&#039; ), function( i, val ) { // jshint ignore:line
							if ( $( this ).hasClass( &#039;fusion-builder-section-content&#039; ) ) {
								$( this ).parent().parent().find( &#039;a.fusion-builder-remove&#039; ).first().trigger( &#039;click&#039; );
							} else {
								$( this ).find( &#039;a.fusion-builder-remove&#039; ).first().trigger( &#039;click&#039; );
								$( this ).find( &#039;a.fusion-builder-remove-inner-row&#039; ).first().trigger( &#039;click&#039; );
							}
						} );
					}
				} );
			},

			/**
			* Toggles import options.
			*
			* @since 3.7
			* @param {Object} event - The event.
			* @return {void}
			*/
			toggleImportOptions: function( event ) {
				var $wrapper = jQuery( event.currentTarget ).closest( &#039;.studio-wrapper&#039; );

				if ( ! $wrapper.hasClass( &#039;fusion-studio-preview-active&#039; ) ) {
					$wrapper.find( &#039;.awb-import-options&#039; ).toggleClass( &#039;open&#039; );
				}
			},

			loadStudioLayout: function( event ) {
				var $layout,
					self          = this,
					category      = &#039;undefined&#039; !== typeof fusionBuilderConfig.post_type &amp;&amp; &#039;fusion_form&#039; === fusionBuilderConfig.post_type ? &#039;forms&#039; : &#039;fusion_template&#039;,
					importOptions = FusionPageBuilderApp.studio.getImportOptions( event ),
					postMeta,
					content,
					$layoutsContainer;

				if ( event ) {
					event.preventDefault();
				}

				// Off canvas.
				category = &#039;undefined&#039; !== typeof fusionBuilderConfig.post_type &amp;&amp; &#039;awb_off_canvas&#039; === fusionBuilderConfig.post_type ? fusionBuilderConfig.post_type : category;

				if ( &#039;string&#039; === typeof fusionBuilderConfig.template_category &amp;&amp; 0 &lt; fusionBuilderConfig.template_category.length ) {
					category = fusionBuilderConfig.template_category;
				}

				if ( true === this.layoutIsLoading ) {
					return;
				}

				this.layoutIsLoading = true;

				$layout           = jQuery( event.currentTarget ).closest( &#039;.fusion-page-layout&#039; );
				$layoutsContainer = $layout.closest( &#039;.studio-imports&#039; );

				// Get correct content.
				FusionPageBuilderApp.builderToShortcodes();
				content = fusionBuilderGetContent( &#039;content&#039; );

				FusionPageBuilderApp.loaded = false;

				jQuery.ajax( {
					type: &#039;POST&#039;,
					url: FusionPageBuilderApp.ajaxurl,
					dataType: &#039;JSON&#039;,
					data: {
						action: &#039;fusion_builder_load_layout&#039;,
						fusion_load_nonce: FusionPageBuilderApp.fusion_load_nonce,
						fusion_layout_id: $layout.data( &#039;layout-id&#039; ),
						overWriteType: importOptions.overWriteType,
						shouldInvert: importOptions.shouldInvert,
						imagesImport: importOptions.imagesImport,
						fusion_studio: true,
						post_id: fusionBuilderConfig.post_id,
						category: category
					},

					beforeSend: function() {
						FusionPageBuilderEvents.trigger( &#039;fusion-show-loader&#039; );

						$( &#039;body&#039; ).removeClass( &#039;fusion_builder_inner_row_no_scroll&#039; );
						$( &#039;.fusion_builder_modal_inner_row_overlay&#039; ).remove();
						$( &#039;#fusion-builder-layouts&#039; ).hide();
						$( &#039;#fusion-builder-fusion_template-studio&#039; ).find( &#039;.studio-wrapper&#039; ).addClass( &#039;loading&#039; );

						jQuery( &#039;#fusion-loader .awb-studio-import-status&#039; ).html( fusionBuilderText.studio_importing_content );
					},

					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&#039;s check for assets.
						// Filter out empty properties (now those are empty arrays).
						if ( &#039;object&#039; === typeof data.avada_media ) {
							Object.keys( data.avada_media ).forEach( function( key ) {
								// We expect and object.
								if ( &#039;object&#039; === typeof data.avada_media[ key ] &amp;&amp; ! Array.isArray( data.avada_media[ key ] ) ) {
									self.mediaImportKeys.push( key );
								}
							} );
						}

						// Import studio media if needed.
						if ( 0 &lt; self.mediaImportKeys.length ) {

							// Set first AJAX response as initial data.
							self.studio.setImportData( data );

							for ( i = 0; i &lt; 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( self.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, self.studio.getImportData().post_content, importOptions.loadType );
									FusionPageBuilderEvents.trigger( &#039;fusion-studio-content-imported&#039;, self.studio.getImportData() );

									self.studioLayoutImportComplete();

									// Update PO panel.
									if ( &#039;function&#039; === typeof awbUpdatePOPanel ) {
										postMeta = self.studio.getImportData().post_meta;

										if ( &#039;undefined&#039; !== typeof postMeta &amp;&amp; &#039;undefined&#039; !== typeof postMeta._fusion ) {
											awbUpdatePOPanel( postMeta._fusion );
										}
									}

									self.studio.resetImportData();
								},
								function() {

									jQuery( &#039;#fusion-loader .awb-studio-import-status&#039; ).html( fusionBuilderText.studio_importing_content_failed );

									self.studioLayoutImportComplete();

									self.studio.resetImportData();
								}
							);
						} else {

							self.setStudioContent( data, data.post_content, importOptions.loadType );
							FusionPageBuilderEvents.trigger( &#039;fusion-studio-content-imported&#039;, data );

							// Update PO panel.
							if ( &#039;function&#039; === typeof awbUpdatePOPanel ) {
								postMeta = data.post_meta;

								if ( &#039;undefined&#039; !== typeof postMeta &amp;&amp; &#039;undefined&#039; !== typeof postMeta._fusion ) {
									awbUpdatePOPanel( postMeta._fusion );
								}
							}

							self.studioLayoutImportComplete();
						}

					}
				} );
			},

			/**
			 * Does what needs to be done when layout is imported.
			 *
			 * @since 3.5
			 * @param {Object} event - The event.
			 */
			studioLayoutImportComplete: function() {
				FusionPageBuilderEvents.trigger( &#039;fusion-hide-loader&#039; );
				$( &#039;#fusion-builder-fusion_template-studio&#039; ).find( &#039;.studio-wrapper&#039; ).removeClass( &#039;loading&#039; );
			},

			/**
			 *
			 * @param {Object} dataObj
			 * @param {String} newContent
			 * @param {String} contentPlacement
			 */
			setStudioContent: function( dataObj, newContent, contentPlacement ) {
				var dataObj,
					newCustomCss,
					existingCss = jQuery( &#039;#fusion-custom-css-field&#039; ).val(),
					content     = &#039;&#039;;

				// Get correct content.
				FusionPageBuilderApp.builderToShortcodes();
				content = fusionBuilderGetContent( &#039;content&#039; );

				// New layout loaded
				FusionPageBuilderApp.layoutLoaded();

				newCustomCss = &#039;undefined&#039; !== typeof dataObj.custom_css ? dataObj.custom_css : false;

				if ( &#039;load-type-above&#039; === contentPlacement ) {
					content = newContent + content;
					if ( newCustomCss ) {
						jQuery( &#039;#fusion-custom-css-field&#039; ).val( newCustomCss + &#039;\n&#039; + existingCss );
					}

				} else if ( &#039;load-type-below&#039; === contentPlacement ) {
					content = content + newContent;
					if ( newCustomCss ) {
						jQuery( &#039;#fusion-custom-css-field&#039; ).val( existingCss + &#039;\n&#039; + newCustomCss );
					}

				} else {
					content = newContent;
					if ( newCustomCss ) {
						jQuery( &#039;#fusion-custom-css-field&#039; ).val( newCustomCss );
					}

					// Set Fusion Option selection.
					jQuery.each( dataObj.post_meta, function( $name, $value ) {
						jQuery( &#039;#&#039; + $name ).val( $value ).trigger( &#039;change&#039; );
					} );

					// Set page template.
					jQuery( &#039;#page_template&#039; ).val( &#039;100-width.php&#039; );
				}

				// Create new builder layout.
				FusionPageBuilderApp.clearBuilderLayout();
				FusionPageBuilderApp.createBuilderLayout( content );

				FusionPageBuilderApp.layoutIsLoading = false;
			},

			/**
			 * Imports studio post&#039;s media.
			 *
			 * @param {object} postData
			 * @param {string} mediaKey
			 * @param {object} importOptions
			 * @return promise
			 */
			importStudioMedia: function( postData, mediaKey, importOptions ) {
				var self = this;

				let mediaKeyLabel = mediaKey;
				if ( &#039;multiple_images&#039; === mediaKey ) {
					mediaKeyLabel = &#039;Images&#039;;
				}
				jQuery( &#039;#fusion-loader .awb-studio-import-status&#039; ).html( fusionBuilderText.studio_importing_media + &#039; &#039; + mediaKeyLabel.replace( &#039;_&#039;, &#039; &#039; ) );

				return jQuery.ajax( {
					type: &#039;POST&#039;,
					url: ajaxurl,
					dataType: &#039;JSON&#039;,
					data: {
						action: &#039;awb_studio_import_media&#039;,
						data: {
							mediaImportKey: mediaKey,
							postData: postData
						},
						overWriteType: importOptions.overWriteType,
						shouldInvert: importOptions.shouldInvert,
						imagesImport: importOptions.imagesImport,
						fusion_load_nonce: FusionPageBuilderApp.fusion_load_nonce
					},
					success: function( data ) {
						self.studio.setImportData( data );
					}
				} );
			},

			studioPreviewLoaded: function() {
				// Trigger event for preview update.
				window.dispatchEvent( new Event( &#039;awb-studio-update-preview&#039; ) );

				jQuery( &#039;.studio-wrapper&#039; ).removeClass( &#039;loading&#039; );
				jQuery( &#039;.studio-wrapper&#039; ).find( &#039;.fusion-loader&#039; ).hide();
			},

			openLibrary: function( event ) {
				if ( event ) {
					event.preventDefault();
				}
				this.showLibrary();
				$( &#039;.fusion-tabs-menu &gt; li:first-child &gt; a&#039; ).click();
			},

			showLibrary: function( event ) {
				if ( event ) {
					event.preventDefault();
				}

				$( &#039;#fusion-builder-layouts&#039; ).show();
				$( &#039;body&#039; ).addClass( &#039;fusion_builder_inner_row_no_scroll&#039; ).append( &#039;&lt;div class=&quot;fusion_builder_modal_inner_row_overlay&quot;&gt;&lt;/div&gt;&#039; );

				setTimeout( function() {
					$( &#039;.fusion-builder-save-element-input, #new_template_name&#039; ).focus();
				}, 20 );
			},

			hideLibrary: function( event ) {
				if ( event ) {
					event.preventDefault();
				}

				$( &#039;#fusion-builder-layouts&#039; ).hide();
				$( &#039;body&#039; ).removeClass( &#039;fusion_builder_inner_row_no_scroll&#039; );
				$( &#039;.fusion_builder_modal_inner_row_overlay&#039; ).remove();
				$( &#039;.fusion-save-element-fields&#039; ).remove();
			},

			showLoader: function() {
				$( &#039;#fusion_builder_main_container&#039; ).css( &#039;height&#039;, &#039;148px&#039; );
				$( &#039;#fusion_builder_container&#039; ).hide();
				$( &#039;#fusion-loader&#039; ).fadeIn( &#039;fast&#039; );
			},

			hideLoader: function() {
				$( &#039;#fusion_builder_container&#039; ).fadeIn( &#039;fast&#039; );
				$( &#039;#fusion_builder_main_container&#039; ).removeAttr( &#039;style&#039; );
				$( &#039;#fusion-loader&#039; ).fadeOut( &#039;fast&#039; );
			},

			sortableContainers: function() {
				this.$el.sortable( {
					handle: &#039;.fusion-builder-section-header&#039;,
					items: &#039;.fusion_builder_container, .fusion-builder-next-page, .fusion-checkout-form, .fusion-builder-form-step&#039;,
					cancel: &#039;.fusion-builder-section-name, .fusion-builder-settings, .fusion-builder-clone, .fusion-builder-remove, .fusion-builder-section-add, .fusion-builder-add-element, .fusion-builder-insert-column, #fusion_builder_controls, .fusion-builder-save-element&#039;,
					cursor: &#039;move&#039;,
					update: function() {
						fusionHistoryManager.turnOnTracking();
						fusionHistoryState = fusionBuilderText.moved_container; // jshint ignore:line
						FusionPageBuilderEvents.trigger( &#039;fusion-element-sorted&#039; );
					}
				} );
			},

			initialBuilderLayout: function( initialLoad ) {

				// Clear all views
				FusionPageBuilderViewManager.removeViews();

				FusionPageBuilderEvents.trigger( &#039;fusion-show-loader&#039; );

				setTimeout( function() {

					var content                   = fusionBuilderGetContent( &#039;content&#039;, true, initialLoad ),
						contentErrorMarkup        = &#039;&#039;,
						contentErrorMarkupWrapper = &#039;&#039;,
						contentErrorMarkupClone   = &#039;&#039;;

					try {

						if ( ! jQuery( &#039;body&#039; ).hasClass( &#039;fusion-builder-library-edit&#039; ) || jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-mega_menus&#039; ) ) {
							content = FusionPageBuilderApp.validateContent( content );
						}

						FusionPageBuilderApp.createBuilderLayout( content );

						FusionPageBuilderEvents.trigger( &#039;fusion-hide-loader&#039; );

					} catch ( error ) {
						console.log( error );
						FusionPageBuilderApp.fusionBuilderSetContent( &#039;content&#039;, content );
						jQuery( &#039;#fusion_toggle_builder&#039; ).trigger( &#039;click&#039; );

						contentErrorMarkup = FusionPageBuilderApp.$el.find( &#039;#content-error&#039; );
						contentErrorMarkupWrapper = FusionPageBuilderApp.$el;
						contentErrorMarkupClone = contentErrorMarkup.clone();

						contentErrorMarkup.dialog( {
							dialogClass: &#039;fusion-builder-dialog&#039;,
							autoOpen: false,
							modal: true,
							closeText: &#039;&#039;,
							buttons: {
								OK: function() {
									jQuery( this ).dialog( &#039;close&#039; );
								}
							},
							close: function() {
								contentErrorMarkupWrapper.append( contentErrorMarkupClone );
							}
						} );

						contentErrorMarkup.dialog( &#039;open&#039; );
					}

				}, 50 );
			},

			validateContent: function( content ) {
				var contentIsEmpty = &#039;&#039; === content,
					textNodes      = &#039;&#039;,
					columns        = [],
					containers     = [],
					shortcodeTags,
					columnwrapped,
					insertionFlag;

				// Throw exception with the fullwidth shortcode.
				if ( -1 !== content.indexOf( &#039;[fullwidth&#039; ) ) {
					throw &#039;Avada 4.0.3 or earlier fullwidth container used!&#039;;
				}

				if ( ! contentIsEmpty ) {

					// Fixes [fusion_text /] instances, which were created in 5.0.1 for empty text blocks.
					content = content.replace( /\[fusion\_text \/\]/g, &#039;[fusion_text][/fusion_text]&#039; ).replace( /\[\/fusion\_text\]\[\/fusion\_text\]/g, &#039;[/fusion_text]&#039; );

					content = content.replace( /\$\$/g, &#039;&amp;#36;&amp;#36;&#039; );
					textNodes = content;

					// Add container if missing.
					textNodes = wp.shortcode.replace( &#039;fusion_builder_container&#039;, textNodes, function() {
						return &#039;@|@&#039;;
					} );
					textNodes = wp.shortcode.replace( &#039;fusion_builder_next_page&#039;, textNodes, function() {
						return &#039;@|@&#039;;
					} );
					textNodes = wp.shortcode.replace( &#039;fusion_builder_form_step&#039;, textNodes, function() {
						return &#039;@|@&#039;;
					} );
					textNodes = wp.shortcode.replace( &#039;fusion_woo_checkout_form&#039;, textNodes, function() {
						return &#039;@|@&#039;;
					} );
					textNodes = textNodes.trim().split( &#039;@|@&#039; );

					_.each( textNodes, function( textNodes ) {
						if ( &#039;&#039; !== textNodes.trim() ) {
							content = content.replace( textNodes, &#039;[fusion_builder_container type=&quot;flex&quot; hundred_percent=&quot;no&quot; equal_height_columns=&quot;no&quot; menu_anchor=&quot;&quot; hide_on_mobile=&quot;small-visibility,medium-visibility,large-visibility&quot; class=&quot;&quot; id=&quot;&quot; background_color=&quot;&quot; background_image=&quot;&quot; background_position=&quot;center center&quot; background_repeat=&quot;no-repeat&quot; fade=&quot;no&quot; background_parallax=&quot;none&quot; parallax_speed=&quot;0.3&quot; video_mp4=&quot;&quot; video_webm=&quot;&quot; video_ogv=&quot;&quot; video_url=&quot;&quot; video_aspect_ratio=&quot;16:9&quot; video_loop=&quot;yes&quot; video_mute=&quot;yes&quot; overlay_color=&quot;&quot; overlay_opacity=&quot;0.5&quot; video_preview_image=&quot;&quot; border_size=&quot;&quot; border_color=&quot;&quot; border_style=&quot;solid&quot; padding_top=&quot;&quot; padding_bottom=&quot;&quot; padding_left=&quot;&quot; padding_right=&quot;&quot;][fusion_builder_row]&#039; + textNodes + &#039;[/fusion_builder_row][/fusion_builder_container]&#039; );
						}
					} );

					textNodes = wp.shortcode.replace( &#039;fusion_builder_container&#039;, content, function( tag ) {
						containers.push( tag.content );
					} );

					_.each( containers, function( textNodes ) {

						// Add column if missing.
						textNodes = wp.shortcode.replace( &#039;fusion_builder_row&#039;, textNodes, function( tag ) {
							return tag.content;
						} );

						textNodes = wp.shortcode.replace( &#039;fusion_builder_column&#039;, textNodes, function() {
							return &#039;@|@&#039;;
						} );

						textNodes = textNodes.trim().split( &#039;@|@&#039; );
						_.each( textNodes, function( textNodes ) {
							if ( &#039;&#039; !== textNodes.trim() &amp;&amp; &#039;[fusion_builder_row][/fusion_builder_row]&#039; !== textNodes.trim() ) {
								columnwrapped = &#039;[fusion_builder_column type=&quot;1_1&quot; background_position=&quot;left top&quot; background_color=&quot;&quot; border_size=&quot;&quot; border_color=&quot;&quot; border_style=&quot;solid&quot; border_position=&quot;all&quot; spacing=&quot;yes&quot; background_image=&quot;&quot; background_repeat=&quot;no-repeat&quot; padding=&quot;&quot; margin_top=&quot;0px&quot; margin_bottom=&quot;0px&quot; class=&quot;&quot; id=&quot;&quot; animation_type=&quot;&quot; animation_speed=&quot;0.3&quot; animation_direction=&quot;left&quot; hide_on_mobile=&quot;small-visibility,medium-visibility,large-visibility&quot; center_content=&quot;no&quot; last=&quot;no&quot; min_height=&quot;&quot; hover_type=&quot;none&quot; link=&quot;&quot;]&#039; + textNodes + &#039;[/fusion_builder_column]&#039;;
								content = content.replace( textNodes, columnwrapped );

							}
						} );
					} );

					textNodes = wp.shortcode.replace( &#039;fusion_builder_column_inner&#039;, content, function( tag ) {
						columns.push( tag.content );
					} );
					textNodes = wp.shortcode.replace( &#039;fusion_builder_column&#039;, content, function( tag ) {
						columns.push( tag.content );
					} );

					_.each( columns, function( textNodes ) {

						// Wrap non fusion elements.
						shortcodeTags = fusionAllElements;
						_.each( shortcodeTags, function( shortcode ) {
							if ( &#039;undefined&#039; === typeof shortcode.generator_only ) {
								textNodes = wp.shortcode.replace( shortcode.shortcode, textNodes, function() {
									return &#039;@|@&#039;;
								} );
							}
						} );

						textNodes = textNodes.trim().split( &#039;@|@&#039; );
						_.each( textNodes, function( textNodes ) {
							if ( &#039;&#039; !== textNodes.trim() &amp;&amp; &#039;&lt;br /&gt;&#039; !== textNodes.trim() ) {
								insertionFlag = &#039;@=%~@&#039;;
								if ( &#039;@&#039; === textNodes.slice( -1 ) ) {
									insertionFlag = &#039;#=%~#&#039;;
								}
								content = content.replace( textNodes, &#039;[fusion_text]&#039; + textNodes.slice( 0, -1 ) + insertionFlag + textNodes.slice( -1 ) + &#039;[/fusion_text]&#039; );
							}
						} );
					} );
					content = content.replace( /@=%~@/g, &#039;&#039; ).replace( /#=%~#/g, &#039;&#039; );

					// Check for once deactivated elements in text blocks that are active again.
					content = wp.shortcode.replace( &#039;fusion_text&#039;, content, function( tag ) {
						if ( &#039;undefined&#039; !== typeof tag.attrs.named.dynamic_params &amp;&amp; &#039;&#039; !== tag.attrs.named.dynamic_params ) {
							return false;
						}
						shortcodeTags = fusionAllElements;
						textNodes = tag.content;

						_.each( shortcodeTags, function( shortcode ) {
							if ( &#039;undefined&#039; === typeof shortcode.generator_only ) {
								textNodes = wp.shortcode.replace( shortcode.shortcode, textNodes, function() {
									return &#039;|&#039;;
								} );
							}
						} );
						if ( ! textNodes.replace( /\|/g, &#039;&#039; ).length ) {
							return tag.content;
						}
					} );
				}

				function replaceDollars() {
					return &#039;$$&#039;;
				}

				content = content.replace( /&amp;#36;&amp;#36;/g, replaceDollars );

				return content;
			},

			validateLibraryContent: function( content ) {
				var contentIsEmpty = &#039;&#039; === content,
					openContainer  = &#039;[fusion_builder_container type=&quot;flex&quot; hundred_percent=&quot;no&quot; equal_height_columns=&quot;no&quot; menu_anchor=&quot;&quot; hide_on_mobile=&quot;small-visibility,medium-visibility,large-visibility&quot; class=&quot;&quot; id=&quot;&quot; background_color=&quot;&quot; background_image=&quot;&quot; background_position=&quot;center center&quot; background_repeat=&quot;no-repeat&quot; fade=&quot;no&quot; background_parallax=&quot;none&quot; parallax_speed=&quot;0.3&quot; video_mp4=&quot;&quot; video_webm=&quot;&quot; video_ogv=&quot;&quot; video_url=&quot;&quot; video_aspect_ratio=&quot;16:9&quot; video_loop=&quot;yes&quot; video_mute=&quot;yes&quot; overlay_color=&quot;&quot; overlay_opacity=&quot;0.5&quot; video_preview_image=&quot;&quot; border_size=&quot;&quot; border_color=&quot;&quot; border_style=&quot;solid&quot; padding_top=&quot;&quot; padding_bottom=&quot;&quot; padding_left=&quot;&quot; padding_right=&quot;&quot;][fusion_builder_row]&#039;,
					closeContainer = &#039;[/fusion_builder_row][/fusion_builder_container]&#039;,
					openColumn     = &#039;[fusion_builder_column type=&quot;1_1&quot; background_position=&quot;left top&quot; background_color=&quot;&quot; border_size=&quot;&quot; border_color=&quot;&quot; border_style=&quot;solid&quot; border_position=&quot;all&quot; spacing=&quot;yes&quot; background_image=&quot;&quot; background_repeat=&quot;no-repeat&quot; padding=&quot;&quot; margin_top=&quot;0px&quot; margin_bottom=&quot;0px&quot; class=&quot;&quot; id=&quot;&quot; animation_type=&quot;&quot; animation_speed=&quot;0.3&quot; animation_direction=&quot;left&quot; hide_on_mobile=&quot;small-visibility,medium-visibility,large-visibility&quot; center_content=&quot;no&quot; last=&quot;no&quot; min_height=&quot;&quot; hover_type=&quot;none&quot; link=&quot;&quot;]&#039;,
					closeColumn    = &#039;[/fusion_builder_column]&#039;,
					columnEdit     = jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-columns&#039; ) || jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-post_cards&#039; );

				// The way it is setup now, we dont want blank page template on library items.
				if ( columnEdit &amp;&amp; &#039;[fusion_builder_blank_page][/fusion_builder_blank_page]&#039; === content ) {
					content        = openColumn + closeColumn;
					contentIsEmpty = false;
				}

				if ( ! contentIsEmpty ) {

					// Editing element
					if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-elements&#039; ) ) {

						content = openContainer + openColumn + content + closeColumn + closeContainer;

					} else if ( columnEdit ) {

						content = openContainer + content + closeContainer;
					}
				}

				function replaceDollars() {
					return &#039;$$&#039;;
				}

				content = content.replace( /&amp;#36;&amp;#36;/g, replaceDollars );

				return content;
			},

			clearBuilderLayout: function( blankPageLayout ) {

				// Remove blank page layout
				this.$el.find( &#039;.fusion-builder-blank-page-content&#039; ).each( function() {
					var $that = $( this ),
						thisView = FusionPageBuilderViewManager.getView( $that.data( &#039;cid&#039; ) );

					if ( &#039;undefined&#039; !== typeof thisView ) {
						thisView.removeBlankPageHelper();
					}
				} );

				// Remove all containers
				this.$el.find( &#039;.fusion-builder-section-content&#039; ).each( function() {
					var $that = $( this ),
						thisView = FusionPageBuilderViewManager.getView( $that.data( &#039;cid&#039; ) );

					if ( &#039;undefined&#039; !== typeof thisView ) {
						thisView.removeContainer();
					}
				} );

				// Create blank page layout
				if ( blankPageLayout &amp;&amp; ! jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-post_cards&#039; ) ) {

					if ( true === this.blankPage ) {
						if ( ! this.$el.find( &#039;.fusion-builder-blank-page-content&#039; ).length ) {
							this.createBuilderLayout( &#039;[fusion_builder_blank_page][/fusion_builder_blank_page]&#039; );
						}

						this.blankPage = false;
					}

				}

			},

			convertGalleryElement: function( content ) {
				var regExp      = window.wp.shortcode.regexp( &#039;fusion_gallery&#039; ),
					innerRegExp = this.regExpShortcode( &#039;fusion_gallery&#039; ),
					matches     = content.match( regExp ),
					newContent  = content,
					fetchIds    = [];

				if ( matches ) {
					_.each( matches, function( shortcode ) {
						var shortcodeElement    = shortcode.match( innerRegExp ),
							shortcodeAttributes = &#039;&#039; !== shortcodeElement[ 3 ] ? window.wp.shortcode.attrs( shortcodeElement[ 3 ] ) : &#039;&#039;,
							children     = &#039;&#039;,
							newShortcode = &#039;&#039;,
							ids;

						// Check for the old format shortcode
						if ( &#039;undefined&#039; !== typeof shortcodeAttributes.named.image_ids &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.image_ids ) {
							ids = shortcodeAttributes.named.image_ids.split( &#039;,&#039; );

							// Add new children shortcodes
							_.each( ids, function( id ) {
								children += &#039;[fusion_gallery_image image=&quot;&quot; image_id=&quot;&#039; + id + &#039;&quot; /]&#039;;
								fetchIds.push( id );
							} );

							// Add children shortcodes, remove image_ids attribute.
							newShortcode = shortcode.replace( &#039;][/fusion_gallery]&#039;, &#039;]&#039; + children + &#039;[/fusion_gallery]&#039; ).replace( &#039;/]&#039;, &#039;]&#039; + children + &#039;[/fusion_gallery]&#039; ).replace( &#039;image_ids=&quot;&#039; + shortcodeAttributes.named.image_ids + &#039;&quot; &#039;, &#039;&#039; );

							// Replace the old shortcode with the new one
							newContent = newContent.replace( shortcode, newShortcode );
						}
					} );

					// Fetch attachment data
					if ( 0 &lt; fetchIds.length ) {
						wp.media.query( { post__in: fetchIds, posts_per_page: fetchIds.length } ).more();
					}
				}

				return newContent;
			},

			mapStudioImages: function( options, values ) {

				if ( &#039;object&#039; !== typeof options ) {
					return;
				}

				_.each( options, function( option ) {
					var value;
					if ( &#039;upload&#039; === option.type &amp;&amp; &#039;undefined&#039; !== typeof values[ option.param_name ] &amp;&amp; &#039;&#039; !== values[ option.param_name ] ) {
						value = values[ option.param_name ];

						if ( &#039;undefined&#039; === typeof value || &#039;undefined&#039; === value ) {
							return;
						}

						// If its not within object already, add it.
						if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.images[ value ] ) {
							FusionPageBuilderApp.mediaMap.images[ value ] = true;
						}

						// Check if we have an image ID for this param.
						if ( &#039;undefined&#039; !== typeof values[ option.param_name + &#039;_id&#039; ] &amp;&amp; &#039;&#039; !== values[ option.param_name + &#039;_id&#039; ] )	{
							if ( &#039;object&#039; !== typeof FusionPageBuilderApp.mediaMap.images[ value ] ) {
								FusionPageBuilderApp.mediaMap.images[ value ] = {};
							}
							FusionPageBuilderApp.mediaMap.images[ value ][ option.param_name + &#039;_id&#039; ] = values[ option.param_name + &#039;_id&#039; ];
						}
					} else if ( &#039;upload_images&#039; === option.type &amp;&amp; &#039;undefined&#039; !== typeof values[ option.param_name ] &amp;&amp; &#039;&#039; !== values[ option.param_name ] ) {
						if ( &#039;object&#039; !== typeof FusionPageBuilderApp.mediaMap.multiple_images ) {
							FusionPageBuilderApp.mediaMap.multiple_images = {};
						}

						const key = option.param_name + &#039;-&#039; + values[ option.param_name ];

						if ( &#039;object&#039; !== typeof FusionPageBuilderApp.mediaMap.multiple_images[ key ] ) {
							FusionPageBuilderApp.mediaMap.multiple_images[ key ] = {};
						}

						// Add images URLs
						const images = values[ option.param_name ].split( &#039;,&#039; );
						images.forEach( ( id ) =&gt; {
								const image = wp.media.attachment( id );
								if ( _.isUndefined( image.get( &#039;url&#039; ) ) ) {
									image.fetch().then( function() {
										FusionPageBuilderApp.mediaMap.multiple_images[ key ][ id ] = image.get( &#039;url&#039; );
									} );
								} else {
									FusionPageBuilderApp.mediaMap.multiple_images[ key ][ id ] = image.get( &#039;url&#039; );
								}
						} );
					}
				} );
			},

			createMultiElementParentMediaMap: function( shortcodeName, content ) {
				var regExp      = window.wp.shortcode.regexp( shortcodeName ),
					innerRegExp = this.regExpShortcode( shortcodeName ),
					options     = fusionAllElements[ shortcodeName ].params,
					matches     = content.match( regExp );

				if ( &#039;object&#039; !== typeof options ) {
					return;
				}

				if ( matches ) {
					_.each( matches, function( shortcode ) {
						var shortcodeElement    = shortcode.match( innerRegExp ),
							shortcodeAttributes = &#039;&#039; !== shortcodeElement[ 3 ] ? window.wp.shortcode.attrs( shortcodeElement[ 3 ] ) : &#039;&#039;;

						if ( &#039;undefined&#039; !== typeof shortcodeAttributes.named &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.image_id &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.image ) {
							_.each( options, function( option ) {
								var imageID, image;

								if ( &#039;upload&#039; === option.type &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named[ option.param_name ] ) {
									image   = shortcodeAttributes.named[ option.param_name ];
									imageID = shortcodeAttributes.named.image_id;

									if ( &#039;&#039; === image ) {
										return;
									}

									// If its not within object already, add it.
									if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.images[ image ] ) {
										FusionPageBuilderApp.mediaMap.images[ image ] = true;
									}

									// Check if we have an image ID for this param.
									if ( &#039;&#039; !== imageID &amp;&amp; &#039;image&#039; === option.param_name )	{
										if ( &#039;object&#039; !== typeof FusionPageBuilderApp.mediaMap.images[ image ] ) {
											FusionPageBuilderApp.mediaMap.images[ image ] = {};
										}
										FusionPageBuilderApp.mediaMap.images[ image ].image_id = imageID;
									}
								}
							} );
						}

						// If media slide.
						if ( &#039;fusion_slide&#039; === shortcodeName &amp;&amp; &#039;undefined&#039; !== typeof shortcodeElement[ 5 ] &amp;&amp; &#039;&#039; !== shortcodeElement[ 5 ] ) {
							// If its not within object already, add it.
							if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.images[ shortcodeElement[ 5 ] ] ) {
									FusionPageBuilderApp.mediaMap.images[ shortcodeElement[ 5 ] ] = true;
								}
						}
					} );
				}
			},

			createBuilderLayout: function( content ) {
				if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-builder-library-edit&#039; ) &amp;&amp; ! jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-mega_menus&#039; ) ) {
					content = FusionPageBuilderApp.validateLibraryContent( content );
				}

				content = this.convertGalleryElement( content );

				this.shortcodesToBuilder( content );

				this.legacyColumnSpacing();
				this.legacyContainerBorderSize();

				if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-builder-library-edit&#039; ) &amp;&amp; ! jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-mega_menus&#039; ) ) {
					this.libraryBuilderToShortcodes();
				} else {
					this.builderToShortcodes();
				}
			},

			legacyContainerBorderSize: function() {
				this.collection.each( function( model ) {
					var params;
					if ( &#039;fusion_builder_container&#039; === model.get( &#039;type&#039; ) ) {
						params = model.get( &#039;params&#039; );

						// 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 ( &#039;undefined&#039; !== typeof params.border_size ) {
							if ( &#039;&#039; !== params.border_size ) {
								params.border_sizes_top    = isNaN( params.border_size ) ? params.border_size : params.border_size + &#039;px&#039;;
								params.border_sizes_bottom = params.border_sizes_top;
								params.border_sizes_left   = &#039;0px&#039;;
								params.border_sizes_right  = &#039;0px&#039;;
							}
							delete params.border_size;
							model.set( &#039;params&#039;, params );
						}
					}
				} );
			},

			legacyColumnSpacing: function() {
				var self       = this,
					rows       = {
						parent: {},
						nested: {}
					},
					rowId       = 0,
					nestedId    = 0,
					nestedCount = 0,
					widthCount  = 0,
					column;

				this.collection.each( function( model ) {
					if ( &#039;fusion_builder_row&#039; === model.get( &#039;type&#039; ) ) {
						rowId++;
					} else if ( &#039;fusion_builder_row_inner&#039; === model.get( &#039;type&#039; ) ) {
						nestedId++;
					} else if ( &#039;fusion_builder_column&#039; === model.get( &#039;type&#039; ) || &#039;fusion_builder_column_inner&#039; === model.get( &#039;type&#039; ) ) {
						params = model.get( &#039;params&#039; );
						width  = self.validateColumnWidth( params.type );
						column = {
							model: model
						};

						if ( &#039;fusion_builder_column&#039; === model.get( &#039;type&#039; ) ) {
							widthCount += width;
							if ( 1 &lt; widthCount ) {
								rowId += 1;
								widthCount = width;
							}

							if ( &#039;undefined&#039; === typeof rows.parent[ rowId ] ) {
								rows.parent[ rowId ] = [ column ];
							} else {
								rows.parent[ rowId ].push( column );
							}
						} else {
							nestedCount += width;
							if ( 1 &lt; nestedCount ) {
								nestedId += 1;
								nestedCount = width;
							}

							if ( &#039;undefined&#039; === typeof rows.nested[ nestedId ] ) {
								rows.nested[ nestedId ] = [ column ];
							} else {
								rows.nested[ nestedId ].push( column );
							}
						}
					}
				} );

				// Loop over parent rows.
				_.each( rows.parent, function( row, rowIndex ) {
					self.setLegacySpacing( row, rowIndex );
				} );

				// Loop over nested rows.
				if ( ! _.isEmpty( rows.nested ) ) {
					_.each( rows.nested, function( row, rowIndex ) {
						self.setLegacySpacing( row, rowIndex );
					} );
				}
			},

			setLegacySpacing: function( row, rowIndex ) {
				var self            = this,
					total           = row.length,
					lastIndex       = total - 1,
					previousSpacing = &#039;&#039;,
					emptySpacing    = true,
					lastModel       = false,
					container       = false;

				// Loop over columns inside virtual row
				_.each( row, function( col, colIndex ) {
					var columnFirst     = false,
						columnLast      = false,
						model           = col.model,
						params          = jQuery.extend( true, {}, model.get( &#039;params&#039; ) ),
						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 ( &#039;undefined&#039; !== typeof params.spacing ) {
						spacing = params.spacing;
						if ( &#039;yes&#039; === spacing ) {
							spacing = &#039;4%&#039;;
						} else if ( &#039;no&#039; === spacing ) {
							spacing = &#039;0px&#039;;
						}
						if ( &#039;0px&#039; !== spacing &amp;&amp; 0 !== spacing &amp;&amp; &#039;0&#039; !== spacing ) {
							emptySpacing = false;
						}

						weightedSpacing = self.getWeightedSpacing( spacing, params, total );

						// Only set params if both are unset.
						if ( &#039;undefined&#039; === typeof params.spacing_left &amp;&amp; &#039;undefined&#039; === 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 ( &#039;&#039; !== previousSpacing ) {
								params.spacing_left = self.getWeightedSpacing( previousSpacing, params, total );
							}
						}

						previousSpacing = spacing;
					} else {
						emptySpacing = false;
					}

					lastModel = model;
					model.set( &#039;params&#039;, params );
				} );

				// If all columns were empty, find parent container based on last col and add 0px.
				if ( lastModel &amp;&amp; emptySpacing ) {
					container = this.getParentContainer( lastModel.get( &#039;cid&#039; ) );
					if ( container ) {
						container.model.attributes.params.flex_column_spacing = &#039;0px&#039;;
					}
				}
			},

			getHalfSpacing: function( value ) {
				var unitlessSpacing = parseFloat( value ),
					unitlessHalf    = unitlessSpacing / 2;

				return value.replace( unitlessSpacing, unitlessHalf );
			},

			getWeightedSpacing: function( value, params, total ) {
				var width            = parseFloat( this.validateColumnWidth( params.type ) ),
					unitlessSpacing  = parseFloat( value ),
					unitlessWeighted;

				total = &#039;undefined&#039; === typeof total || false === total ? false : parseInt( total );

				if ( false !== total &amp;&amp; 3 &gt; total ) {
					unitlessWeighted = unitlessSpacing * width;
				} else {
					unitlessWeighted = unitlessSpacing / 2;
				}

				return value.replace( unitlessSpacing, unitlessWeighted );
			},

			validateColumnWidth: function( columnSize ) {
				var fractions;

				if ( &#039;undefined&#039; === typeof columnSize ) {
					columnSize = &#039;1_3&#039;;
				}

				// Fractional value.
				if ( -1 !== columnSize.indexOf( &#039;_&#039; ) ) {
					fractions = columnSize.split( &#039;_&#039; );
					return parseFloat( fractions[ 0 ] ) / parseFloat( fractions[ 1 ] );
				}

				// Greater than one, assume percentage and divide by 100.
				if ( 1 &lt; parseFloat( columnSize ) ) {
					return parseFloat( columnSize ) / 100;
				}

				return columnSize;
			},

			/**
			 * Convert shortcodes for the builder.
			 *
			 * @since 2.0.0
			 * @param {string} content - The content.
			 * @param {number} parentCID - The parent CID.
			 * @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, targetEl, targetPosition ) {
				var thisEl,
					regExp,
					innerRegExp,
					matches,
					shortcodeTags;

				// Show blank page layout
				if ( &#039;&#039; === content &amp;&amp; ! this.$el.find( &#039;.fusion-builder-blank-page-content&#039; ).length ) {
					this.createBuilderLayout( &#039;[fusion_builder_blank_page][/fusion_builder_blank_page]&#039; );

					return;
				}

				thisEl        = this;
				shortcodeTags = _.keys( fusionAllElements ).join( &#039;|&#039; );
				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 = &#039;&#039; !== shortcodeElement[ 3 ] ? window.wp.shortcode.attrs( shortcodeElement[ 3 ] ) : &#039;&#039;,
						shortcodeContent    = &#039;undefined&#039; !== typeof shortcodeElement[ 5 ] ? shortcodeElement[ 5 ] : &#039;&#039;,
						elementCID          = FusionPageBuilderViewManager.generateCid(),
						prefixedAttributes  = { params: ( {} ) },
						elementSettings,
						key,
						prefixedKey,
						dependencyOption,
						dependencyOptionValue,
						elementContent,
						alpha,
						paging,
						values,
						buttonPrefix,
						radiaDirectionsNew,

						// Check for shortcodes inside shortcode content
						shortcodesInContent = &#039;undefined&#039; !== typeof shortcodeContent &amp;&amp; &#039;&#039; !== shortcodeContent &amp;&amp; shortcodeContent.match( regExp ),

						// Check if shortcode allows generator
						allowGenerator = &#039;undefined&#039; !== typeof fusionAllElements[ shortcodeName ].allow_generator ? fusionAllElements[ shortcodeName ].allow_generator : &#039;&#039;;

					elementSettings = {
						type: shortcodeName,
						element_type: shortcodeName,
						cid: elementCID,
						created: &#039;manually&#039;,
						multi: &#039;&#039;,
						params: {},
						allow_generator: allowGenerator
					};

					if ( &#039;fusion_builder_container&#039; !== shortcodeName || &#039;fusion_builder_next_page&#039; !== shortcodeName || &#039;fusion_woo_checkout_form&#039; !== shortcodeName || &#039;fusion_builder_form_step&#039; !== shortcodeName ) {
						elementSettings.parent = parentCID;
					}

					if ( &#039;fusion_builder_container&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_row&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_column&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_column_inner&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_row_inner&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_blank_page&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_next_page&#039; !== shortcodeName &amp;&amp; &#039;fusion_woo_checkout_form&#039; !== shortcodeName  &amp;&amp; &#039;fusion_builder_form_step&#039; !== shortcodeName ) {

						if ( -1 !== shortcodeName.indexOf( &#039;fusion_&#039; ) ||
							-1 !== shortcodeName.indexOf( &#039;layerslider&#039; ) ||
							-1 !== shortcodeName.indexOf( &#039;rev_slider&#039; ) ||
							&#039;undefined&#039; !== typeof fusionAllElements[ shortcodeName ] ) {
							elementSettings.type = &#039;element&#039;;
						}
					}

					if ( _.isObject( shortcodeAttributes.named ) ) {

						// If no blend mode is defined, check if we should set to overlay.
						if ( ( &#039;fusion_builder_container&#039; === shortcodeName || &#039;fusion_builder_column&#039; === shortcodeName || &#039;fusion_builder_column_inner&#039; === shortcodeName ) &amp;&amp; &#039;undefined&#039; === typeof shortcodeAttributes.named.background_blend_mode ) {
							backgroundColor = shortcodeAttributes.named.background_color;
							videoBg         = &#039;fusion_builder_container&#039; === shortcodeName &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.video_bg ? shortcodeAttributes.named.video_bg : &#039;&#039;;

							if ( &#039;fusion_builder_container&#039; === shortcodeName &amp;&amp; ( &#039;undefined&#039; === typeof backgroundColor || &#039;&#039; === backgroundColor ) ) {
								backgroundColor = fusionAllElements[ shortcodeName ].defaults.background_color;
							}
							if ( &#039;&#039; !== backgroundColor  ) {
								alphaBackgroundColor = jQuery.AWB_Color( backgroundColor ).alpha();
								if ( 1 &gt; alphaBackgroundColor &amp;&amp; 0 !== alphaBackgroundColor &amp;&amp; ( &#039;&#039; !== shortcodeAttributes.named.background_image || &#039;&#039; !== videoBg ) ) {
									shortcodeAttributes.named.background_blend_mode = &#039;overlay&#039;;
								}
							}
						}

						// Correct radial direction params.
						if ( ( &#039;fusion_builder_container&#039; === shortcodeName || &#039;fusion_builder_column&#039; === shortcodeName || &#039;fusion_builder_column_inner&#039; === shortcodeName ) &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.radial_direction ) {
							radiaDirectionsNew   = { &#039;bottom&#039;: &#039;center bottom&#039;, &#039;bottom center&#039;: &#039;center bottom&#039;, &#039;left&#039;: &#039;left center&#039;, &#039;right&#039;: &#039;right center&#039;, &#039;top&#039;: &#039;center top&#039;, &#039;center&#039;: &#039;center center&#039;, &#039;center left&#039;: &#039;left center&#039; };

							if ( shortcodeAttributes.named.radial_direction in radiaDirectionsNew ) {
								shortcodeAttributes.named.radial_direction = radiaDirectionsNew[ shortcodeAttributes.named.radial_direction ];
							}
						}

						if ( &#039;fusion_tb_meta&#039; === shortcodeName ) {
							// Border sizes.
							if ( ( &#039;undefined&#039; === typeof shortcodeAttributes.named.border_top ||
								&#039;undefined&#039; === typeof shortcodeAttributes.named.border_bottom ||
								&#039;undefined&#039; === typeof shortcodeAttributes.named.border_left ||
								&#039;undefined&#039; === typeof shortcodeAttributes.named.border_right ) &amp;&amp;
								&#039;string&#039; === typeof shortcodeAttributes.named.border_size ) {
								shortcodeAttributes.named.border_top    = shortcodeAttributes.named.border_size + &#039;px&#039;;
								shortcodeAttributes.named.border_bottom = shortcodeAttributes.named.border_size + &#039;px&#039;;
							}
							delete shortcodeAttributes.named.border_size;
						}

						if ( &#039;fusion_builder_container&#039; === shortcodeName ) {
							// Set flex mode if not set, stops migration on front-end.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.type &amp;&amp; &#039;object&#039; === typeof fusionAllElements.fusion_builder_container ) {
								shortcodeAttributes.named.type = fusionAllElements.fusion_builder_container.defaults.type;
							} else if ( &#039;undefined&#039; !== typeof fusionBuilderConfig.container_legacy_support &amp;&amp; ( &#039;0&#039; === fusionBuilderConfig.container_legacy_support || 0 === fusionBuilderConfig.container_legacy_support || false === fusionBuilderConfig.container_legacy_support ) ) {
								// Is set and legacy mode is off, force to flex.
								shortcodeAttributes.named.type = &#039;flex&#039;;
							}
							// No column align, but equal heights is on, set to stretch.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.flex_align_items &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.equal_height_columns &amp;&amp; &#039;yes&#039; === shortcodeAttributes.named.equal_height_columns ) {
								shortcodeAttributes.named.flex_align_items = &#039;stretch&#039;;
							}
							// No align content, but it is 100% height and centered.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.align_content &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.hundred_percent_height &amp;&amp; &#039;yes&#039; === shortcodeAttributes.named.hundred_percent_height &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.hundred_percent_height_center_content &amp;&amp; &#039;yes&#039; === shortcodeAttributes.named.hundred_percent_height_center_content ) {
								shortcodeAttributes.named.align_content = &#039;center&#039;;
							}
						}

						if ( &#039;fusion_builder_column&#039; === shortcodeName || &#039;fusion_builder_column_inner&#039; === shortcodeName ) {
							// No align self set but ignore equal heights is on.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.align_self &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.min_height &amp;&amp; &#039;none&#039; === shortcodeAttributes.named.min_height ) {
								shortcodeAttributes.named.align_self = &#039;flex-start&#039;;
							}

							// No align content set, but legacy center_content is on.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.align_content &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.center_content &amp;&amp; &#039;yes&#039; === shortcodeAttributes.named.center_content ) {
								shortcodeAttributes.named.align_content = &#039;center&#039;;
							}

							// Border sizes.
							if ( ( &#039;undefined&#039; === typeof shortcodeAttributes.named.border_sizes_top || &#039;undefined&#039; === typeof shortcodeAttributes.named.border_sizes_bottom || &#039;undefined&#039; === typeof shortcodeAttributes.named.border_sizes_left || &#039;undefined&#039; === typeof shortcodeAttributes.named.border_sizes_right ) &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.border_size ) {
								switch ( shortcodeAttributes.named.border_position ) {
									case &#039;all&#039;:
										shortcodeAttributes.named.border_sizes_top    = shortcodeAttributes.named.border_size;
										shortcodeAttributes.named.border_sizes_bottom = shortcodeAttributes.named.border_size;
										shortcodeAttributes.named.border_sizes_left   = shortcodeAttributes.named.border_size;
										shortcodeAttributes.named.border_sizes_right  = shortcodeAttributes.named.border_size;
										break;

									default:
										shortcodeAttributes.named[ &#039;border_sizes_&#039; + shortcodeAttributes.named.border_position ] = shortcodeAttributes.named.border_size;
								}
								delete shortcodeAttributes.named.border_size;
							}
						}

						if ( &#039;fusion_fontawesome&#039; === shortcodeName ) {
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.iconcolor_hover &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.iconcolor ) {
								shortcodeAttributes.named.iconcolor_hover = shortcodeAttributes.named.iconcolor;
							}
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.circlecolor_hover &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.circlecolor ) {
								shortcodeAttributes.named.circlecolor_hover = shortcodeAttributes.named.circlecolor;
							}
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.circlebordercolor_hover &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.circlebordercolor ) {
								shortcodeAttributes.named.circlebordercolor_hover = shortcodeAttributes.named.circlebordercolor;
							}
						}

						if ( &#039;fusion_title&#039; === shortcodeName ) {
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.margin_top_small &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.margin_top_mobile ) {
								shortcodeAttributes.named.margin_top_small = shortcodeAttributes.named.margin_top_mobile;
							}
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.margin_bottom_small &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.margin_bottom_mobile ) {
								shortcodeAttributes.named.margin_bottom_small = shortcodeAttributes.named.margin_bottom_mobile;
							}
						}

						if ( &#039;fusion_countdown&#039; === shortcodeName ) {

							// Correct old combined border radius setting.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.counter_border_radius &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.border_radius ) {
								shortcodeAttributes.named.counter_border_radius = shortcodeAttributes.named.border_radius;
							}

							// Correct the label text color.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.label_color &amp;&amp; &#039;string&#039; === typeof shortcodeAttributes.named.counter_text_color ) {
								shortcodeAttributes.named.label_color = shortcodeAttributes.named.counter_text_color;
							}
						}

						if ( &#039;fusion_widget&#039; === shortcodeName ) {

							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.margin_top &amp;&amp; &#039;undefined&#039; === typeof shortcodeAttributes.named.margin_right &amp;&amp; &#039;undefined&#039; === typeof shortcodeAttributes.named.margin_bottom &amp;&amp; &#039;undefined&#039; === typeof shortcodeAttributes.named.margin_left &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.fusion_margin ) {
								shortcodeAttributes.named.margin_top    = shortcodeAttributes.named.fusion_margin;
								shortcodeAttributes.named.margin_right  = shortcodeAttributes.named.fusion_margin;
								shortcodeAttributes.named.margin_bottom = shortcodeAttributes.named.fusion_margin;
								shortcodeAttributes.named.margin_left   = shortcodeAttributes.named.fusion_margin;
							}
						}

						for ( key in shortcodeAttributes.named ) {

							prefixedKey = key;
							if ( ( &#039;fusion_builder_column&#039; === shortcodeName || &#039;fusion_builder_column_inner&#039; === shortcodeName ) &amp;&amp; &#039;type&#039; === prefixedKey ) {
								prefixedKey = &#039;layout&#039;;

								prefixedAttributes[ prefixedKey ] = shortcodeAttributes.named[ key ];
							}

							prefixedAttributes.params[ prefixedKey ] = shortcodeAttributes.named[ key ];
							if ( &#039;fusion_products_slider&#039; === shortcodeName &amp;&amp; &#039;cat_slug&#039; === key ) {
								prefixedAttributes.params.cat_slug = shortcodeAttributes.named[ key ].replace( /\|/g, &#039;,&#039; );
							}
							if ( &#039;gradient_colors&#039; === key ) {
								delete prefixedAttributes.params[ prefixedKey ];
								if ( -1 !== shortcodeAttributes.named[ key ].indexOf( &#039;|&#039; ) ) {
									prefixedAttributes.params.button_gradient_top_color = shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 0 ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; );
									prefixedAttributes.params.button_gradient_bottom_color = shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 1 ] ? shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 1 ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; ) : shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 0 ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; );
								} else {
									prefixedAttributes.params.button_gradient_bottom_color = prefixedAttributes.params.button_gradient_top_color = shortcodeAttributes.named[ key ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; );
								}
							}
							if ( &#039;gradient_hover_colors&#039; === key ) {
								delete prefixedAttributes.params[ prefixedKey ];
								if ( -1 !== shortcodeAttributes.named[ key ].indexOf( &#039;|&#039; ) ) {
									prefixedAttributes.params.button_gradient_top_color_hover = shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 0 ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; );
									prefixedAttributes.params.button_gradient_bottom_color_hover = shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 1 ] ? shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 1 ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; ) : shortcodeAttributes.named[ key ].split( &#039;|&#039; )[ 0 ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; );
								} else {
									prefixedAttributes.params.button_gradient_bottom_color_hover = prefixedAttributes.params.button_gradient_top_color_hover = shortcodeAttributes.named[ key ].replace( &#039;transparent&#039;, &#039;rgba(255,255,255,0)&#039; );
								}
							}
							if ( &#039;overlay_color&#039; === key &amp;&amp; &#039;&#039; !== shortcodeAttributes.named[ key ] &amp;&amp; &#039;fusion_builder_container&#039; === shortcodeName ) {
								delete prefixedAttributes.params[ prefixedKey ];
								alpha = ( &#039;undefined&#039; !== typeof shortcodeAttributes.named.overlay_opacity ) ? shortcodeAttributes.named.overlay_opacity : 1;
								prefixedAttributes.params.background_color = jQuery.AWB_Color( shortcodeAttributes.named[ key ] ).alpha( alpha ).toRgbaString();
							}
							if ( &#039;overlay_opacity&#039; === key ) {
								delete prefixedAttributes.params[ prefixedKey ];
							}
							if ( &#039;scrolling&#039; === key &amp;&amp; &#039;fusion_blog&#039; === shortcodeName ) {
								delete prefixedAttributes.params.paging;
								paging = ( &#039;undefined&#039; !== typeof shortcodeAttributes.named.paging ) ? shortcodeAttributes.named.paging : &#039;&#039;;
								if ( &#039;no&#039; === paging &amp;&amp; &#039;pagination&#039; === shortcodeAttributes.named.scrolling ) {
									prefixedAttributes.params.scrolling = &#039;no&#039;;
								}
							}

							// 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 ( &#039;fusion_portfolio&#039; === shortcodeName ) {
								if ( &#039;layout&#039; === key ) {
									if ( &#039;grid&#039; === shortcodeAttributes.named[ key ] &amp;&amp; shortcodeAttributes.named.hasOwnProperty( &#039;boxed_text&#039; ) ) {
										shortcodeAttributes.named.boxed_text = &#039;no_text&#039;;
									} else if ( &#039;grid-with-text&#039; === shortcodeAttributes.named[ key ] ) {
										prefixedAttributes.params[ key ] = &#039;grid&#039;;
									}
								}

								if ( &#039;boxed_text&#039; === key ) {
									prefixedAttributes.params.text_layout = shortcodeAttributes.named[ key ];
									delete prefixedAttributes.params[ key ];
								}

								if ( &#039;content_length&#039; === key &amp;&amp; &#039;full-content&#039; === shortcodeAttributes.named[ key ] ) {
									prefixedAttributes.params[ key ] = &#039;full_content&#039;;
								}

							}

							// Make sure the background hover color is set to border color, if it does not exist already.
							if ( &#039;fusion_pricing_table&#039; === shortcodeName ) {
								if ( &#039;backgroundcolor&#039; === key &amp;&amp; ! shortcodeAttributes.named.hasOwnProperty( &#039;background_color_hover&#039; ) ) {
									prefixedAttributes.params.background_color_hover = shortcodeAttributes.named.bordercolor;
								}
							}

							if ( &#039;type&#039; === key &amp;&amp; ( &#039;fusion_widget&#039; === shortcodeName ) &amp;&amp; -1 !== prefixedAttributes.params[ key ].indexOf( &#039;Tribe&#039; ) ) {
								prefixedAttributes.params[ key ] = prefixedAttributes.params[ key ].replace( /\\/g, &#039;&#039; ).split( /(?=[A-Z])/ ).join( &#039;\\&#039; ).replace( &#039;_\\&#039;, &#039;_&#039; );
							}

							if ( &#039;padding&#039; === key &amp;&amp; ( &#039;fusion_widget_area&#039; === shortcodeName || &#039;fusion_builder_column&#039; === shortcodeName || &#039;fusion_builder_column_inner&#039; === shortcodeName ) ) {
								values = shortcodeAttributes.named[ key ].split( &#039; &#039; );

								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 ];
							}
						}

						// Ensures backwards compatibility for the widget element border_color option of the vertical menu.
						if ( &#039;fusion_widget&#039; === shortcodeName &amp;&amp; &#039;Fusion_Widget_Vertical_Menu&#039; === shortcodeAttributes.named.type &amp;&amp; &#039;undefined&#039; === typeof shortcodeAttributes.named.fusion_divider_color ) {
							prefixedAttributes.params.fusion_divider_color = shortcodeAttributes.named.fusion_widget_vertical_menu__border_color;
							delete prefixedAttributes.params.fusion_widget_vertical_menu__border_color;
						}

						// Ensures backwards compatibility for the table style in table element.
						if ( &#039;fusion_table&#039; === shortcodeName &amp;&amp; &#039;undefined&#039; === typeof shortcodeAttributes.named.fusion_table_type ) {
							if ( &#039;1&#039; === shortcodeContent.charAt( 18 ) || &#039;2&#039; === shortcodeContent.charAt( 18 ) ) {
								prefixedAttributes.params.fusion_table_type = shortcodeContent.charAt( 18 );
							}
						}

						// Fix old values of image_width in content boxes and flip boxes and children.
						if ( &#039;fusion_content_boxes&#039; === shortcodeName || &#039;fusion_flip_boxes&#039; === shortcodeName ) {
							if ( &#039;undefined&#039; !== typeof shortcodeAttributes.named.image_width ) {
								prefixedAttributes.params.image_max_width = shortcodeAttributes.named.image_width;
							}

							shortcodeContent = shortcodeContent.replace( /image_width/g, &#039;image_max_width&#039; );
						}

						if ( &#039;fusion_button&#039; === shortcodeName || &#039;fusion_tagline_box&#039; === shortcodeName ) {
							buttonPrefix = &#039;fusion_tagline_box&#039; === shortcodeName ? &#039;button_&#039; : &#039;&#039;;

							// Ensures backwards compatibility for button shape.
							if ( &#039;undefined&#039; !== typeof shortcodeAttributes.named[ buttonPrefix + &#039;shape&#039; ] ) {
								if ( &#039;square&#039; === shortcodeAttributes.named[ buttonPrefix + &#039;shape&#039; ] ) {
									prefixedAttributes.params[ buttonPrefix + &#039;border_radius&#039; ] = &#039;0&#039;;
								} else if ( &#039;round&#039; === shortcodeAttributes.named[ buttonPrefix + &#039;shape&#039; ] ) {
									prefixedAttributes.params[ buttonPrefix + &#039;border_radius&#039; ] = &#039;2&#039;;

									if ( &#039;3d&#039; === shortcodeAttributes.named.type ) {
										prefixedAttributes.params[ buttonPrefix + &#039;border_radius&#039; ] = &#039;4&#039;;
									}
								} else if ( &#039;pill&#039; === shortcodeAttributes.named[ buttonPrefix + &#039;shape&#039; ] ) {
									prefixedAttributes.params[ buttonPrefix + &#039;border_radius&#039; ] = &#039;25&#039;;
								} else if ( &#039;&#039; === shortcodeAttributes.named[ buttonPrefix + &#039;shape&#039; ] ) {
									prefixedAttributes.params[ buttonPrefix + &#039;border_radius&#039; ] = &#039;&#039;;
								}

								delete prefixedAttributes.params[ buttonPrefix + &#039;shape&#039; ];
							}
						}

						if ( &#039;fusion_button&#039; === shortcodeName ) {
							// Ensures backwards compatibility for button border color.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.border_color &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.accent_color &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.accent_color ) {
								prefixedAttributes.params.border_color = shortcodeAttributes.named.accent_color;
							}

							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.border_hover_color &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.accent_hover_color &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.accent_hover_color ) {
								prefixedAttributes.params.border_hover_color = shortcodeAttributes.named.accent_hover_color;
							}
						}

						if ( &#039;fusion_button&#039; === shortcodeName || &#039;fusion_form_submit&#039; === shortcodeName ) {
							// Split border width into 4.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.border_top &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.border_width &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.border_width ) {
								prefixedAttributes.params.border_top    = parseInt( shortcodeAttributes.named.border_width ) + &#039;px&#039;;
								prefixedAttributes.params.border_right  = prefixedAttributes.params.border_top;
								prefixedAttributes.params.border_bottom = prefixedAttributes.params.border_top;
								prefixedAttributes.params.border_left   = prefixedAttributes.params.border_top;
								delete shortcodeAttributes.named.border_width;
							}

							// Split border radius into 4.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.border_radius_top_left &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.border_radius &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.border_radius ) {
								prefixedAttributes.params.border_radius_top_left     = parseInt( shortcodeAttributes.named.border_radius ) + &#039;px&#039;;
								prefixedAttributes.params.border_radius_top_right    = prefixedAttributes.params.border_radius_top_left;
								prefixedAttributes.params.border_radius_bottom_right = prefixedAttributes.params.border_radius_top_left;
								prefixedAttributes.params.border_radius_bottom_left  = prefixedAttributes.params.border_radius_top_left;
								delete shortcodeAttributes.named.border_radius;
							}
						}

						if ( &#039;fusion_alert&#039; === shortcodeName ) {
							if ( &#039;undefined&#039; !== typeof shortcodeAttributes.named.dismissable &amp;&amp; &#039;yes&#039; === shortcodeAttributes.named.dismissable ) {
								prefixedAttributes.params.dismissable = &#039;boxed&#039;;
							}
						}

						if ( &#039;fusion_tagline_box&#039; === shortcodeName ) {
							// Split border radius into 4.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.button_border_radius_top_left &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.button_border_radius &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.button_border_radius ) {
								prefixedAttributes.params.button_border_radius_top_left     = parseInt( shortcodeAttributes.named.border_radius ) + &#039;px&#039;;
								prefixedAttributes.params.button_border_radius_top_right    = prefixedAttributes.params.button_border_radius_top_left;
								prefixedAttributes.params.button_border_radius_bottom_right = prefixedAttributes.params.button_border_radius_top_left;
								prefixedAttributes.params.button_border_radius_bottom_left  = prefixedAttributes.params.button_border_radius_top_left;
								delete shortcodeAttributes.named.button_border_radius;
							}
						}

						if ( &#039;fusion_tb_woo_cart&#039; === shortcodeName || &#039;fusion_tb_woo_reviews&#039; === shortcodeName || &#039;fusion_post_card_cart&#039; === shortcodeName || &#039;fusion_tb_woo_checkout_payment&#039; === shortcodeName ) {
							// Split border width into 4.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.button_border_top &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.button_border_width &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.button_border_width ) {
								prefixedAttributes.params.button_border_top    = parseInt( shortcodeAttributes.named.button_border_width ) + &#039;px&#039;;
								prefixedAttributes.params.button_border_right  = prefixedAttributes.params.button_border_top;
								prefixedAttributes.params.button_border_bottom = prefixedAttributes.params.button_border_top;
								prefixedAttributes.params.button_border_left   = prefixedAttributes.params.button_border_top;
								delete shortcodeAttributes.named.button_border_width;
							}
						}

						if ( &#039;fusion_post_card_cart&#039; === shortcodeName ) {
							// Split border width into 4.
							if ( &#039;undefined&#039; === typeof shortcodeAttributes.named.button_details_border_top &amp;&amp; &#039;undefined&#039; !== typeof shortcodeAttributes.named.button_details_border_width &amp;&amp; &#039;&#039; !== shortcodeAttributes.named.button_details_border_width ) {
								prefixedAttributes.params.button_details_border_top    = parseInt( shortcodeAttributes.named.button_details_border_width ) + &#039;px&#039;;
								prefixedAttributes.params.button_details_border_right  = prefixedAttributes.params.button_details_border_top;
								prefixedAttributes.params.button_details_border_bottom = prefixedAttributes.params.button_details_border_top;
								prefixedAttributes.params.button_details_border_left   = prefixedAttributes.params.button_details_border_top;
								delete shortcodeAttributes.named.button_details_border_width;
							}
						}

						// Ensures backwards compatibility for register note in user registration element.
						if ( &#039;fusion_register&#039; === shortcodeName &amp;&amp; &#039;undefined&#039; === typeof shortcodeAttributes.named.register_note ) {
							prefixedAttributes.params.register_note = fusionBuilderText.user_login_register_note;
						}

						elementSettings = _.extend( elementSettings, prefixedAttributes );
					}

					if ( ! shortcodesInContent &amp;&amp; &#039;fusion_builder_column&#039; !== shortcodeName ) {
						elementSettings.params.element_content = shortcodeContent;
					}

					// Compare shortcode name to multi elements object / array
					if ( shortcodeName in fusionMultiElements ) {
						elementSettings.multi = &#039;multi_element_parent&#039;;
					}

					// Set content for elements with dependency options
					if ( &#039;undefined&#039; !== 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 ( &#039;fusion_builder_container&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_row&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_row_inner&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_column&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_column_inner&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_next_page&#039; !== shortcodeName &amp;&amp; &#039;fusion_woo_checkout_form&#039; !== shortcodeName &amp;&amp; &#039;fusion_builder_form_step&#039; !== shortcodeName ) {
							elementSettings.params.element_content = shortcodeContent;
						}
					}

					if ( &#039;undefined&#039; !== typeof targetEl &amp;&amp; targetEl ) {
						elementSettings.targetElement = targetEl;
					}
					if ( &#039;undefined&#039; !== typeof targetPosition &amp;&amp; targetPosition ) {
						elementSettings.targetElementPosition = targetPosition;
					}

					thisEl.collection.add( [ elementSettings ] );

					if ( shortcodesInContent ) {

						if ( &#039;fusion_builder_container&#039; === shortcodeName || &#039;fusion_builder_row&#039; === shortcodeName || &#039;fusion_builder_row_inner&#039; === shortcodeName || &#039;fusion_builder_column&#039; === shortcodeName || &#039;fusion_builder_column_inner&#039; === shortcodeName ) {
							thisEl.shortcodesToBuilder( shortcodeContent, elementCID );
						}
					}
				} );
			},

			addBuilderElement: function( element ) {

				var view,
					viewSettings = {
						model: element,
						collection: FusionPageBuilderElements
					},
					parentModel,
					elementType,
					previewView;

				switch ( element.get( &#039;type&#039; ) ) {

				case &#039;fusion_builder_blank_page&#039;:

					if ( &#039;undefined&#039; !== typeof fusionBuilderConfig.post_type &amp;&amp; &#039;fusion_form&#039; === fusionBuilderConfig.post_type ) {
						viewSettings.className = &#039;fusion_builder_blank_page&#039;;
						view = new FusionPageBuilder.BlankFormView( viewSettings );
					} else {
						view = new FusionPageBuilder.BlankPageView( viewSettings );
					}

					FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

					if ( ! _.isUndefined( element.get( &#039;view&#039; ) ) ) {
						element.get( &#039;view&#039; ).$el.after( view.render().el );

					} else {
						this.$el.find( &#039;#fusion_builder_container&#039; ).append( view.render().el );
					}

					break;

				case &#039;fusion_builder_container&#039;:

					// Check custom container position
					if ( &#039;&#039; !== FusionPageBuilderApp.targetContainerCID ) {
						element.attributes.view = FusionPageBuilderViewManager.getView( FusionPageBuilderApp.targetContainerCID );

						FusionPageBuilderApp.targetContainerCID = &#039;&#039;;
					}

					view = new FusionPageBuilder.ContainerView( viewSettings );

					FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

					if ( ! _.isUndefined( element.get( &#039;view&#039; ) ) ) {
						if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;after&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
							element.get( &#039;view&#039; ).$el.after( view.render().el );
						} else {
							element.get( &#039;view&#039; ).$el.before( view.render().el );
						}

					} else {
						this.$el.find( &#039;#fusion_builder_container&#039; ).append( view.render().el );
						this.$el.find( &#039;.fusion_builder_blank_page&#039; ).remove();
					}

					// Add row if needed
					if ( &#039;manually&#039; !== element.get( &#039;created&#039; ) ) {
						view.addRow();
					}

					// Check if container is toggled
					if ( ! _.isUndefined( element.attributes.params.admin_toggled ) &amp;&amp; &#039;no&#039; === element.attributes.params.admin_toggled || _.isUndefined( element.attributes.params.admin_toggled ) ) {
						FusionPageBuilderApp.toggledContainers = false;
						$( &#039;.fusion-builder-layout-buttons-toggle-containers&#039; ).find( &#039;span&#039; ).addClass( &#039;dashicons-arrow-up&#039; ).removeClass( &#039;dashicons-arrow-down&#039; );
					}

					break;

				case &#039;fusion_builder_row&#039;:

					view = new FusionPageBuilder.RowView( viewSettings );

					FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

					if ( FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-section-content&#039; ).length ) {
						FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-section-content&#039; ).append( view.render().el );

					} else {
						FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;&gt; .fusion-builder-add-element&#039; ).hide().end().append( view.render().el );
					}

					// Add parent view to inner rows that have been converted from shortcodes
					if ( &#039;manually&#039; === element.get( &#039;created&#039; ) &amp;&amp; &#039;row_inner&#039; === element.get( &#039;element_type&#039; ) ) {
						element.set( &#039;view&#039;, FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ), { silent: true } );
					}

					break;

				case &#039;fusion_builder_row_inner&#039;:

					FusionPageBuilderEvents.trigger( &#039;fusion-remove-modal-view&#039; );

					view = new FusionPageBuilder.InnerRowView( viewSettings );

					FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

					// TODO - Check appendAfter.
					if ( ! _.isUndefined( element.get( &#039;appendAfter&#039; ) ) ) {
						element.get( &#039;appendAfter&#039; ).after( view.render().el );
						element.unset( &#039;appendAfter&#039; );

					} else if ( FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-section-content&#039; ).length ) {
						FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-section-content&#039; ).append( view.render().el );

					} else if ( ! _.isUndefined( element.get( &#039;targetElement&#039; ) ) &amp;&amp; &#039;undefined&#039; === typeof element.get( &#039;from&#039; ) ) {
						if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;after&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
							element.get( &#039;targetElement&#039; ).after( view.render().el );
						} else {
							element.get( &#039;targetElement&#039; ).before( view.render().el );
						}
					} else if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;end&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
						FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;&gt; .fusion-builder-add-element&#039; ).before( view.render().el );
					} else {
						FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;&gt; .fusion-builder-column-controls&#039; ).after( view.render().el );
					}

					// Add parent view to inner rows that have been converted from shortcodes
					if ( &#039;manually&#039; === element.get( &#039;created&#039; ) &amp;&amp; &#039;row_inner&#039; === element.get( &#039;element_type&#039; ) ) {
						element.set( &#039;view&#039;, FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ), { silent: true } );
					}

					break;

				case &#039;fusion_builder_column&#039;:

					if ( element.get( &#039;layout&#039; ) ) {
						viewSettings.className = &#039;fusion-builder-column fusion-builder-column-outer fusion-builder-column-&#039; + element.get( &#039;layout&#039; );

						view = new FusionPageBuilder.ColumnView( viewSettings );

						// This column was cloned
						if ( ! _.isUndefined( element.get( &#039;cloned&#039; ) ) &amp;&amp; true === element.get( &#039;cloned&#039; ) ) {
							element.targetElement = view.$el;
							element.unset( &#039;cloned&#039; );
						}

						FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

						if ( ! _.isUndefined( element.get( &#039;targetElement&#039; ) ) &amp;&amp; &#039;undefined&#039; === typeof element.get( &#039;from&#039; ) ) {
							if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;after&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
								element.get( &#039;targetElement&#039; ).after( view.render().el );
							} else {
								element.get( &#039;targetElement&#039; ).before( view.render().el );
							}
						} else {
							if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;end&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
								FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-row-container&#039; ).append( view.render().el );
							} else {
								FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-row-container .fusion-builder-empty-section&#039; ).after( view.render().el );
							}
							element.unset( &#039;from&#039; );
						}
					}
					break;

				case &#039;fusion_builder_column_inner&#039;:

					viewSettings.className = &#039;fusion-builder-column fusion-builder-column-inner fusion-builder-column-&#039; + element.get( &#039;layout&#039; );

					view = new FusionPageBuilder.NestedColumnView( viewSettings );

					FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

					if ( ! _.isUndefined( element.get( &#039;targetElement&#039; ) ) &amp;&amp; &#039;undefined&#039; === typeof element.get( &#039;from&#039; ) ) {
						if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;after&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
							element.get( &#039;targetElement&#039; ).after( view.render().el );
						} else {
							element.get( &#039;targetElement&#039; ).before( view.render().el );
						}
					} else if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;end&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
						FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-row-container-inner&#039; ).append( view.render().el );
					} else {
						FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-row-container-inner&#039; ).prepend( view.render().el );
					}
					break;

				case &#039;element&#039;:

					viewSettings.attributes = {
						&#039;data-cid&#039;: element.get( &#039;cid&#039; )
					};

					// Multi element child
					if ( &#039;undefined&#039; !== typeof element.get( &#039;multi&#039; ) &amp;&amp; &#039;multi_element_child&#039; === element.get( &#039;multi&#039; ) ) {

						view = new FusionPageBuilder.MultiElementSortableChild( viewSettings );

						element.targetElement = view.$el;

						element.attributes.view.child_views.push( view );

						FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

						if ( ! _.isUndefined( element.get( &#039;targetElement&#039; ) ) ) {
							if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;after&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
								element.get( &#039;targetElement&#039; ).after( view.render().el );
							} else {
								element.get( &#039;targetElement&#039; ).before( view.render().el );
							}

						} else if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;end&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
							FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-sortable-options&#039; ).append( view.render().el );
						} else {
							FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-sortable-options&#039; ).prepend( view.render().el );
						}

						// This child was cloned
						if ( ! _.isUndefined( element.get( &#039;titleLabel&#039; ) ) ) {
							if ( ! _.isUndefined( element.get( &#039;cloned&#039; ) ) ) {
								view.$el.find( &#039;.multi-element-child-name&#039; ).html( element.get( &#039;titleLabel&#039; ) );
							}
							element.unset( &#039;cloned&#039; );
						}

						// Standard element
					} else {

						FusionPageBuilderEvents.trigger( &#039;fusion-remove-modal-view&#039; );

						view = new FusionPageBuilder.ElementView( viewSettings );

						// Get element parent
						parentModel = this.collection.find( function( model ) {
							return model.get( &#039;cid&#039; ) === element.get( &#039;parent&#039; );
						} );

						// Add element builder view to proper column
						if ( &#039;undefined&#039; !== typeof parentModel &amp;&amp; &#039;fusion_builder_column_inner&#039; === parentModel.get( &#039;type&#039; ) ) {

							if ( ! _.isUndefined( element.get( &#039;targetElement&#039; ) ) &amp;&amp; &#039;undefined&#039; === typeof element.get( &#039;from&#039; ) ) {
								if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;after&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
									element.get( &#039;targetElement&#039; ).after( view.render().el );
								} else {
									element.get( &#039;targetElement&#039; ).before( view.render().el );
								}
							} else if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;end&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
								FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-add-element&#039; ).before( view.render().el );
							} else {
								FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.prepend( view.render().el );
							}

						} else if ( ! _.isUndefined( element.get( &#039;targetElement&#039; ) ) &amp;&amp; &#039;undefined&#039; === typeof element.get( &#039;from&#039; ) ) {
							if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;after&#039; === element.get( &#039;targetElementPosition&#039; ) ) {
								element.get( &#039;targetElement&#039; ).after( view.render().el );
							} else {
								element.get( &#039;targetElement&#039; ).before( view.render().el );
							}
						} else if ( &#039;undefined&#039; === typeof element.get( &#039;targetElementPosition&#039; ) || &#039;end&#039; === element.get( &#039;targetElementPosition&#039; ) ) { // TO-DO: Check why this doesn&#039;t work. Will be wrong parent no doubt.
							FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.find( &#039;.fusion-builder-add-element:not(.fusion-builder-column-inner .fusion-builder-add-element)&#039; ).before( view.render().el );
						} else {
							FusionPageBuilderViewManager.getView( element.get( &#039;parent&#039; ) ).$el.prepend( view.render().el );
						}

						FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

						// Check if element was added manually
						if ( &#039;manually&#039; === element.get( &#039;added&#039; ) ) {

							viewSettings.attributes = {
								&#039;data-modal_view&#039;: &#039;element_settings&#039;
							};

							view = new FusionPageBuilder.ModalView( viewSettings );

							$( &#039;body&#039; ).append( view.render().el );

							// Generate element preview
						} else {

							elementType = element.get( &#039;element_type&#039; );

							if ( &#039;undefined&#039; !== typeof fusionAllElements[ elementType ].preview ) {

								previewView = new FusionPageBuilder.ElementPreviewView( viewSettings );
								view.$el.find( &#039;.fusion-builder-module-preview&#039; ).append( previewView.render().el );
							}
						}
					}

					break;

				case &#039;generated_element&#039;:

					FusionPageBuilderEvents.trigger( &#039;fusion-remove-modal-view&#039; );

					// Ignore modals for columns inserted with generator
					if ( &#039;fusion_builder_column_inner&#039; !== element.get( &#039;element_type&#039; ) &amp;&amp; &#039;fusion_builder_column&#039; !== element.get( &#039;element_type&#039; ) ) {

						viewSettings.attributes = {
							&#039;data-modal_view&#039;: &#039;element_settings&#039;
						};
						view = new FusionPageBuilder.ModalView( viewSettings );
						$( &#039;body&#039; ).append( view.render().el );

					}

					break;

				case &#039;fusion_builder_next_page&#039;:
					view = new FusionPageBuilder.NextPage( viewSettings );

					FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

					if ( ! _.isUndefined( element.get( &#039;appendAfter&#039; ) ) ) {

						// TODO - Check appendAfter.
						if ( ! element.get( &#039;appendAfter&#039; ).next().next().hasClass( &#039;fusion-builder-next-page&#039; ) ) {
							element.get( &#039;appendAfter&#039; ).after( view.render().el );
						}
					} else {
						$( &#039;.fusion_builder_container:last-child&#039; ).after( view.render().el );
					}

					break;

				case &#039;fusion_builder_form_step&#039;:
						view = new FusionPageBuilder.FormStep( viewSettings );

						FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

						if ( ! _.isUndefined( element.get( &#039;appendAfter&#039; ) ) &amp;&amp; element.get( &#039;appendAfter&#039; ).length ) {

							element.get( &#039;appendAfter&#039; ).after( view.render().el );
						}  else {
							this.$el.find( &#039;#fusion_builder_container&#039; ).append( view.render().el );
							this.$el.find( &#039;.fusion_builder_blank_page&#039; ).remove();
						}

						break;

				case &#039;fusion_woo_checkout_form&#039;:
					view = new FusionPageBuilder.checkoutForm( viewSettings );

					FusionPageBuilderViewManager.addView( element.get( &#039;cid&#039; ), view );

					if ( ! _.isUndefined( element.get( &#039;appendAfter&#039; ) ) ) {

						// TODO - Check appendAfter.
						if ( 2 &gt; this.$el.find( &#039;.fusion-checkout-form&#039; ).length ) {
							element.get( &#039;appendAfter&#039; ).after( view.render().el );
						}
					} else if ( ! $( &#039;.fusion_builder_container:last-child&#039; ).length ) {
						$( &#039;#fusion_builder_container&#039; ).append( view.render().el );
					} else {
						$( &#039;.fusion_builder_container:last-child&#039; ).after( view.render().el );
					}

					break;

				}
			},

			regExpShortcode: _.memoize( function( tag ) {
				return new RegExp( &#039;\\[(\\[?)(&#039; + tag + &#039;)(?![\\w-])([^\\]\\/]*(?:\\/(?!\\])[^\\]\\/]*)*?)(?:(\\/)\\]|\\](?:([^\\[]*(?:\\[(?!\\/\\2\\])[^\\[]*)*)(\\[\\/\\2\\]))?)(\\]?)&#039; );
			} ),

			findShortcodeMatches: function( content, match ) {

				var shortcodeMatches,
					shortcodeRegExp,
					shortcodeInnerRegExp;

				if ( _.isObject( content ) ) {
					content = content.value;
				}

				shortcodeMatches     = &#039;&#039;;
				content              = &#039;undefined&#039; !== typeof content ? content : &#039;&#039;;
				shortcodeRegExp      = window.wp.shortcode.regexp( match );
				shortcodeInnerRegExp = new RegExp( &#039;\\[(\\[?)(&#039; + match + &#039;)(?![\\w-])([^\\]\\/]*(?:\\/(?!\\])[^\\]\\/]*)*?)(?:(\\/)\\]|\\](?:([^\\[]*(?:\\[(?!\\/\\2\\])[^\\[]*)*)(\\[\\/\\2\\]))?)(\\]?)&#039; );

				if ( &#039;undefined&#039; !== typeof content &amp;&amp; &#039;&#039; !== content ) {
					shortcodeMatches = content.match( shortcodeRegExp );
				}

				return shortcodeMatches;
			},

			beforeGenerateShortcode: function( elementCID ) {
				var elementView = FusionPageBuilderViewManager.getView( elementCID ),
					elementType = elementView.model.get( &#039;element_type&#039; ),
					options     = fusionAllElements[ elementType ].params,
					values      = jQuery.extend( true, {}, fusionAllElements[ elementType ].defaults, elementView.model.get( &#039;params&#039; ) ),
					iconWithoutFusionPrefix;

				if ( &#039;object&#039; !== typeof options ) {
					return;
				}

				// If images needs replaced lets check element to see if we have media being used to add to object.
				if ( &#039;undefined&#039; !== typeof fusionBuilderConfig.replaceAssets &amp;&amp; fusionBuilderConfig.replaceAssets &amp;&amp; ( &#039;-1&#039; !== jQuery( &#039;body&#039; ).attr( &#039;class&#039; ).indexOf( &#039;fusion-element-post-type-&#039; ) || &#039;fusion_template&#039; === fusionBuilderConfig.post_type ) ) {

					this.mapStudioImages( options, values );

					if ( &#039;undefined&#039; !== typeof elementView.model.get( &#039;multi&#039; ) &amp;&amp; &#039;multi_element_parent&#039; === elementView.model.get( &#039;multi&#039; ) &amp;&amp; &#039;&#039; !== values.element_content ) {
						this.createMultiElementParentMediaMap( fusionAllElements[ elementType ].element_child, values.element_content );
					}


					// TODO: should just be on image view.
					if ( &#039;fusion_imageframe&#039; === elementType &amp;&amp; &#039;&#039; !== values.element_content ) {
						// If its not within object already, add it.
						if ( &#039;undefined&#039; === 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 ( &#039;undefined&#039; !== typeof values.image_id &amp;&amp; &#039;&#039; !== values.image_id )	{
							if ( &#039;object&#039; !== typeof FusionPageBuilderApp.mediaMap.images[ values.element_content ] ) {
								FusionPageBuilderApp.mediaMap.images[ values.element_content ] = {};
							}
							FusionPageBuilderApp.mediaMap.images[ values.element_content ].image_id = values.image_id;
						}
					}

					// TODO: move to menu view.
					if ( &#039;fusion_menu&#039; === elementType &amp;&amp; &#039;&#039; !== values.menu ) {
						// If its not within object already, add it.
						if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.menus[ values.menu ] ) {
							FusionPageBuilderApp.mediaMap.menus[ values.menu ] = true;
						}
					}

					// TODO: move this when above are moved as well.
					if ( &#039;fusion_form&#039; === elementType &amp;&amp; &#039;&#039; !== values.form_post_id ) {
						// If its not within object already, add it.
						if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.forms[ values.form_post_id ] ) {
							FusionPageBuilderApp.mediaMap.forms[ values.form_post_id ] = true;
						}
					}

					// Add custom icons that used in forms to media map.
					if ( this.isString( elementType ) &amp;&amp; elementType.startsWith( &#039;fusion_form_&#039; ) &amp;&amp; this.isString( values.input_field_icon ) &amp;&amp; &#039;fusion-prefix-&#039; === values.input_field_icon.substr( 0, 14 ) ) {
						if ( &#039;undefined&#039; !== typeof fusionBuilderConfig.customIcons ) {
							iconWithoutFusionPrefix = values.input_field_icon.substr( 14 );

							// TODO: try to optimize this check.
							jQuery.each( fusionBuilderConfig.customIcons, function( iconPostName, iconSet ) {

							if ( 0 === iconWithoutFusionPrefix.indexOf( iconSet.css_prefix ) ) {
									FusionPageBuilderApp.mediaMap.icons[ iconSet.post_id ] = iconSet.css_prefix;
									return false;
								}
							} );
						}
					}

					// TODO: move this when above are moved as well.
					if ( ( &#039;fusion_tb_post_card_archives&#039; === elementType || &#039;fusion_post_cards&#039; === elementType ) &amp;&amp; &#039;&#039; !== values.post_card ) {
						// If its not within object already, add it.
						if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.post_cards[ values.post_card ] ) {
							FusionPageBuilderApp.mediaMap.post_cards[ values.post_card ] = true;
						}
					}

					// TODO: move this when above are moved as well.
					if ( &#039;fusion_video&#039; === elementType &amp;&amp; &#039;&#039; !== values.video ) {
						// If its not within object already, add it.
						if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.videos[ values.video ] ) {
							FusionPageBuilderApp.mediaMap.videos[ values.video ] = true;
						}
					}

					// TODO: move this when above are moved as well.
					if ( &#039;fusion_builder_container&#039; === elementType &amp;&amp; &#039;&#039; !== values.video_mp4 ) {
						// If its not within object already, add it.
						if ( &#039;undefined&#039; === typeof FusionPageBuilderApp.mediaMap.videos[ values.video_mp4 ] ) {
							FusionPageBuilderApp.mediaMap.videos[ values.video_mp4 ] = true;
						}
					}

					// TODO: move this when above are moved as well.
					if ( &#039;fusion_fontawesome&#039; === elementType &amp;&amp; &#039;&#039; !== values.icon &amp;&amp; &#039;fusion-prefix-&#039; === values.icon.substr( 0, 14 ) ) {
						if ( &#039;undefined&#039; !== typeof fusionBuilderConfig.customIcons ) {
							iconWithoutFusionPrefix = values.icon.substr( 14 );

							// TODO: try to optimize this check.
							jQuery.each( fusionBuilderConfig.customIcons, function( iconPostName, iconSet ) {
								if ( 0 === iconWithoutFusionPrefix.indexOf( iconSet.css_prefix ) ) {
									FusionPageBuilderApp.mediaMap.icons[ iconSet.post_id ] = iconSet.css_prefix;
									return false;
								}
							} );
						}
					}
				}
			},

			libraryBuilderToShortcodes: function() {
				var shortcode = &#039;&#039;,
					cid,
					view;

				// Editing element
				if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-elements&#039; ) ) {
					if ( jQuery( &#039;.fusion-builder-column-outer .fusion_builder_row_inner&#039; ).length ) {
						cid = jQuery( &#039;.fusion-builder-column-outer .fusion_builder_row_inner&#039; ).data( &#039;cid&#039; );
						view  = FusionPageBuilderViewManager.getView( cid );
						shortcode = view.getInnerRowContent();

					} else if ( jQuery( &#039;.fusion_module_block&#039; ).length ) {
						shortcode = FusionPageBuilderApp.generateElementShortcode( jQuery( &#039;.fusion_module_block&#039; ), false );
					}

				// Editing column.
				} else if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-columns&#039; ) || jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-post_cards&#039; ) ) {
					if ( jQuery( &#039;.fusion-builder-column-outer&#039; ).length ) {
						cid = jQuery( &#039;.fusion-builder-column-outer&#039; ).data( &#039;cid&#039; );
						view  = FusionPageBuilderViewManager.getView( cid );
						shortcode = view.getColumnContent( jQuery( &#039;.fusion-builder-column-outer&#039; ) );
					}

				// Editing container
				} else if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-sections&#039; ) ) {
					if ( jQuery( &#039;.fusion-builder-section-content&#039; ).length ) {
						cid = jQuery( &#039;.fusion-builder-section-content.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; );
						view  = FusionPageBuilderViewManager.getView( cid );
						shortcode = view.getContainerContent();
					}
				}

				setTimeout( function() {
					FusionPageBuilderApp.fusionBuilderSetContent( &#039;content&#039;, shortcode );
					FusionPageBuilderEvents.trigger( &#039;fusion-save-history-state&#039; );
					FusionPageBuilderApp.setGoogleFonts( shortcode );
				}, 500 );
			},

			builderToShortcodes: function() {

				var shortcode = &#039;&#039;,
					thisEl    = this,
					plugins   = &#039;object&#039; === typeof fusionBuilderConfig.plugins_active ? fusionBuilderConfig.plugins_active : false,
					offCanvases;

				this.simplifiedMap = [];

				// Reset the media map.
				this.mediaMap = {
					images: {},
					menus: {},
					forms: {},
					post_cards: {},
					videos: {},
					icons: {},
					off_canvases: {}
				};

				if ( jQuery( &#039;body&#039; ).hasClass( &#039;fusion-builder-library-edit&#039; ) &amp;&amp; ! jQuery( &#039;body&#039; ).hasClass( &#039;fusion-element-post-type-mega_menus&#039; ) ) {
					this.libraryBuilderToShortcodes();

				} else if ( &#039;undefined&#039; !== this.pauseBuilder &amp;&amp; ! this.pauseBuilder ) {

					this.$el.find( &#039;.fusion_builder_container, .fusion-builder-form-step&#039; ).each( function( index, value ) {
						var $thisContainer = $( this ).find( &#039;.fusion-builder-section-content&#039; ),
							stepId,
							stepView;

						// Form step shortcode.
						if ( $( this ).hasClass( &#039;fusion-builder-form-step&#039; ) ) {
							stepId   =  $( this ).find( &#039;.fusion-builder-data-cid&#039; ).attr( &#039;data-cid&#039; );
							stepView = stepId ? FusionPageBuilderViewManager.getView( stepId ) : false;

							if ( stepView ) {
								shortcode += stepView.getContent();
							} else {
								shortcode += &#039;[fusion_builder_form_step /]&#039;;
							}
							return;
						}

						shortcode += thisEl.generateElementShortcode( $( this ), true );

						$thisContainer.find( &#039;.fusion_builder_row&#039; ).each( function() {

							var $thisRow = $( this );

							shortcode += &#039;[fusion_builder_row]&#039;;

							$thisRow.find( &#039;.fusion-builder-column-outer&#039; ).each( function() {
								var $thisColumn = $( this ),
									columnCID   = $thisColumn.data( &#039;cid&#039; ),
									columnView  = FusionPageBuilderViewManager.getView( columnCID );

								shortcode += columnView.getColumnContent( $thisColumn );
							} );
							shortcode += &#039;[/fusion_builder_row]&#039;;
						} );

						shortcode += &#039;[/fusion_builder_container]&#039;;

						// Check for next page shortcode
						if ( $( this ).next().hasClass( &#039;fusion-builder-next-page&#039; ) ) {
							shortcode += &#039;[fusion_builder_next_page]&#039;;
						}

						// Check for checkout form shortcode
						if ( $( this ).next().hasClass( &#039;fusion-checkout-form&#039; ) ) {
							shortcode += &#039;[fusion_woo_checkout_form]&#039;;
						}

						if ( $( this ).prev().hasClass( &#039;fusion-checkout-form&#039; ) &amp;&amp; 0 === index ) {
							shortcode = &#039;[fusion_woo_checkout_form]&#039; + shortcode;
						}

					} );

					setTimeout( function() {

						FusionPageBuilderApp.fusionBuilderSetContent( &#039;content&#039;, shortcode );
						FusionPageBuilderEvents.trigger( &#039;fusion-save-history-state&#039; );
						FusionPageBuilderApp.setGoogleFonts( shortcode );
						jQuery( document ).trigger( &#039;fusion-builder-content-updated&#039; );
					}, 500 );
				}

				// Add Off Canvases to media map.
				if ( false !== plugins &amp;&amp; true === plugins.awb_studio ) {
					offCanvases = jQuery( &#039;#pyre_off_canvases&#039; ).val();

					if ( &#039;undefined&#039; !== typeof offCanvases &amp;&amp; offCanvases.length ) {
						_.each( offCanvases, function( key, value ) {
							FusionPageBuilderApp.mediaMap.off_canvases[ key ] = true;
						} );
					}
				}

				// If media map exists, add to post meta for saving.
				if ( ! _.isEmpty( this.mediaMap ) &amp;&amp; &#039;undefined&#039; !== typeof fusionBuilderConfig.replaceAssets &amp;&amp; fusionBuilderConfig.replaceAssets ) {
					jQuery( &#039;#fusion-studio-media-map-field&#039; ).val( JSON.stringify( FusionPageBuilderApp.mediaMap ) );
				}
			},

			/**
			 * Checks page content for font dependencies.
			 *
			 * @since 2.0.0
			 * @return {Object}
			 */
			setGoogleFonts: function( content ) {
				var self        = this,
					googleFonts = {},
					fontFamily,
					$input      = jQuery( &#039;#fusion-google-fonts-field&#039; ),
					savedData   = $input.val();

				if ( savedData &amp;&amp; &#039;&#039; !== savedData ) {
					try {
						savedData = JSON.parse( savedData );
					} catch ( error ) {
						console.log( error );
					}
				}

				googleFonts = this.setElementFonts( content, googleFonts );
				googleFonts = this.setInlineFonts( content, googleFonts );

				// Delete global typographies.
				for ( fontFamily in googleFonts ) {
					if ( fontFamily.includes( &#039;var(&#039; ) ) {
						// awbOriginalPalette is a variable present only on studio plugin.
						if ( window.awbOriginalPalette ) {
							addOverwriteTypographyToMeta( fontFamily );
						}
					}
				}

				if ( &#039;object&#039; === typeof savedData ) {
					_.each( savedData, function( fontData, fontFamily ) {
						_.each( fontData, function( values, key ) {
							savedData[ fontFamily ][ key ] = _.values( values );
						} );
					} );

					// We have existing values and existing value is not the same as new.
					if ( ! _.isEqual( savedData, googleFonts ) ) {

						if ( _.isEmpty( googleFonts ) ) {
							googleFonts = &#039;&#039;;
						}
						savedData = googleFonts; // eslint-disable-line camelcase
					}
				} else if ( ! _.isEmpty( googleFonts ) ) {

					// We do not have existing values and we do have fonts now.
					savedData = googleFonts; // eslint-disable-line camelcase
				}

				// Set the json encoded value to text area.
				$input.val( JSON.stringify( savedData ) );

				function addOverwriteTypographyToMeta( globalVar ) {
					var typoMatch = globalVar.match( /--awb-typography(\d)/ ),
						fontName,
						fontVariant,
						uniqueFontVariant,
						variantMatch,
						i,
						typoId;

					if ( ! typoMatch[ 1 ] || ! Array.isArray( googleFonts[ globalVar ].variants ) ) {
						delete googleFonts[ globalVar ];
						return;
					}

					// Get the font family.
					typoId = typoMatch[ 1 ];
					fontName = awbTypoData.data[ &#039;typography&#039; + typoId ][ &#039;font-family&#039; ];
					fontVariant = [];

					// Get the global font variants and merge with non-global ones.
					for ( i = 0; i &lt; googleFonts[ globalVar ].variants.length; i++ ) {
						if ( googleFonts[ globalVar ].variants[ i ].includes( &#039;var(&#039; ) ) {
							variantMatch = googleFonts[ globalVar ].variants[ i ].match( /--awb-typography(\d)/ );

							if ( variantMatch[ 1 ] ) {
								if ( awbTypoData.data[ &#039;typography&#039; + variantMatch[ 1 ] ].variant ) {
									fontVariant.push( awbTypoData.data[ &#039;typography&#039; + variantMatch[ 1 ] ].variant );
								} else {
									fontVariant.push( &#039;400&#039; );
								}
							}

						} else {
							fontVariant.push( googleFonts[ globalVar ].variants[ i ] );
						}
					}

					// Update the font variant. If exist then concat them.
					if ( googleFonts[ fontName ] ) {
						if ( googleFonts[ fontName ].variants ) {
							googleFonts[ fontName ].variants = googleFonts[ fontName ].variants.concat( fontVariant );
						} else {
							googleFonts[ fontName ].variants = fontVariant;
						}
					} else {
						googleFonts[ fontName ] = {};
						googleFonts[ fontName ].variants = fontVariant;
					}

					// Remove duplicate variants.
					uniqueFontVariant = [];
					googleFonts[ fontName ].variants.forEach( function( el ) {
						if ( ! uniqueFontVariant.includes( el ) ) {
							uniqueFontVariant.push( el );
						}
					} );
					googleFonts[ fontName ].variants = uniqueFontVariant;

					// Finally, delete global variant.
					delete googleFonts[ globalVar ];
				}
			},

			/**
			 * Checks page content for element font families.
			 *
			 * @since 2.0.0
			 * @param object googleFonts
			 * @return {Object}
			 */
			setElementFonts: function( postContent, googleFonts ) {
				var regexp,
					elementFonts,
					tempFonts = {},
					saveFonts = [];

				if ( &#039;&#039; !== postContent &amp;&amp; -1 !== postContent.indexOf( &#039;fusion_font_&#039; ) ) {
					regexp       = new RegExp( &#039;(fusion_font_[^=]*=&quot;)([^&quot;]*)&quot;&#039;, &#039;g&#039; );
					elementFonts = postContent.match( regexp );
					if ( &#039;object&#039; === typeof elementFonts ) {
						_.each( elementFonts, function( match, key ) {
							var matches = match.slice( 0, -1 ).split( &#039;=&quot;&#039; ),
								unique  = matches[ 0 ].replace( &#039;fusion_font_family_&#039;, &#039;&#039; ).replace( &#039;fusion_font_variant_&#039;, &#039;&#039; ),
								type    = &#039;family&#039;;

							if (  -1 !== matches[ 0 ].indexOf( &#039;fusion_font_variant_&#039; ) ) {
								type = &#039;variant&#039;;
							}

							if ( &#039;&#039; === matches[ 1 ] &amp;&amp; &#039;family&#039; === type ) {
								return;
							}

							if ( &#039;object&#039; !== typeof tempFonts[ unique ] ) {
								tempFonts[ unique ] = {};
							} else if ( &#039;family&#039; === type ) {

								// If we are setting family again for something already in process, then save out incomplete and start fresh
								saveFonts.push( tempFonts[ unique ] );
								tempFonts[ unique ] = {};
							}

							tempFonts[ unique ][ type ] = matches[ 1 ];

							// If both are set, add to save fonts and delete from temporary holder so others can be collected with same ID.
							if ( &#039;undefined&#039; !== typeof tempFonts[ unique ].family &amp;&amp; &#039;undefined&#039; !== typeof tempFonts[ unique ].variant ) {
								saveFonts.push( tempFonts[ unique ] );
								delete tempFonts[ unique ];
							}
						} );
					}

					// Check for incomplete ones with family and add them too.
					_.each( tempFonts, function( font, option ) {
						if ( &#039;undefined&#039; !== typeof font.family &amp;&amp; &#039;&#039; !== font.family ) {
							saveFonts.push( tempFonts[ option ] );
						}
					} );

					// Look all fonts for saving and save.
					_.each( saveFonts, function( font, option ) {
						if ( &#039;undefined&#039; === typeof font.family || &#039;&#039; === font.family ) {
							return;
						}
						if ( &#039;undefined&#039; === typeof googleFonts[ font.family ] ) {
							googleFonts[ font.family ] = {
								variants: []
							};
						}

						// Add the variant if it does not exist already.
						if ( &#039;string&#039; === typeof font.variant &amp;&amp; ! googleFonts[ font.family ].variants.includes( font.variant ) ) {
							googleFonts[ font.family ].variants.push( font.variant );
						}
					} );
				}

				return googleFonts;
			},

			/**
			 * Checks page content for inline font families.
			 *
			 * @since 2.0.0
			 * @param object googleFonts
			 * @return {Object}
			 */
			setInlineFonts: function( postContent, googleFonts ) {
				var regexp,
					inlineFonts,
					current   = {},
					tempFonts = [],
					saveFonts = [];

				if ( &#039;&#039; !== postContent &amp;&amp; -1 !== postContent.indexOf( &#039;data-fusion-google-&#039; ) ) {
					regexp       = new RegExp( &#039;data-fusion-google-[^=]*=&quot;([^&quot;]*)&quot;&#039;, &#039;g&#039; );
					inlineFonts = postContent.match( regexp );
					if ( &#039;object&#039; === typeof inlineFonts ) {
						_.each( inlineFonts, function( match, key ) {
							var matches = match.slice( 0, -1 ).split( &#039;=&quot;&#039; ),
								type    = &#039;family&#039;;

							if (  -1 !== matches[ 0 ].indexOf( &#039;data-fusion-google-variant&#039; ) ) {
								type = &#039;variant&#039;;
							}

							// Unfilled font family and reached another, bump to temporary and reset current.
							if ( &#039;string&#039; === typeof current.family &amp;&amp; &#039;family&#039; === type ) {
								tempFonts.push( current );
								current = {};
							}

							current[ type ] = matches[ 1 ];

							// If both are set, add to save fonts and delete from temporary holder so others can be collected with same ID.
							if ( &#039;undefined&#039; !== typeof current.family &amp;&amp; &#039;undefined&#039; !== typeof current.variant ) {
								saveFonts.push( current );
								current = {};
							}
						} );
					}

					// Check for incomplete ones with family and add them too.
					_.each( tempFonts, function( font, option ) {
						if ( &#039;undefined&#039; !== typeof font.family ) {
							saveFonts.push( tempFonts[ option ] );
						}
					} );

					// Look all fonts for saving and save.
					_.each( saveFonts, function( font, option ) {
						if ( &#039;undefined&#039; === typeof googleFonts[ font.family ] ) {
							googleFonts[ font.family ] = {
								variants: [],
								subsets: []
							};
						}

						// Add the variant.
						if ( &#039;string&#039; === typeof font.variant ) {
							googleFonts[ font.family ].variants.push( font.variant );
						}
					} );
				}
				return googleFonts;
			},

			syncGlobalLayouts: function() {
				var $mainContainer = $( &#039;#fusion_builder_main_container&#039; ),
					childChanged   = false,
					updated        = [],
					elementCID,
					element;

				// Return if no globals.
				if ( 0 === $mainContainer.find( &#039;div[class^=&quot;fusion-global-&quot;],div[class*=&quot; fusion-global-&quot;]&#039; ).length ) {
					return;
				}

				// Loop through all global elements.
				$( &#039;div[class^=&quot;fusion-global-&quot;],div[class*=&quot; fusion-global-&quot;]&#039; ).each( function() {
					var globalLayoutID = $( this ).attr( &#039;fusion-global-layout&#039; );

					// Check if multiple instances exist.
					if ( 1 &lt; $mainContainer.find( &#039;[fusion-global-layout=&quot;&#039; + globalLayoutID + &#039;&quot;]&#039; ).length ) {

						// Loop through all multiple instances.
						$( &#039;[fusion-global-layout=&quot;&#039; + globalLayoutID + &#039;&quot;]&#039; ).each( function() {
							childChanged = false;

							// Check for child element changes.
							if ( $( this ).hasClass( &#039;fusion-global-container&#039; ) ) {
								childChanged = FusionPageBuilderApp.isChildElementChanged( $( this ), &#039;container&#039; );
							} else if ( $( this ).hasClass( &#039;fusion-global-column&#039; ) ) {
								childChanged = FusionPageBuilderApp.isChildElementChanged( $( this ), &#039;column&#039; );
							}

							// Get cid from html element.
							elementCID = &#039;undefined&#039; === typeof $( this ).data( &#039;cid&#039; ) ? $( this ).find( &#039;.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; ) : $( this ).data( &#039;cid&#039; );

							// Get model by cid.
							element = FusionPageBuilderElements.find( function( model ) {
								return model.get( &#039;cid&#039; ) === elementCID;
							} );

							if ( ( 0 &lt; _.keys( element.changed ).length || true === childChanged ) &amp;&amp; -1 === $.inArray( globalLayoutID, updated ) ) {

								// Sync models / Update layout template.
								FusionPageBuilderApp.updateGlobalLayouts( this, element, globalLayoutID );
								updated.push( globalLayoutID );
							}
						} );
					}
				} );
			},

			isChildElementChanged: function( currentElement, section ) {

				// TO DO :: Check for clone and delete too.
				var isChanged = false,
					$thisColumn,
					columnCID,
					column;

				if ( &#039;container&#039; === section ) {

					// Parse rows.
					currentElement.find( &#039;.fusion-builder-row-content:not(.fusion_builder_row_inner .fusion-builder-row-content)&#039; ).each( function() {

						var thisRow = $( this ),
							rowCID  = thisRow.data( &#039;cid&#039; ),
							row;

						// Get model from collection by cid.
						row = FusionPageBuilderElements.find( function( model ) {
							return model.get( &#039;cid&#039; ) === rowCID;
						} );

						if ( 0 &lt; _.keys( row.changed ).length ) {
							isChanged = true;
							return false;
						}

						// Parse columns.
						thisRow.find( &#039;.fusion-builder-column-outer&#039; ).each( function() {

							// Parse column elements.
							var thisColumn = $( this ),
								columnCID  = thisColumn.data( &#039;cid&#039; ),

								// Get model from collection by cid.
								column = FusionPageBuilderElements.find( function( model ) {
									return model.get( &#039;cid&#039; ) === columnCID;
								} );

							if ( 0 &lt; _.keys( column.changed ).length ) {
								isChanged = true;
								return false;
							}

							// Find column elements.
							thisColumn.children( &#039;.fusion_module_block, .fusion_builder_row_inner&#039; ).each( function() {
								var thisElement,
									elementCID,
									element,
									thisInnerRow,
									InnerRowCID,
									innerRowView;

								// Regular element.
								if ( $( this ).hasClass( &#039;fusion_module_block&#039; ) ) {

									thisElement = $( this );
									elementCID  = thisElement.data( &#039;cid&#039; );

									// Get model from collection by cid.
									element = FusionPageBuilderElements.find( function( model ) {
										return model.get( &#039;cid&#039; ) === elementCID;
									} );

									if ( 0 &lt; _.keys( element.changed ).length ) {
										isChanged = true;
										return false;
									}
								} else if ( $( this ).hasClass( &#039;fusion_builder_row_inner&#039; ) ) { // Inner row element

									thisInnerRow = $( this );
									InnerRowCID = thisInnerRow.data( &#039;cid&#039; );

									innerRowView = FusionPageBuilderViewManager.getView( InnerRowCID );

									// Check inner row.
									if ( &#039;undefined&#039; !== typeof innerRowView ) {
										isChanged = FusionPageBuilderApp.isNestedRowChanged( &#039;&#039;, columnCID );
									}
								}

							} );

						} );

					} );
				} else if ( &#039;column&#039; === section ) {
					$thisColumn = &#039;&#039;;
					columnCID   = currentElement.data( &#039;cid&#039; );

					// Get model from collection by cid.
					column = FusionPageBuilderElements.find( function( model ) {
						return model.get( &#039;cid&#039; ) === columnCID;
					} );

					if ( 0 &lt; _.keys( column.changed ).length ) {
						isChanged = true;
						return false;
					}

					// Parse column elements.
					$thisColumn = currentElement;
					$thisColumn.find( &#039;.fusion_builder_column_element:not(.fusion-builder-column-inner .fusion_builder_column_element)&#039; ).each( function() {
						var $thisModule,
							moduleCID,
							module,
							$thisInnerRow,
							innerRowCID,
							innerRowView;

						// Standard element.
						if ( $( this ).hasClass( &#039;fusion_module_block&#039; ) ) {
							$thisModule = $( this );
							moduleCID   = &#039;undefined&#039; === typeof $thisModule.data( &#039;cid&#039; ) ? $thisModule.find( &#039;.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; ) : $thisModule.data( &#039;cid&#039; );

							// Get model from collection by cid.
							module = FusionPageBuilderElements.find( function( model ) {
								return model.get( &#039;cid&#039; ) === moduleCID;
							} );

							if ( 0 &lt; _.keys( module.changed ).length ) {
								isChanged = true;
								return false;
							}

						// Inner row/nested element.
						} else if ( $( this ).hasClass( &#039;fusion_builder_row_inner&#039; ) ) {
							$thisInnerRow = $( this );
							innerRowCID   = &#039;undefined&#039; === typeof $thisInnerRow.data( &#039;cid&#039; ) ? $thisInnerRow.find( &#039;.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; ) : $thisInnerRow.data( &#039;cid&#039; );
							innerRowView  = FusionPageBuilderViewManager.getView( innerRowCID );

							// Clone inner row.
							if ( &#039;undefined&#039; !== typeof innerRowView ) {
								isChanged = FusionPageBuilderApp.isNestedRowChanged( &#039;&#039;, columnCID );
							}
						}

					} );
				}

				return isChanged;
			},

			isNestedRowChanged: function( event ) {
				var thisInnerRow,
					isChanged;

				if ( event ) {
					event.preventDefault();
				}

				if ( 0 &lt; _.keys( this.model.changed ).length ) {
					isChanged = true;
					return false;
				}

				// Parse inner columns.
				thisInnerRow = this.$el;
				thisInnerRow.find( &#039;.fusion-builder-column-inner&#039; ).each( function() {
					var $thisColumnInner  = $( this ),
						columnInnerCID    = $thisColumnInner.data( &#039;cid&#039; ),
						innerColumnModule = FusionPageBuilderElements.findWhere( { cid: columnInnerCID } );

					if ( 0 &lt; _.keys( innerColumnModule.changed ).length ) {
						isChanged = true;
						return false;
					}

					// Parse elements inside inner col.
					$thisColumnInner.find( &#039;.fusion_module_block&#039; ).each( function() {
						var thisModule = $( this ),
							moduleCID  = &#039;undefined&#039; === typeof thisModule.data( &#039;cid&#039; ) ? thisModule.find( &#039;.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; ) : thisModule.data( &#039;cid&#039; ),

							// Get model from collection by cid.
							module = FusionPageBuilderElements.find( function( model ) {
								return model.get( &#039;cid&#039; ) === moduleCID;
							} );

						if ( 0 &lt; _.keys( module.changed ).length ) {
							isChanged = true;
							return false;
						}
					} );

				} );
				return isChanged;
			},

			checkGlobalParents: function( parentCID ) {
				var $mainContainer = $( &#039;#fusion_builder_main_container&#039; ),
					thisView;

				module = FusionPageBuilderElements.find( function( model ) { // jshint ignore:line
					return model.get( &#039;cid&#039; ) === parentCID;
				} );

				if ( &#039;undefined&#039; === typeof module ) {
					return;
				}

				if ( &#039;undefined&#039; !== typeof module.attributes.params &amp;&amp; &#039;undefined&#039; !== typeof module.attributes.params.fusion_global &amp;&amp; 1 &lt; $mainContainer.find( &#039;[fusion-global-layout=&quot;&#039; + module.attributes.params.fusion_global + &#039;&quot;]&#039; ).length ) {

					// Get element view.
					thisView = FusionPageBuilderViewManager.getView( module.get( &#039;cid&#039; ) );
					if ( &#039;undefined&#039; !== typeof thisView ) {

						// Update global layout.
						FusionPageBuilderApp.updateGlobalLayouts( thisView.$el, module, module.attributes.params.fusion_global );
					}
				}

				if ( &#039;undefined&#039; !== typeof module.attributes.params &amp;&amp; &#039;undefined&#039; !== typeof module.get( &#039;parent&#039; ) ) {
					FusionPageBuilderApp.checkGlobalParents( module.get( &#039;parent&#039; ) );
				}
			},

			updateGlobalLayouts: function( html, element, layoutID ) {
				var $thisContainer = $( html ),
					shortcode      = &#039;&#039;,
					columnCID,
					columnView,
					innerRowCID,
					innerRowView;

				if ( $( html ).hasClass( &#039;fusion_builder_column_element&#039; ) &amp;&amp; ! $( html ).hasClass( &#039;fusion_builder_row_inner&#039; ) ) {
					shortcode += FusionPageBuilderApp.generateElementShortcode( $( html ), false );
				}  else if ( $( html ).hasClass( &#039;fusion_builder_row_inner&#039; ) ) {
					innerRowCID   = $thisContainer.data( &#039;cid&#039; );
					innerRowView  = FusionPageBuilderViewManager.getView( innerRowCID );
					shortcode    += innerRowView.getInnerRowContent( $thisContainer );
				} else if ( $( html ).hasClass( &#039;fusion-builder-column&#039; ) ) {
					columnCID   = $( html ).data( &#039;cid&#039; );
					columnView  = FusionPageBuilderViewManager.getView( columnCID );
					shortcode  += columnView.getColumnContent( $( html ) );
				} else if ( $( html ).hasClass( &#039;fusion_builder_container&#039; ) ) {
					shortcode += FusionPageBuilderApp.generateElementShortcode( $( html ), true );
					$thisContainer.find( &#039;.fusion_builder_row&#039; ).each( function() {
						var $thisRow = $( this );
						shortcode += &#039;[fusion_builder_row]&#039;;
						$thisRow.find( &#039;.fusion-builder-column-outer&#039; ).each( function() {
							var $thisColumn = $( this ),
								columnCID   = $thisColumn.data( &#039;cid&#039; ),
								columnView  = FusionPageBuilderViewManager.getView( columnCID );

							shortcode += columnView.getColumnContent( $thisColumn );

						} );
						shortcode += &#039;[/fusion_builder_row]&#039;;
					} );
					shortcode += &#039;[/fusion_builder_container]&#039;;
				}

				// Update layout in DB.
				$.ajax( {
					type: &#039;POST&#039;,
					url: fusionBuilderConfig.ajaxurl,
					dataType: &#039;json&#039;,
					data: {
						action: &#039;fusion_builder_update_layout&#039;,
						fusion_load_nonce: fusionBuilderConfig.fusion_load_nonce,
						fusion_layout_id: layoutID,
						fusion_layout_content: shortcode
					},
					complete: function() {

						// Do Stuff.
					}
				} );
			},

			saveHistoryState: function() {

				if ( true === this.newLayoutLoaded ) {
					fusionHistoryManager.clearEditor();
					this.newLayoutLoaded = false;
				}

				fusionHistoryManager.captureEditor();
				fusionHistoryManager.turnOffTracking();
			},

			generateElementShortcode: function( $element, openTagOnly, generator ) {
				var attributes = &#039;&#039;,
					content    = &#039;&#039;,
					element,
					$thisElement,
					elementCID,
					elementType,
					elementSettings = &#039;&#039;,
					shortcode,
					ignoredAtts,
					optionDependency,
					optionDependencyValue,
					key,
					setting,
					settingName,
					settingValue,
					param,
					keyName,
					optionValue,
					ignored,
					paramDependency,
					paramDependencyElement,
					paramDependencyValue,
					elementView;

				// Check if added from Shortcode Generator
				if ( true === generator ) {
					element = $element;
				} else {
					$thisElement = $element;

					// Get cid from html element
					elementCID = &#039;undefined&#039; === typeof $thisElement.data( &#039;cid&#039; ) ? $thisElement.find( &#039;.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; ) : $thisElement.data( &#039;cid&#039; );

					// Get model by cid
					element = FusionPageBuilderElements.find( function( model ) {
						return model.get( &#039;cid&#039; ) === elementCID;
					} );
				}

				elementView = FusionPageBuilderViewManager.getView( elementCID );
				if ( &#039;undefined&#039; !== typeof elementView &amp;&amp; &#039;function&#039; === typeof this.beforeGenerateShortcode ) {
					this.beforeGenerateShortcode( elementCID );
				}

				elementType     = &#039;undefined&#039; !== typeof element ? element.get( &#039;element_type&#039; ) : &#039;undefined&#039;;
				shortcode       = &#039;&#039;;
				elementSettings = element.attributes;

				// Ignored shortcode attributes
				ignoredAtts = &#039;undefined&#039; !== typeof fusionAllElements[ elementType ].remove_from_atts ? fusionAllElements[ elementType ].remove_from_atts : [];
				ignoredAtts.push( &#039;undefined&#039; );

				// Option dependency
				optionDependency = ( &#039;undefined&#039; !== typeof fusionAllElements[ elementType ].option_dependency ) ? fusionAllElements[ elementType ].option_dependency : &#039;&#039;;


				if ( &#039;undefined&#039; !== typeof elementSettings.params ) {

					settingValue = &#039;undefined&#039; !== typeof element.get( &#039;params&#039; ) ? element.get( &#039;params&#039; ) : &#039;&#039;;

					// Loop over params
					for ( param in settingValue ) {

						keyName = param;

						if ( &#039;element_content&#039; === keyName ) {

							optionValue = ( &#039;undefined&#039; !== typeof settingValue[ param ] ) ? settingValue[ param ] : &#039;&#039;;

							content = optionValue;

							if ( &#039;undefined&#039; !== typeof settingValue[ optionDependency ] &amp;&amp; &#039;&#039; !== optionDependency ) {
								optionDependency = fusionAllElements[ elementType ].option_dependency;
								optionDependencyValue = ( &#039;undefined&#039; !== typeof settingValue[ optionDependency ] ) ? settingValue[ optionDependency ] : &#039;&#039;;

								// Set content
								content = &#039;undefined&#039; !== typeof settingValue[ optionDependencyValue ] ? settingValue[ optionDependencyValue ] : &#039;&#039;;
							}

						} else {

							ignored = &#039;&#039;;

							if ( &#039;&#039; !== optionDependency ) {

								setting = keyName;

								// Get option dependency value ( value for type )
								optionDependencyValue = ( &#039;undefined&#039; !== typeof settingValue[ optionDependency ] ) ? settingValue[ optionDependency ] : &#039;&#039;;

								// Check for old fusion_map array structure
								if ( &#039;undefined&#039; !== typeof fusionAllElements[ elementType ].params[ setting ] ) {

									// Dependency exists
									if ( &#039;undefined&#039; !== typeof fusionAllElements[ elementType ].params[ setting ].dependency ) {

										paramDependency = fusionAllElements[ elementType ].params[ setting ].dependency;

										paramDependencyElement = ( &#039;undefined&#039; !== typeof paramDependency.element ) ? paramDependency.element : &#039;&#039;;

										paramDependencyValue = ( &#039;undefined&#039; !== typeof paramDependency.value ) ? paramDependency.value : &#039;&#039;;

										if ( paramDependencyElement === optionDependency ) {

											if ( paramDependencyValue !== optionDependencyValue ) {

												ignored = &#039;&#039;;
												ignored = setting;

											}
										}
									}
								}
							}

							// Ignore shortcode attributes tagged with &quot;remove_from_atts&quot;
							if ( -1 &lt; $.inArray( param, ignoredAtts ) || ignored === param ) {

								// This attribute should be ignored from the shortcode
							} else {

								optionValue = &#039;undefined&#039; !== typeof settingValue[ param ] ? settingValue[ param ] : &#039;&#039;;

								// Check if attribute value is null
								if ( null === optionValue ) {
									optionValue = &#039;&#039;;
								}

								if ( ( &#039;on&#039; === fusionBuilderConfig.removeEmptyAttributes &amp;&amp; &#039;&#039; !== optionValue ) || &#039;off&#039; === fusionBuilderConfig.removeEmptyAttributes ) {
									attributes += &#039; &#039; + param + &#039;=&quot;&#039; + optionValue + &#039;&quot;&#039;;
								}
							}
						}
					}

				}

				shortcode = &#039;[&#039; + elementType + attributes;

				if ( &#039;&#039; === content &amp;&amp; &#039;fusion_tab&#039; !== elementType &amp;&amp; &#039;fusion_text&#039; !== elementType &amp;&amp; &#039;fusion_code&#039; !== elementType &amp;&amp; ( &#039;undefined&#039; !== typeof elementSettings.type &amp;&amp; &#039;element&#039; === elementSettings.type ) ) {
					openTagOnly = true;
					shortcode += &#039; /]&#039;;
				} else {
					shortcode += &#039;]&#039;;
				}

				if ( ! openTagOnly ) {
					shortcode += content + &#039;[/&#039; + elementType + &#039;]&#039;;
				}

				if ( &#039;object&#039; !== typeof this.simplifiedMap ) {
					this.simplifiedMap = [];
				}
				this.simplifiedMap.push( {
					shortcode: shortcode,
					params: settingValue,
					type: elementType
				} );

				return shortcode;
			},

			shouldExclude: function( param, elementType ) {
				var excluded = {
					&#039;link_color&#039;: &#039;fusion_builder_container&#039;,
					&#039;link_hover_color&#039;: &#039;fusion_builder_container&#039;
				};

				if ( &#039;undefined&#039; !== typeof excluded[ param ] &amp;&amp; elementType === excluded[ param ] ) {
					return true;
				}

				return false;
			},

			toggleCodeFields: function( event ) {
				event.preventDefault();

				jQuery( &#039;.awb-po-code-fields&#039; ).slideToggle();
				jQuery( &#039;.fusion-custom-css&#039; ).slideUp();
			},
			
			codeFields: function() {
				console.log( &quot;here0&quot;, jQuery( &#039;.awb-po-code-field .awb-code&#039; ) );
				jQuery( &#039;.awb-po-code-field textarea&#039; ).on( &#039;change keyup paste&#039;, function() {
					console.log(&quot;here&quot;, jQuery( &#039;#pyre_tab_code_fields&#039; ).find( &#039;#pyre_&#039; + jQuery( this ).attr( &#039;id&#039; ) ) );
					jQuery( &#039;#pyre_tab_code_fields&#039; ).find( &#039;#pyre_&#039; + jQuery( this ).attr( &#039;id&#039; ) ).val( jQuery( this ).val() );
				} );
			},

			customCSS: function( event ) {
				if ( event ) {
					event.preventDefault();
				}

				jQuery( &#039;.fusion-custom-css&#039; ).slideToggle();
				jQuery( &#039;.awb-po-code-fields&#039; ).slideUp();
			},

			toggleAllContainers: function( event ) {

				var toggleButton,
					containerCID,
					that = this;

				if ( event ) {
					event.preventDefault();
				}

				toggleButton = $( &#039;.fusion-builder-layout-buttons-toggle-containers&#039; ).find( &#039;span&#039; );

				if ( toggleButton.hasClass( &#039;dashicons-arrow-up&#039; ) ) {
					toggleButton.removeClass( &#039;dashicons-arrow-up&#039; ).addClass( &#039;dashicons-arrow-down&#039; );

					jQuery( &#039;.fusion_builder_container&#039; ).each( function() {
						var containerModel;

						containerCID   = jQuery( this ).find( &#039;.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; );
						containerModel = that.collection.find( function( model ) {
							return model.get( &#039;cid&#039; ) === containerCID;
						} );
						containerModel.attributes.params.admin_toggled = &#039;yes&#039;;
						jQuery( this ).addClass( &#039;fusion-builder-section-folded&#039; );
						jQuery( this ).find( &#039;.fusion-builder-toggle &gt; span&#039; ).removeClass( &#039;dashicons-arrow-up&#039; ).addClass( &#039;dashicons-arrow-down&#039; );
					} );

				} else {
					toggleButton.addClass( &#039;dashicons-arrow-up&#039; ).removeClass( &#039;dashicons-arrow-down&#039; );
					jQuery( &#039;.fusion_builder_container&#039; ).each( function() {
						var containerModel;

						containerCID   = jQuery( this ).find( &#039;.fusion-builder-data-cid&#039; ).data( &#039;cid&#039; );
						containerModel = that.collection.find( function( model ) {
							return model.get( &#039;cid&#039; ) === containerCID;
						} );
						containerModel.attributes.params.admin_toggled = &#039;no&#039;;
						jQuery( this ).removeClass( &#039;fusion-builder-section-folded&#039; );
						jQuery( this ).find( &#039;.fusion-builder-toggle &gt; span&#039; ).addClass( &#039;dashicons-arrow-up&#039; ).removeClass( &#039;dashicons-arrow-down&#039; );
					} );
				}

				FusionPageBuilderEvents.trigger( &#039;fusion-element-edited&#039; );
			},

			showSavedElements: function( elementType, container ) {

				var data = jQuery( &#039;#fusion-builder-layouts-&#039; + elementType ).find( &#039;.fusion-page-layouts&#039; ).clone(),
					postId;

				data.find( &#039;li&#039; ).each( function() {
					postId = jQuery( this ).find( &#039;.fusion-builder-demo-button-load&#039; ).attr( &#039;data-post-id&#039; );
					jQuery( this ).find( &#039;.fusion-layout-buttons&#039; ).remove();
					jQuery( this ).find( &#039;h4&#039; ).attr( &#039;class&#039;, &#039;fusion_module_title&#039; );
					jQuery( this ).attr( &#039;data-layout_id&#039;, postId );
					jQuery( this ).addClass( &#039;fusion_builder_custom_&#039; + elementType + &#039;_load&#039; );
					if ( &#039;&#039; !== jQuery( this ).attr( &#039;data-layout_type&#039; ) ) {
						jQuery( this ).addClass( &#039;fusion-element-type-&#039; + jQuery( this ).attr( &#039;data-layout_type&#039; ) );
					}
				} );
				container.append( &#039;&lt;div id=&quot;fusion-loader&quot;&gt;&lt;span class=&quot;fusion-builder-loader&quot;&gt;&lt;/span&gt;&lt;/div&gt;&#039; );
				container.append( &#039;&lt;ul class=&quot;fusion-builder-all-modules&quot;&gt;&#039; + data.html() + &#039;&lt;/div&gt;&#039; );
			},

			rangeOptionPreview: function( view ) {
				view.find( &#039;.fusion-range-option&#039; ).each( function() {
					$( this ).next().html( $( this ).val() );
					$( this ).on( &#039;change mousemove&#039;, function() {
						$( this ).next().html( $( this ).val() );
					} );
				} );
			},

			addClassToElement: function( builderElement, className, layoutID, cid ) {
				var tooltip = fusionBuilderText.global_element;

				builderElement.addClass( className );
				builderElement.attr( &#039;fusion-global-layout&#039;, layoutID );

				if ( &#039;fusion-global-column&#039; === className ) {
					tooltip = fusionBuilderText.global_column;
				} else if ( &#039;fusion-global-container&#039; === className ) {
					tooltip = fusionBuilderText.global_container;
				}

				// If container add to utility toolbar area.
				if ( builderElement.find( &#039;.fusion-builder-container-utility-toolbar&#039; ).length ) {
					builderElement.find( &#039;.fusion-builder-container-utility-toolbar&#039; ).append( &#039;&lt;div class=&quot;fusion-builder-global-tooltip&quot; data-cid=&quot;&#039; + cid + &#039;&quot;&gt;&lt;span&gt;&#039; + tooltip + &#039;&lt;/span&gt;&lt;/div&gt;&#039; );
				} else {
					builderElement.append( &#039;&lt;div class=&quot;fusion-builder-global-tooltip&quot; data-cid=&quot;&#039; + cid + &#039;&quot;&gt;&lt;span&gt;&#039; + tooltip + &#039;&lt;/span&gt;&lt;/div&gt;&#039; );
				}
			},

			calculateTableData: function( params, view ) {
				var tableDOM,
					tr,
					rowsOld,
					thTdOld,
					tdOld,
					columnsOld;

				if ( &#039;undefined&#039; === typeof params.element_content || &#039;&#039; === params.element_content ) {
					return params;
				}

				tableDOM   = jQuery.parseHTML( params.element_content.trim() );
				tr         = jQuery( tableDOM ).find( &#039;tbody &gt; tr&#039; );
				rowsOld    = tr.length + 1;
				thTdOld    = jQuery( tableDOM ).find( &#039;th&#039; ).length;
				tdOld      = tr.first().children( &#039;td&#039; ).length;
				columnsOld = Math.max( thTdOld, tdOld );

				params.fusion_table_columns = columnsOld;
				params.fusion_table_rows = rowsOld;

				return params;
			},

			checkOptionDependency: function( view, thisEl, parentValues, repeaterFields, parentEl ) {
				var $dependencies        = {},
					$dependencyIds       = &#039;&#039;,
					$parentDependencyIds = &#039;&#039;,
					params               = view.params,
					$currentVal,
					$currentId,
					$optionId,
					$passedArray,
					dividerType,
					upAndDown,
					centerOption,
					$targetElement,
					containerView,
					elementCid,
					containerParams;

				if ( &#039;undefined&#039; !== typeof repeaterFields ) {
					params = repeaterFields;
				}

				function doesTestPass( current, comparison, operator ) {
					if ( &#039;==&#039; === operator &amp;&amp; current == comparison ) { // jshint ignore:line
						return true;
					}
					if ( &#039;!=&#039; === operator &amp;&amp; current != comparison ) { // jshint ignore:line
						return true;
					}
					if ( &#039;&gt;&#039; === operator &amp;&amp; current &gt; comparison ) {
						return true;
					}
					if ( &#039;&lt;&#039; === operator &amp;&amp; current &lt; comparison ) {
						return true;
					}
					if ( &#039;contains&#039; === operator &amp;&amp; -1 !== current.toString().indexOf( comparison ) ) {
						return true;
					}
					if ( ( &#039;not_contain&#039; === operator || &#039;doesnt_contain&#039; === operator ) &amp;&amp; -1 === current.toString().indexOf( comparison ) ) {
						return true;
					}
					if ( &#039;is_empty&#039; === operator ) {
						if ( ! current || &#039;&#039; === current || null === current ) {
							return true;
						}
					}
					if ( &#039;is_transparent&#039; === operator ) {
						if ( 0 === jQuery.AWB_Color( current ).alpha() ) {
							return true;
						}
					}
					if ( &#039;is_not_transparent&#039; === operator ) {
						if ( 0 !== jQuery.AWB_Color( current ).alpha() ) {
							return true;
						}
					}

					return false;
				}

				// Special check for section separator.
				if ( &#039;undefined&#039; !== typeof view.shortcode &amp;&amp; &#039;fusion_section_separator&#039; === view.shortcode ) {
					dividerType  = thisEl.find( &#039;#divider_type&#039; );
					upAndDown    = dividerType.parents( &#039;ul&#039; ).find( &#039;li[data-option-id=&quot;divider_candy&quot;]&#039; ).find( &#039;.fusion-option-divider_candy&#039; ).find( &#039;.ui-button[data-value=&quot;bottom,top&quot;]&#039; );
					centerOption = dividerType.parents( &#039;ul&#039; ).find( &#039;li[data-option-id=&quot;divider_position&quot;]&#039; ).find( &#039;.fusion-option-divider_position&#039; ).find( &#039;.ui-button[data-value=&quot;center&quot;]&#039; );

					if ( &#039;triangle&#039; !== dividerType.val() ) {
						upAndDown.hide();
					} else {
						upAndDown.show();
					}

					if ( &#039;bigtriangle&#039; !== dividerType.val() ) {
						centerOption.hide();
					} else {
						centerOption.show();
					}

					dividerType.on( &#039;change paste keyup&#039;, function() {

						if ( &#039;triangle&#039; !== jQuery( this ).val() ) {
							upAndDown.hide();
						} else {
							upAndDown.show();
						}

						if ( &#039;bigtriangle&#039; !== jQuery( this ).val() ) {
							centerOption.hide();
							if ( centerOption.hasClass( &#039;ui-state-active&#039; ) ) {
								centerOption.prev().click();
							}
						} else {
							centerOption.show();
						}

					} );
				}

				// Menu direction modes.
				if ( &#039;fusion_menu&#039; === view.shortcode ) {
					const $tabs = thisEl.find( &#039;.fusion-tabs&#039; );

					$tabs.find( &#039;input#direction&#039; ).on( &#039;change&#039;, function() {
						if ( $tabs.find( &#039;input#submenu_mode&#039; ).length &amp;&amp; &#039;accordion&#039; === $tabs.find( &#039;input#submenu_mode&#039; ).val() ) {
							$tabs.find( &#039;.fusion-option-submenu_mode a[data-value=&quot;dropdown&quot;]&#039; ).click();
						}
					} );
				}
				// Initial checks and create helper objects.
				jQuery.each( params, function( index, value ) {
					if ( &#039;undefined&#039; !== typeof value.dependency ) {
						$optionId    = index;
						$passedArray = [];

						// Check each dependency for this option
						jQuery.each( value.dependency, function( index, dependency ) {

							// Create IDs of fields to check for.
							if ( &#039;undefined&#039; !== typeof repeaterFields &amp;&amp; &#039;parent_&#039; === dependency.element.substring( 0, 7 ) &amp;&amp; 0 &gt; $parentDependencyIds.indexOf( &#039;#&#039; + dependency.element.replace( &#039;parent_&#039;, &#039;&#039; ) ) ) {
								$parentDependencyIds += &#039;, [data-option-id=&quot;&#039; + dependency.element.replace( &#039;parent_&#039;, &#039;&#039; ) + &#039;&quot;]&#039;;
							} else if ( 0 &gt; $dependencyIds.indexOf( &#039;[data-option-id=&quot;&#039; + dependency.element + &#039;&quot;]&#039; ) ) {
								$dependencyIds += &#039;, [data-option-id=&quot;&#039; + dependency.element + &#039;&quot;]&#039;;
							}

							// If option has dependency add to check array.
							if ( &#039;undefined&#039; === typeof $dependencies[ dependency.element ] ) {
								$dependencies[ dependency.element ] = [ { option: $optionId, or: value.or } ];
							} else {
								$dependencies[ dependency.element ].push( { option: $optionId, or: value.or } );
							}

							// Check a value on parent container.
							if ( &#039;fusion_builder_container&#039; === dependency.element ) {
								$currentVal = &#039;legacy&#039;;
								elementCid  = thisEl.attr( &#039;data-cid&#039; );

								if ( elementCid ) {
									elementCid = FusionPageBuilderApp.$el.find( &#039;[data-cid=&#039; + elementCid + &#039;]&#039; ).closest( &#039;.fusion-builder-section-content&#039; ).attr( &#039;data-cid&#039; );
									if ( elementCid ) {
										containerView   = FusionPageBuilderViewManager.getView( elementCid );
										if ( &#039;object&#039; === typeof containerView ) {
											containerParams = containerView.model.get( &#039;params&#039; );
											containerParams = jQuery.extend( true, {}, fusionAllElements.fusion_builder_container.defaults, containerParams );
											$currentVal     = containerParams[ ( &#039;undefined&#039; !== typeof dependency.param ? dependency.param : &#039;type&#039; ) ];
										}
									}
								}

							// If parentValues is an object and this is a parent dependency, then we should take value from there.
							} else if ( &#039;parent_&#039; === dependency.element.substring( 0, 7 ) ) {
								if ( &#039;undefined&#039; !== typeof repeaterFields ) {
									$currentVal = thisEl.parents( &#039;.fusion-builder-main-settings&#039; ).find( &#039;#&#039; + dependency.element.replace( &#039;parent_&#039;, &#039;&#039; ) ).val();
								} else if ( &#039;object&#039; === typeof parentValues &amp;&amp; parentValues[ dependency.element.replace( dependency.element.substring( 0, 7 ), &#039;&#039; ) ] ) {
									$currentVal = parentValues[ dependency.element.replace( dependency.element.substring( 0, 7 ), &#039;&#039; ) ];
								} else {
									$currentVal = &#039;&#039;;
								}
							} else {
								$currentVal = thisEl.find( &#039;[data-option-id=&quot;&#039; + dependency.element + &#039;&quot;]&#039; ).filter( function() {
									return 0 === jQuery( this ).closest( &#039;.dynamic-param-fields&#039; ).length;
								} ).find( &#039;#&#039; + dependency.element ).val();

								// Use fake value if dynamic data is set.
								if ( &#039;&#039; === $currentVal &amp;&amp; &#039;true&#039; === thisEl.find( &#039;#&#039; + dependency.element ).closest( &#039;.fusion-builder-option&#039; ).attr( &#039;data-dynamic&#039; ) ) {
									$currentVal = &#039;using-dynamic-value&#039;;
								}

								// Check for current post type dependency.
								if ( &#039;_post_type_edited&#039; === dependency.element ) {
									$currentVal = jQuery( &#039;#post_type&#039; ).val();
								}
							}
							$passedArray.push( doesTestPass( $currentVal, dependency.value, dependency.operator ) );
						} );

						$targetElement = thisEl.find( &#039;[name =&quot;&#039; + index + &#039;&quot;]&#039; ).closest( &#039;.fusion-builder-option&#039; );
						if ( 0 === $targetElement.length &amp;&amp; &#039;element_content&#039; !== index ) {
							$targetElement = thisEl.find( &#039;[data-option-id=&quot;&#039; + index + &#039;&quot;]&#039; );
						}

						// Check if it passes for regular &quot;and&quot; test.
						if ( -1 === $.inArray( false, $passedArray ) &amp;&amp; &#039;undefined&#039; === typeof value.or ) {
							$targetElement.fadeIn( 300 );

						// Check if it passes &quot;or&quot; test.
						} else if ( -1 !== $.inArray( true, $passedArray ) &amp;&amp; &#039;undefined&#039; !== typeof value.or ) {
							$targetElement.fadeIn( 300 );

						// If it fails.
						} else {
							$targetElement.hide();
						}
					}
				} );

				// Listen for changes to options which other are dependent on.
				if ( $dependencyIds.length ) {
					thisEl.find( $dependencyIds.substring( 2 ) ).filter( function() {
						return 0 === jQuery( this ).closest( &#039;.dynamic-param-fields&#039; ).length;
					} ).on( &#039;change paste keyup&#039;, function() {
						$currentId = jQuery( this ).attr( &#039;data-option-id&#039; );

						// Loop through each option id that is dependent on this option.
						jQuery.each( $dependencies[ $currentId ], function( index, value ) {
							$passedArray = [];

							// Check each dependency for that id.
							jQuery.each( params[ value.option ].dependency, function( index, dependency ) {

								if ( &#039;fusion_builder_container&#039; === dependency.element ) {
									$currentVal = &#039;legacy&#039;;
									elementCid  = thisEl.attr( &#039;data-cid&#039; );

									if ( elementCid ) {
										elementCid = FusionPageBuilderApp.$el.find( &#039;[data-cid=&#039; + elementCid + &#039;]&#039; ).closest( &#039;.fusion-builder-section-content&#039; ).attr( &#039;data-cid&#039; );
										if ( elementCid ) {
											containerView   = FusionPageBuilderViewManager.getView( elementCid );
											if ( &#039;object&#039; === typeof containerView ) {
												containerParams = containerView.model.get( &#039;params&#039; );
												containerParams = jQuery.extend( true, {}, fusionAllElements.fusion_builder_container.defaults, containerParams );
												$currentVal     = containerParams[ ( &#039;undefined&#039; !== typeof dependency.param ? dependency.param : &#039;type&#039; ) ];
											}
										}
									}

								// If parentValues is an object and this is a parent dependency, then we should take value from there.
								} else if ( &#039;parent_&#039; === dependency.element.substring( 0, 7 ) ) {
									if ( &#039;object&#039; === typeof parentValues &amp;&amp; parentValues[ dependency.element.replace( dependency.element.substring( 0, 7 ), &#039;&#039; ) ] ) {
										$currentVal = parentValues[ dependency.element.replace( dependency.element.substring( 0, 7 ), &#039;&#039; ) ];
									} else {
										$currentVal = &#039;&#039;;
									}
								} else {
									$currentVal = thisEl.find( &#039;[data-option-id=&quot;&#039; + dependency.element + &#039;&quot;]&#039; ).filter( function() {
										return 0 === jQuery( this ).closest( &#039;.dynamic-param-fields&#039; ).length;
									} ).find( &#039;#&#039; + dependency.element ).val();
								}

								// Use fake value if dynamic data is set.
								if ( &#039;&#039; === $currentVal &amp;&amp; &#039;true&#039; === jQuery( &#039;#&#039; + $currentId ).closest( &#039;.fusion-builder-option&#039; ).attr( &#039;data-dynamic&#039; ) ) {
									$currentVal = &#039;using-dynamic-value&#039;;
								}

								$passedArray.push( doesTestPass( $currentVal, dependency.value, dependency.operator ) );
							} );

							$targetElement = thisEl.find( &#039;[data-option-id=&quot;&#039; + value.option + &#039;&quot;]&#039; );

							// Check if it passes for regular &quot;and&quot; test.
							if ( -1 === $.inArray( false, $passedArray ) &amp;&amp; &#039;undefined&#039; === typeof value.or ) {
								$targetElement.fadeIn( 300 );

							// Check if it passes &quot;or&quot; test.
							} else if ( -1 !== $.inArray( true, $passedArray ) &amp;&amp; &#039;undefined&#039; !== typeof value.or ) {
								$targetElement.fadeIn( 300 );

							// If it fails.
							} else {
								$targetElement.hide();
							}
						} );

					} );
				}

				// Repeater element row, listen for changes to parent options.
				if ( &#039;undefined&#039; !== typeof repeaterFields &amp;&amp; &#039;undefined&#039; !== typeof parentEl &amp;&amp; $parentDependencyIds.length ) {
					parentEl.on( &#039;change paste keyup&#039;, $parentDependencyIds.substring( 2 ), function() {
						$currentId = jQuery( this ).attr( &#039;id&#039; );

						// Loop through each option id that is dependent on this option.
						jQuery.each( $dependencies[ &#039;parent_&#039; + $currentId ], function( index, value ) {
							$passedArray = [];

							// Check each dependency for that id.
							jQuery.each( params[ value.option ].dependency, function( index, dependency ) {
								if ( &#039;parent_&#039; === dependency.element.substring( 0, 7 ) ) {
									$currentVal = parentEl.find( &#039;#&#039; + dependency.element.replace( &#039;parent_&#039;, &#039;&#039; ) ).val();
								} else {
									$currentVal = parentEl.find( &#039;#&#039; + dependency.element ).val();
								}
								$passedArray.push( doesTestPass( $currentVal, dependency.value, dependency.operator ) );
							} );

							$targetElement = thisEl.find( &#039;#&#039; + value.option ).parents( &#039;.fusion-builder-option&#039; ).first();

							// Check if it passes for regular &quot;and&quot; test.
							if ( -1 === $.inArray( false, $passedArray ) &amp;&amp; &#039;undefined&#039; === typeof value.or ) {
								$targetElement.fadeIn( 300 );

							// Check if it passes &quot;or&quot; test.
							} else if ( -1 !== $.inArray( true, $passedArray ) &amp;&amp; &#039;undefined&#039; !== typeof value.or ) {
								$targetElement.fadeIn( 300 );

							// If it fails.
							} else {
								$targetElement.hide();
							}
						} );

					} );
				}
			},

			getParentContainer: function( target ) {
				var view = target;

				// Not passing view directly, get it assuming cid is passed.
				if ( &#039;object&#039; !== typeof target ) {
					view = FusionPageBuilderViewManager.getView( target );
				}

				// No view, return false.
				if ( ! view || &#039;undefined&#039; === typeof view.model.get ) {
					return false;
				}

				// View found and is container, return that.
				if ( &#039;fusion_builder_container&#039; === view.model.get( &#039;element_type&#039; ) ) {
					return view;
				}

				// Not container but parent cid exists, try that.
				if ( view.model.get( &#039;parent&#039; ) ) {
					return this.getParentContainer( view.model.get( &#039;parent&#039; ) );
				}

				// 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 ( &#039;object&#039; !== typeof target ) {
					view = FusionPageBuilderViewManager.getView( target );
				}

				// No view, return false.
				if ( ! view || &#039;undefined&#039; === typeof view.model.get ) {
					return false;
				}

				// View found and is container, return that.
				if ( &#039;fusion_builder_column&#039; === view.model.get( &#039;element_type&#039; ) || &#039;fusion_builder_column_inner&#039; === view.model.get( &#039;element_type&#039; ) ) {
					return view;
				}

				// Not container but parent cid exists, try that.
				if ( view.model.get( &#039;parent&#039; ) ) {
					return this.getParentColumn( view.model.get( &#039;parent&#039; ) );
				}

				// Got here, that means no parent, no match, return false.
				return false;
			},

			isBlockLayoutColumn: function( view ) {
				var params;

				if ( ! view || &#039;undefined&#039; === typeof view.model.get ) {
					return false;
				}

				params = view.model.get( &#039;params&#039; );
				return params &amp;&amp; &#039;block&#039; === params.content_layout;
			},

			isFlex: function( view ) {
				var params,
					legacySupport = &#039;undefined&#039; === typeof fusionBuilderConfig.container_legacy_support ? false : fusionBuilderConfig.container_legacy_support;

				if ( false === legacySupport || 0 === legacySupport || &#039;0&#039; === legacySupport ) {
					return true;
				}

				if ( ! view || &#039;undefined&#039; === typeof view.model.get ) {
					return false;
				}

				params = view.model.get( &#039;params&#039; );
				return params &amp;&amp; &#039;flex&#039; === params.type;
			},

			isString( s ) {
				if ( &#039;string&#039; === typeof s || s instanceof String ) {
					return true;
				}
				return false;
			}
		} );

		// Instantiate Builder App
		FusionPageBuilderApp = new FusionPageBuilder.AppView( { // jshint ignore:line
			model: FusionPageBuilder.Element,
			collection: FusionPageBuilderElements
		} );

		// Stores &#039;active&#039; value in fusion_builder_status meta key if builder is activa
		$useBuilderMetaField = $( &#039;#fusion_use_builder&#039; );

		// Avada Builder Toggle Button
		$toggleBuilderButton = $( &#039;#fusion_toggle_builder&#039; );

		// Avada Builder div
		$builder = $( &#039;#fusion_builder_layout&#039; );

		// Main wrap for the main editor
		$mainEditorWrapper = $( &#039;#fusion_main_editor_wrap&#039; );

		// Show builder div if it&#039;s activated
		if ( $toggleBuilderButton.hasClass( &#039;fusion_builder_is_active&#039; ) ) {
			$builder.show();
			FusionPageBuilderApp.builderActive = true;

			// Sticky header
			fusionBuilderEnableStickyHeader();

			jQuery( &#039;body&#039; ).addClass( &#039;fusion-builder-enabled&#039; );
		}

		// Builder toggle button event
		$toggleBuilderButton.click( function( event ) {

			var isBuilderUsed;

			if ( event ) {
				event.preventDefault();
			}

			isBuilderUsed = $( this ).hasClass( &#039;fusion_builder_is_active&#039; );

			if ( isBuilderUsed ) {
				fusionBuilderDeactivate( $( this ) );
				FusionPageBuilderApp.builderActive = false;
				jQuery( &#039;body&#039; ).removeClass( &#039;fusion-builder-enabled&#039; );
				jQuery( &#039;body&#039; ).trigger( &#039;scroll&#039; );
			} else {
				fusionBuilderActivate( $( this ) );
				FusionPageBuilderApp.builderActive = true;
				jQuery( &#039;body&#039; ).addClass( &#039;fusion-builder-enabled&#039; );
			}
		} );

		// Front End Editor button.
		jQuery( &#039;#fusion_toggle_front_end&#039; ).on( &#039;click&#039;, function( event ) {
			var $wpTitle = jQuery( &#039;#title&#039; ),
				$link = jQuery( this );

			event.preventDefault();

			if ( window.confirm( fusionBuilderText.front_end_redirect_confirm ) ) {
				if ( ! $wpTitle.val() ) {
					$wpTitle.val( &#039;FB #&#039; + jQuery( &#039;#post_ID&#039; ).val() );
				}

				if ( wp.autosave ) {
					wp.autosave.server.triggerSave();
				}

				// Autosave callback.
				jQuery( document ).on( &#039;heartbeat-tick.autosave&#039;, function() {

					// Changes saved, so need for &quot;are you sure you want to navigate away&quot; alert.
					jQuery( window ).off( &#039;beforeunload.edit-post&#039; );

					$.ajax( {
						type: &#039;POST&#039;,
						url: fusionBuilderConfig.ajaxurl,
						data: {
							action: &#039;update_page_template_post_meta&#039;,
							fusion_load_nonce: fusionBuilderConfig.fusion_load_nonce,
							post_id: jQuery( &#039;#post_ID&#039; ).val()
						}
					} )
					.done( function() {

						// Redirect user.
						window.location = $link.attr( &#039;href&#039; );
					} );
				} );
			}
		} );

		// Sticky builder header
		function fusionBuilderEnableStickyHeader() {
			var builderHeader  = document.getElementById( &#039;fusion_builder_controls&#039; ),
				adminbarHeight = jQuery( &#039;#wpadminbar&#039; ).length ? jQuery( &#039;#wpadminbar&#039; ).height() : 0;
			fusionBuilderStickyHeader( builderHeader, adminbarHeight );
		}

		function fusionBuilderActivate( toggle ) {

			fusionBuilderReset();

			FusionPageBuilderApp.initialBuilderLayout();

			$useBuilderMetaField.val( &#039;active&#039; );

			$builder.show();

			toggle.children( &#039;span&#039; ).text( toggle.data( &#039;editor&#039; ) );
			toggle.toggleClass( &#039;fusion_builder_is_active&#039; ).toggleClass( &#039;button-primary&#039; ).toggleClass( &#039;fusiona-FB_logo_black&#039; );

			$mainEditorWrapper.toggleClass( &#039;fusion_builder_hidden&#039; );

			// Sticky header
			fusionBuilderEnableStickyHeader();

		}

		function fusionBuilderReset() {

			// Clear all models and views
			FusionPageBuilderElements.reset();
			FusionPageBuilderViewManager.set( &#039;elementCount&#039;, 0 );
			FusionPageBuilderViewManager.set( &#039;views&#039;, {} );

			// Clear layout
			$( &#039;#fusion_builder_container&#039; ).html( &#039;&#039; );

			FusionPageBuilderApp.shortcodeGenerator = false;
		}

		function fusionBuilderDeactivate() {
			var $body,
				pagePosition;

			fusionBuilderReset();

			$body        = $( &#039;body&#039; );
			pagePosition = 0;

			window.wpActiveEditor = &#039;content&#039;;

			$useBuilderMetaField.val( &#039;off&#039; );

			$builder.hide();

			$toggleBuilderButton.children( &#039;span&#039; ).text( $toggleBuilderButton.data( &#039;builder&#039; ) );
			$toggleBuilderButton.toggleClass( &#039;fusion_builder_is_active&#039; ).toggleClass( &#039;button-primary&#039; ).toggleClass( &#039;fusiona-FB_logo_black&#039; );

			$mainEditorWrapper.toggleClass( &#039;fusion_builder_hidden&#039; );

			FusionPageBuilderApp.$el.find( &#039;.fusion_builder_container&#039; ).remove();

			pagePosition = $body.scrollTop();
			jQuery( &#039;html, body&#039; ).scrollTop( pagePosition + 1 );

		}

		// Remove preview image.
		$container = $( &#039;body&#039; );
		$container.on( &#039;click&#039;, &#039;.upload-image-remove&#039;, function( event ) {
			var $field,
				$preview,
				$upload,
				imageIDField;

			if ( event ) {
				event.preventDefault();
			}

			$field   = $( this ).parents( &#039;.fusion-builder-option-container&#039; ).find( &#039;.fusion-builder-upload-field&#039; );
			$preview = $( this ).parents( &#039;.fusion-builder-option-container&#039; ).find( &#039;.fusion-builder-upload-preview&#039; );
			$upload  = $( this ).parents( &#039;.fusion-builder-option-container&#039; ).find( &#039;.fusion-builder-upload-button&#039; );

			$field.val( &#039;&#039; ).trigger( &#039;change&#039; );
			$upload.val( &#039;Upload Image&#039; );
			$preview.remove();

			FusionPageBuilderEvents.trigger( &#039;awb-image-upload-url-&#039; + $upload.data( &#039;param&#039; ), &#039;&#039; );

			// Remove image ID if image is removed.
			imageIDField = $upload.closest( &#039;.fusion-builder-module-settings&#039; ).find( &#039;#&#039; + $upload.data( &#039;param&#039; ) + &#039;_id&#039; );

			if ( &#039;element_content&#039; === $upload.data( &#039;param&#039; ) ) {
				imageIDField = $upload.parents( &#039;.fusion-builder-option&#039; ).next().find( &#039;#image_id&#039; );
			}

			if ( imageIDField.length ) {
				imageIDField.val( &#039;&#039; );
			}

			jQuery( this ).remove();
		} );

		// History steps.
		$( &#039;body&#039; ).on( &#039;click&#039;, &#039;.fusion-builder-history-list li&#039;, function( event ) {
			var step;

			if ( event ) {
				event.preventDefault();
			}

			step = $( event.currentTarget ).data( &#039;state-id&#039; );
			fusionHistoryManager.historyStep( step );
		} );

		$( &#039;body&#039; ).on( &#039;click&#039;, &#039;.fusion-studio-preview-active .awb-import-studio-item-in-preview&#039;, function( event ) {
			var $wrapper = jQuery( event.currentTarget ).closest( &#039;.studio-wrapper &#039; ),
				dataID = $wrapper.data( &#039;layout-id&#039; );

			event.preventDefault();

			jQuery( &#039;.fusion-studio-preview-active .fusion-studio-preview-back&#039; ).trigger( &#039;click&#039; );
			jQuery( &#039;.fusion-page-layout[data-layout-id=&quot;&#039; + dataID + &#039;&quot;]&#039; ).find( &#039;.awb-import-studio-item&#039; ).trigger( &#039;click&#039; );
		} );

		// Studio preview.
		$( &#039;body&#039; ).on( &#039;click&#039;, &#039;.studio-wrapper .fusion-page-layout:not(.awb-demo-pages-layout) img&#039;, function( event ) {
			var $item    = jQuery( event.currentTarget ).closest( &#039;.fusion-page-layout&#039; ),
				url      = $item.data( &#039;url&#039; ),
				$wrapper = $( event.currentTarget ).closest( &#039;.studio-wrapper&#039; );

			$wrapper.addClass( &#039;loading fusion-studio-preview-active&#039; );
			$wrapper.find( &#039;.awb-import-options&#039; ).addClass( &#039;open&#039; );
			$wrapper.find( &#039;.fusion-loader&#039; ).show();
			$wrapper.append( &#039;&lt;iframe class=&quot;awb-studio-preview-frame&quot; src=&quot;&#039; + url + &#039;&quot; frameBorder=&quot;0&quot; scrolling=&quot;auto&quot; onload=&quot;FusionPageBuilderApp.studioPreviewLoaded();&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&#039; );
			$wrapper.data( &#039;layout-id&#039;, $item.data( &#039;layout-id&#039; ) );
		} );

		// Remove studio preview.
		$( &#039;body&#039; ).on( &#039;click&#039;, &#039;.fusion-studio-preview-back&#039;, function( event ) {
			var $wrapper = $( event.currentTarget ).closest( &#039;.studio-wrapper&#039; );

			event.preventDefault();

			$wrapper.removeClass( &#039;fusion-studio-preview-active&#039; );
			$wrapper.find( &#039;.awb-import-options&#039; ).removeClass( &#039;open&#039; );
			$wrapper.find( &#039;.awb-studio-preview-frame&#039; ).remove();
		} );

		// Element option tabs.
		$( &#039;body&#039; ).on( &#039;click&#039;, &#039;.fusion-tabs-menu a&#039;, function( event ) {

			var tab, view, viewWeb;

			if ( event ) {
				event.preventDefault();
			}

			FusionPageBuilderEvents.trigger( &#039;fusion-switch-element-option-tabs&#039; );
			FusionPageBuilderEvents.trigger( &#039;fusion-switch-element-option-tabs&#039; );

			$( this ).parent().addClass( &#039;current&#039; ).removeClass( &#039;inactive&#039; );
			$( this ).parent().siblings().removeClass( &#039;current&#039; ).addClass( &#039;inactive&#039; );
			tab = $( this ).attr( &#039;href&#039; );
			$( this ).parents( &#039;.fusion-builder-modal-container&#039; ).find( &#039;.fusion-tab-content&#039; ).not( tab ).css( &#039;display&#039;, &#039;none&#039; );
			$( &#039;.fusion-builder-layouts-tab&#039; ).hide();

			if ( $( this ).parents( &#039;.fusion-builder-modal-container&#039; ).length ) {
				$( this ).parents( &#039;.fusion-builder-modal-container&#039; ).find( &#039;.fusion-tab-content&#039; + tab ).fadeIn( &#039;fast&#039; );
			} else {
				$( tab ).fadeIn( &#039;fast&#039; );
			}

			$( this ).parents( &#039;.fusion-builder-modal-container&#039; ).find( &#039;.fusion-builder-main-settings&#039; ).scrollTop( 0 );

			if ( jQuery( &#039;.fusion-builder-modal-top-container&#039; ).find( &#039;.fusion-elements-filter&#039; ).length ) {
				setTimeout( function() {
					jQuery( &#039;.fusion-builder-modal-top-container&#039; ).find( &#039;.fusion-elements-filter&#039; ).focus();
				}, 50 );
			}

			// Trigger ajax for studio.
			if ( &#039;#fusion-builder-fusion_template-studio&#039; === tab ) {
				view = new FusionPageBuilder.BaseLibraryView();
				view.loadStudio( &#039;fusion_template&#039; );
			}

			// Trigger ajax for website.
			if ( &#039;#fusion-builder-layouts-demos&#039; === tab ) {
				viewWeb = new FusionPageBuilder.BaseLibraryView();
				viewWeb.loadWebsite();
			}
		} );

		// Viewport options.
		$( &#039;body&#039; ).on( &#039;click&#039;, &#039;.fusion-viewport-indicator a&#039;, function( event ) {
			var $portLink = jQuery( event.target ),
				port = $portLink.closest( &#039;li&#039; ).data( &#039;viewport&#039; );

			if ( event ) {
				event.preventDefault();
			}

			// EOs.
			$portLink.closest( &#039;.fusion-builder-modal-settings-container&#039; ).find( &#039;.fusion-builder-main-settings&#039; ).removeClass( &#039;fusion-large fusion-medium fusion-small&#039; ).addClass( port );
			$portLink.closest( &#039;ul&#039; ).find( &#039;li&#039; ).removeClass( &#039;active&#039; );
			$portLink.closest( &#039;li&#039; ).addClass( &#039;active&#039; );

			// POs.
			$portLink.closest( &#039;.postbox&#039; ).removeClass( &#039;fusion-large fusion-medium fusion-small&#039; ).addClass( port );
			$portLink.closest( &#039;.postbox&#039; ).find( &#039;ul.fusion-viewport-indicator li&#039; ).removeClass( &#039;active&#039; );
			$portLink.closest( &#039;.postbox&#039; ).find( &#039;ul.fusion-viewport-indicator&#039; ).find( &#039;li[data-viewport=&quot;&#039; + port + &#039;&quot;]&#039; ).addClass( &#039;active&#039; );

		} );

		// Responsive setup on option change.
		$( &#039;body&#039; ).on( &#039;click&#039;, &#039;.fusion_builder_module_settings[data-type=&quot;fusion_builder_container&quot;] li.fusion-builder-option[data-option-id=&quot;type&quot;] a&#039;, function( event ) {
			var $option    = jQuery( event.target ),
				$container = jQuery( event.target ).closest( &#039;.fusion_builder_module_settings&#039; );

			&#039;flex&#039; === $option.data( &#039;value&#039; ) ? $container.addClass( &#039;has-flex&#039; ) : $container.removeClass( &#039;has-flex&#039; );

		} );

		// Close modal on overlick click.
		jQuery( &#039;.fusion_builder_modal_overlay&#039; ).on( &#039;click&#039;, function() {
			FusionPageBuilderEvents.trigger( &#039;fusion-remove-modal-view&#039; );
			FusionPageBuilderEvents.trigger( &#039;fusion-close-modal&#039; );
		} );

		// Close nested modal on overlick click.
		jQuery( &#039;.fusion_builder_modal_inner_row_overlay&#039; ).on( &#039;click&#039;, function() {
			FusionPageBuilderEvents.trigger( &#039;fusion-close-inner-modal&#039; );
			FusionPageBuilderEvents.trigger( &#039;fusion-hide-library&#039; );
		} );

		// Demo select.
		$selectedDemo = jQuery( &#039;.fusion-builder-demo-select&#039; ).val();
		jQuery( &#039;#fusion-builder-layouts-demos .demo-&#039; + $selectedDemo ).show();

		jQuery( &#039;.fusion-builder-demo-select&#039; ).on( &#039;change&#039;, function() {
			$selectedDemo = jQuery( &#039;.fusion-builder-demo-select&#039; ).val();
			jQuery( &#039;#fusion-builder-layouts-demos .fusion-page-layouts&#039; ).hide();
			jQuery( &#039;#fusion-builder-demo-url-invalid&#039; ).hide();
			jQuery( &#039;.fusion-builder-demo-page-link&#039; ).val( &#039;&#039; );
			jQuery( &#039;#fusion-builder-layouts-demos .demo-&#039; + $selectedDemo ).show();
		} );

		jQuery( &#039;.fusion-builder-demo-page-link&#039; ).on( &#039;input&#039;, function() {
			var demoPageLink = jQuery( this ).val(),
				demoPage,
				parentDemo,
				demoSelectorVal;

			demoPageLink = demoPageLink.replace( &#039;https://&#039;, &#039;&#039; ).replace( &#039;http://&#039;, &#039;&#039; );
			if ( &#039;/&#039; !== demoPageLink[ demoPageLink.length - 1 ] &amp;&amp; ! _.isEmpty( demoPageLink ) ) {
				demoPageLink += &#039;/&#039;;
			}

			demoPage   = jQuery( &#039;#fusion-builder-layouts-demos&#039; ).find( &#039;.fusion-page-layout[data-page-link=&quot;&#039; + demoPageLink + &#039;&quot;]&#039; );
			parentDemo = demoPage.closest( &#039;.fusion-page-layouts&#039; );

			jQuery( &#039;#fusion-builder-layouts-demos .fusion-page-layouts&#039; ).hide();
			jQuery( &#039;#fusion-builder-demo-url-invalid&#039; ).hide();

			if ( _.isEmpty( demoPageLink ) ) {
				demoSelectorVal = jQuery( &#039;.fusion-builder-demo-select&#039; ).val();
				jQuery( &#039;#fusion-builder-layouts-demos .demo-&#039; + demoSelectorVal ).show();
			} else if ( ! demoPage.length ) {
				jQuery( &#039;#fusion-builder-demo-url-invalid&#039; ).show();
			} else {
				parentDemo.show();
				parentDemo.find( &#039;.fusion-page-layout&#039; ).hide();
				demoPage.show();
			}
		} );

		// Iconpicker select/deselect handler.
		jQuery( &#039;body&#039; ).on( &#039;click&#039;, &#039;.icon_select_container .icon_preview&#039;, function( e ) {

			var fontName,
				subset = &#039;fas&#039;,
				$i     = jQuery( this ).find( &#039;i&#039; ),
				value  = &#039;&#039;,
				$containerParent = jQuery( this ).closest( &#039;.fusion-iconpicker&#039; );

			e.preventDefault();

			fontName = &#039;fa-&#039; + jQuery( this ).find( &#039;i&#039; ).attr( &#039;data-name&#039; );

			if ( ! $i.hasClass( &#039;fas&#039; ) &amp;&amp; ! $i.hasClass( &#039;fab&#039; ) &amp;&amp; ! $i.hasClass( &#039;far&#039; ) &amp;&amp; ! $i.hasClass( &#039;fal&#039; ) ) {

				// Custom icon set, so we need to add prefix.
				value = &#039;fusion-prefix-&#039; + jQuery( this ).find( &#039;i&#039; ).attr( &#039;class&#039; );
			} else if ( $i.hasClass( &#039;fab&#039; ) ) {
				subset = &#039;fab&#039;;
			} else if ( $i.hasClass( &#039;far&#039; ) ) {
				subset = &#039;far&#039;;
			} else if ( $i.hasClass( &#039;fal&#039; ) ) {
				subset = &#039;fal&#039;;
			}

			// FA icon.
			if ( &#039;&#039; === value ) {
				value = fontName + &#039; &#039; + subset;
			}

			if ( $( this ).hasClass( &#039;selected-element&#039; ) ) {
				$containerParent.find( &#039;.selected-element&#039; ).removeClass( &#039;selected-element&#039; );
				$containerParent.find( &#039;.fusion-iconpicker-input&#039; ).attr( &#039;value&#039;, &#039;&#039; ).trigger( &#039;change&#039; );

			} else {
				$containerParent.find( &#039;.selected-element&#039; ).removeClass( &#039;selected-element&#039; );
				$( this ).find( &#039;i&#039; ).parent().addClass( &#039;selected-element&#039; );
				$containerParent.find( &#039;.fusion-iconpicker-input&#039; ).attr( &#039;value&#039;, value ).trigger( &#039;change&#039; );
			}
		} );

		// Copy icon name to clipboard.
		jQuery( &#039;body&#039; ).on( &#039;contextmenu&#039;, &#039;.icon_select_container .icon_preview&#039;, function( event ) {
			const iconName = jQuery( this ).children( &#039;i&#039; ).attr( &#039;class&#039; );

			if ( &#039;clipboard&#039; in navigator ) {
				navigator.clipboard.writeText( iconName );
			} else {
				const textArea = document.createElement(&#039;textarea&#039;);
				textArea.value = iconName;
				textArea.style.opacity = 0;
				document.body.appendChild( textArea );
				textArea.focus();
				textArea.select();

				const success = document.execCommand( &#039;copy&#039; );
				document.body.removeChild( textArea );
			}

			jQuery( this ).fadeOut( 100 );
			jQuery( this ).fadeIn( 100 );

			return false;
		} );		

		// Open shortcode generator.
		$( document ).on( &#039;click&#039;, &#039;#qt_content_fusion_shortcodes_text_mode, #qt_excerpt_fusion_shortcodes_text_mode, #qt_element_content_fusion_shortcodes_text_mode&#039;, function() {
			openShortcodeGenerator( $( this ) );
		} );

		$( &#039;input[type=&quot;radio&quot;][name=&quot;screen_columns&quot;]&#039; ).on( &#039;click&#039;, function() {
			$( window ).trigger( &#039;resize&#039; );
		} );

		$( &#039;.notice-dismiss, #show-settings-link&#039; ).on( &#039;click&#039;, function() {
			setTimeout( function() {
				$( window ).trigger( &#039;resize&#039; );
			}, 750 );
		} );

		// Save layout template on return key.
		$( &#039;#new_template_name&#039; ).on( &#039;keydown&#039;, function( e ) {
			if ( 13 === e.keyCode || &#039;13&#039; === e.keyCode ) {
				e.preventDefault();
				e.stopPropagation();
				FusionPageBuilderEvents.trigger( &#039;fusion-save-layout&#039; );
				return false;
			}
			return true;
		} );

		// Save elements on return key.
		$( &#039;body&#039; ).on( &#039;keydown&#039;, &#039;#fusion-builder-save-element-input&#039;, function( e ) {
			if ( 13 === e.keyCode || &#039;13&#039; === e.keyCode ) {
				e.preventDefault();
				e.stopPropagation();
				$( &#039;.fusion-builder-element-button-save&#039; ).trigger( &#039;click&#039; );
				return false;
			}
			return true;
		} );

		// Handle the sticky publish buttons.
		jQuery( &#039;.fusion-preview&#039; ).click( function( e ) {
			e.preventDefault();
			jQuery( &#039;#post-preview&#039; ).trigger( &#039;click&#039; );
		} );
		jQuery( &#039;.fusion-save-draft&#039; ).click( function( e ) {
			e.preventDefault();
			jQuery( &#039;#save-post&#039; ).trigger( &#039;click&#039; );
		} );
		jQuery( &#039;.fusion-update&#039; ).click( function( e ) {
			e.preventDefault();
			jQuery( &#039;#publish&#039; ).trigger( &#039;click&#039; );
		} );

		function fusionInitIconPicker() {
			var icons       = fusionBuilderConfig.fontawesomeicons,
				output      = &#039;&lt;div class=&quot;fusion-icons-rendered&quot; style=&quot;position:relative; height:0px; overflow:hidden;&quot;&gt;&#039;,
				outputSets  = {
					fas: &#039;&#039;,
					fab: &#039;&#039;,
					far: &#039;&#039;,
					fal: &#039;&#039;
				},
				iconSubsets = {
					fas: &#039;Solid&#039;,
					far: &#039;Regular&#039;,
					fal: &#039;Light&#039;,
					fab: &#039;Brands&#039;
				},
				outputNav = &#039;&lt;div class=&quot;fusion-icon-picker-nav-rendered&quot; style=&quot;height:0px; overflow:hidden;&quot;&gt;&#039;,
				isSearchDefined = &#039;undefined&#039; !== typeof fusionIconSearch &amp;&amp; Array.isArray( fusionIconSearch );

			// Iterate through all FA icons and divide them into sets (one icon can belong to multiple sets).
			_.each( icons, function( icon, key ) {

				_.each( icon[ 1 ], function( iconSubset ) {
					if ( -1 !== fusionBuilderConfig.fontawesomesubsets.indexOf( iconSubset ) ) {
						outputSets[ iconSubset ] += &#039;&lt;span class=&quot;icon_preview &#039; + key + &#039;&quot; title=&quot;&#039; + key + &#039; - &#039; + iconSubsets[ iconSubset ] + &#039;&quot;&gt;&lt;i class=&quot;&#039; + icon[ 0 ] + &#039; &#039; + iconSubset + &#039;&quot; data-name=&quot;&#039; + icon[ 0 ].substr( 3 ) + &#039;&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/span&gt;&#039;;
					}
				} );
			} );

			// Add FA sets to output.
			_.each( iconSubsets, function( label, key ) {
				if ( -1 !== fusionBuilderConfig.fontawesomesubsets.indexOf( key ) ) {
					outputNav += &#039;&lt;a href=&quot;#fusion-&#039; + key + &#039;&quot;&gt;&#039; + label + &#039;&lt;/a&gt;&#039;;
					output    += &#039;&lt;div id=&quot;fusion-&#039; + key + &#039;&quot; class=&quot;fusion-icon-set&quot;&gt;&#039; + outputSets[ key ] + &#039;&lt;/div&gt;&#039;;
				}
			} );

			// WIP: Add custom icons.
			icons = fusionBuilderConfig.customIcons;
			_.each( icons, function( iconSet, IconSetKey ) {
				outputNav += &#039;&lt;a href=&quot;#&#039; + IconSetKey + &#039;&quot;&gt;&#039; + iconSet.name + &#039;&lt;/a&gt;&#039;;
				output    += &#039;&lt;div id=&quot;&#039; + IconSetKey + &#039;&quot; class=&quot;fusion-icon-set fusion-custom-icon-set&quot;&gt;&#039;;
				_.each( iconSet.icons, function( icon ) {

					if ( isSearchDefined ) {
						fusionIconSearch.push( { name: icon } );
					}

					output += &#039;&lt;span class=&quot;icon_preview &#039; + icon + &#039;&quot; title=&quot;&#039; + iconSet.css_prefix + icon + &#039;&quot;&gt;&lt;i class=&quot;&#039; + iconSet.css_prefix + icon + &#039;&quot; data-name=&quot;&#039; + icon + &#039;&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/span&gt;&#039;;
				} );
				output += &#039;&lt;/div&gt;&#039;;
			} );

			outputNav += &#039;&lt;/div&gt;&#039;;
			output    += &#039;&lt;/div&gt;&#039;;

			$( &#039;body&#039; ).append( output + outputNav ).trigger( &#039;awb-icon-picker-init&#039; );

		}

		// Init icon picker on page load.
		fusionInitIconPicker();

		/**
		 * Reinit icon picker.
		 *
		 * @since 2.0
		 * @return {void}
		 */
		FusionPageBuilder.reInitIconPicker = function() {
			jQuery( &#039;.fusion-icons-rendered&#039; ).remove();
			jQuery( &#039;.fusion-icon-picker-nav-rendered&#039; ).remove();

			fusionInitIconPicker();
		};

	} );
}( jQuery ) );
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fyanhuanghealthcare.co.uk%2Fwp-content%2Fplugins%2Ffusion-builder%2Fjs'>⬅ Back to Directory</a>