芝麻web文件管理V1.00

编辑当前文件:/home/soundframestudio/public_html/wp-content/themes/betheme/functions/builder/assets/builder.js

/* globals ajaxurl, jQuery, wp */
/* jshint esversion: 6 */

(function($) {

"use strict";

var MfnBuilder = (function($) {

var $builder = $('#mfn-builder'),
      $desktop = $('#mfn-desk'),
      $modal = $('.mfn-modal', $builder),
      $currentModal = false,
      $sender = false, // curent action sender
      $guttenberg = false;

var uids = [],
      openedModals = [], // array of opened modals
      loading = true, // prevent some functions until window load
      timerSerch = false; // search timer
      // previewTab = false; // builder preview window

/**
     * Sortable
     */

var sort = {

// sort.desktop()

desktop: function(){

$desktop.sortable({

items: '.mfn-section',
          cancel: '.dropdown-wrapper',

cursor: 'move',
          cursorAt: { top:20, left:20 },
          distance: 5,
          opacity: 0.9,

forcePlaceholderSize: true,
          placeholder: 'mfn-placeholder',
          forceHelperSize: false,
          helper: sort.helper

});

// sort.section()

section: function( $section ){

$section.sortable({

items: '.mfn-wrap, .mfn-section-new',
          cancel: '.mfn-section-new',
          connectWith: '.mfn-sortable-section',

cursor: 'move',
          cursorAt: { top:20, left:20 },
          distance: 5,
          opacity: 0.9,

forcePlaceholderSize: true,
          placeholder: 'mfn-placeholder',
          forceHelperSize: false,
          helper: sort.helper,

over: sort.over,
          receive: sort.sectionReceive,
          out: sort.sectionOut

});

// sort.helper()

helper: function( event, ui ) {

var title = ui.data('title');

if( ui.hasClass('divider') ){
          title = ui.data('title-divider');
        }

return $('<div class="mfn-helper">'+ title +'</div>');

// sort.over()

over: function( event, ui ){

var size = ui.item.attr('data-size'),
          parentW = ui.placeholder.parent().width(),
          margins = parentW * 0.01, // margin 2x 0.5%
          width = 0;

width = ( parentW * size ) - margins ;

ui.placeholder.width( width );

// sort.sectionReceive()

sectionReceive: function( event, ui ){

var $section = ui.item.closest('.mfn-section');
        var id = $section.find( '.mfn-section-id' ).val();

ui.item.find('.mfn-wrap-parent').val( id );
        $section.removeClass('empty');

// sort.sectionOut()

sectionOut: function( event, ui ){

if( ! ui.sender.find('.mfn-wrap').length ){
          ui.sender.closest('.mfn-section').addClass('empty');
        }

// sort.wrap()

wrap: function( $wrap ){

$wrap.sortable({

items: '.mfn-item', // .mfn-wrap-new
          // cancel: '.mfn-wrap-new',
          connectWith: '.mfn-sortable-wrap',

cursor: 'move',
          cursorAt: { top:20, left:20 },
          distance: 5,
          opacity: 0.9,

forcePlaceholderSize: true,
          placeholder: 'mfn-placeholder',
          forceHelperSize: false,
          helper: sort.helper,

over: sort.over,
          receive: sort.wrapReceive,
          out: sort.wrapOut

});

// sort.wrapReceive()

wrapReceive: function( event, ui ){

var $wrap = ui.item.closest('.mfn-wrap');
        var id = $wrap.find( '.mfn-wrap-id' ).val();

ui.item.find('.mfn-item-parent').val( id );
        $wrap.removeClass('empty');

// sort.wrapOut()

wrapOut: function( event, ui ){

if( ! ui.sender.find('.mfn-item').length ){
          ui.sender.closest('.mfn-wrap').addClass('empty');
        }

}

};

/**
     * Section
     */

var section = {

// section.add()

add: function( $el ) {

var $clone = '',
          $section = $el.closest('.mfn-section');

enableBeforeUnload();

$el.addClass('loading');

$.ajax( ajaxurl, {

type : "POST",
          data : {
            'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
            action: 'mfn_builder_add_element',
            type: 'section'
          }

}).done(function(response){

$el.removeClass('loading');

// parse html of response

$clone = $($.parseHTML( response ));

// first, prev or next

if ( $el.hasClass('prev') ) {

$section.before($clone).siblings('.mfn-section').fadeIn(300);

} else if( $el.hasClass('next') ) {

$section.after($clone).siblings('.mfn-section').fadeIn(300);

} else {

$desktop.append($clone).find('.mfn-section').fadeIn(300);

}

// enable sortable

sort.section( $clone.find('.mfn-sortable-section') );

// hide intro screen

if ( $('.mfn-section', $desktop).length ) {
            $builder.removeClass( 'empty' );
          }

// trigger resize to recalculate some stuff

triggerResize();

});

// section.clone()

clone: function( $el ){

var $element = $el.closest('.mfn-section'),
          $clone = false;

var oldUid = $element.find('.mfn-section-id').val(),
          newUid = uniqueID();

var wrapOldUid = '',
          wrapNewUid = '';

enableBeforeUnload();

// destroy sortable, clone element

$element.find('.mfn-sortable').sortable('destroy');

$clone = $element.clone(true);

// reinitialize sortable

sort.section( $element.find('.mfn-sortable-section') );
        sort.section( $clone.find('.mfn-sortable-section') );

sort.wrap( $element.find('.mfn-sortable-wrap') );
        sort.wrap( $clone.find('.mfn-sortable-wrap') );

// set section ID and wrap parent ID

$clone.find('.mfn-section-id, .mfn-wrap-parent').val( newUid );

// replace uid in field names and data-names

element.fields.uid( $clone, oldUid, newUid );

// set wrap ID and items parent ID

$clone.find('.mfn-wrap').each(function() {

var $wrap = $(this);

wrapOldUid = $wrap.find('.mfn-wrap-id').val();
          wrapNewUid = uniqueID();

$wrap.find('.mfn-wrap-id, .mfn-item-parent').val( wrapNewUid );

// replace uid in field names and data-names

element.fields.uid( $wrap, wrapOldUid, wrapNewUid );
        });

// set items ID

element.fields.itemUid( $clone );

// insert after current section

$element.after( $clone );

// blink

blink( $clone );

// trigger resize to recalculate some stuff

triggerResize();

// section.preBuilt()

preBuilt: function( $el ){

$sender = $el.closest('.mfn-section');

preBuiltSections.modal.open();

// section.template()

template: function( $el ){

$sender = $el.closest('.mfn-section');

exportImport.modal.open('templates');

// section.hide()

hide: function( $el ){

var $element = $el.closest('.mfn-section'),
          $input = $element.find('input[name$="[hide]"], input[data-name$="[hide]"]');

var name;

if ( $element.hasClass('hide') ) {

// show

$element.removeClass('hide');
          $('.label', $el).text( $el.data('hide') );

$input.val(0);

} else {

// hide

$element.addClass('hide');
          $('.label', $el).text( $el.data('show') );

$input.val(1);

name = $input.attr('data-name');
          if( name ){
            $input.attr('name', name).removeAttr('data-name');
          }

}

// section.collapse()

collapse: function( $el ){

var $element = $el.closest('.mfn-section'),
          $content = $('.section-content', $element),
          $input = $element.find('input[name$="[collapse]"], input[data-name$="[collapse]"]');

var currentHeight = 0;

if ( $element.hasClass('collapse') ) {

// expand

$content.height('auto');

currentHeight = $content.height();

$content.height(0);
          $content.height(currentHeight);

$element.addClass('is-collapsing');

setTimeout(function(){
            $element.removeClass('collapse is-collapsing');
            $content.height('auto');
          }, 300);

$('.label', $el).text( $el.data('hide') );

$input.val(0);

} else {

// hide

$content.height( $content.height() );
          $content.outerHeight(0);

$element.addClass('collapse');

$('.label', $el).text( $el.data('show') );

$input.val(1);

name = $input.attr('data-name');
          if( name ){
            $input.attr('name', name).removeAttr('data-name');
          }

}

// trigger resize to recalculate some stuff

triggerResize();

// section.addRow()

addRow: {

// section.addRow.mouseEnter()

mouseEnter: function( $el ){

$el.closest('.mfn-section').addClass('add-section-'+ $el.data('position'));

// section.addRow.mouseLeave()

mouseLeave: function( $el ){

$el.closest('.mfn-section').removeClass('add-section-'+ $el.data('position'));

}

// section.move()

move: {

// section.move.up()

up: function( $el ){

var $element = $el.closest('.mfn-section');

$element.prev().insertAfter( $element );

// section.move.down()

down: function( $el ){

var $element = $el.closest('.mfn-section');

$element.next().insertBefore( $element );

// section.info()

info: function( $el ){

var $info = $('.mfn-section-info', $sender),
          $headerLabel = $('.header-label', $sender);

var uid = $('.mfn-section-id', $sender).val(),
          title = $('[name="mfn-section['+uid+'][title]"]', $el).val() || '',
          styles = '';

var attr = {},
          keys = {
            'bg_image' : 'style:.mcb-section-mfnuidelement:background-image',
            'bg_color' : 'style:.mcb-section-mfnuidelement:background-color',
            'bg_position' : 'style:.mcb-section-mfnuidelement:background-position',
            'style' : 'style',
            'class' : 'classes',
            'section_id' : 'custom_id',
          };

$.each( keys, function( keyOld, keyNew ) {
          if( $('[name="mfn-section['+uid+']['+keyOld+']"]', $el).val() ){
            attr[keyOld] = $('[name="mfn-section['+uid+']['+keyOld+']"]', $el).val();
          } else if( $('[name="mfn-section['+uid+']['+keyNew+']"]', $el).val() ){
            attr[keyOld] = $('[name="mfn-section['+uid+']['+keyNew+']"]', $el).val();
          } else {
            attr[keyOld] = '';
          }
        });

if( 'no-repeat;center top;fixed;;still' == attr.bg_position ){
          attr.bg_position = 'fixed';
        } else if( 'no-repeat;center;fixed;cover;still' == attr.bg_position ){
          attr.bg_position = 'fixed';
        } else if( 'no-repeat;center top;fixed;cover' == attr.bg_position ){
          attr.bg_position = 'parallax';
        } else {
          attr.bg_position = attr.bg_position.split(";");
          attr.bg_position = attr.bg_position[1];
        }

// section title bar

if( attr.section_id ){
          attr.section_id = '#' + attr.section_id;
        }

$( '.header-label-title', $headerLabel ).text(title);
        $( '.header-label-hashtag', $headerLabel ).text(attr.section_id);

// section info

$( '.mfn-info-bg-image', $info ).attr('src', attr.bg_image);
        $( '.mfn-info-bg-color', $info ).text(attr.bg_color);
        $( '.mfn-info-bg-color-preview', $info ).css('background-color', attr.bg_color);
        $( '.mfn-info-bg-position', $info ).text(attr.bg_position);

// custom

$( '.mfn-info-custom-class', $info ).text(attr.class);
        $( '.mfn-info-custom-id', $info ).text(attr.section_id);

if( attr.class ){
          $( '.mfn-info-custom-class', $info ).removeClass( 'hide' );
        } else {
          $( '.mfn-info-custom-class', $info ).addClass( 'hide' );
        }

if( attr.class || attr.section_id ){
          $( '.dropdown-group-custom', $info ).removeClass( 'hide' );
        } else {
          $( '.dropdown-group-custom', $info ).addClass( 'hide' );
        }

// styles

$( '.mfn-info-style', $info ).empty();

$('.checkboxes.pseudo .active', $el).each(function(){
          styles += '<li>'+ $(this).text() +'</li>';
        });

if( styles ){
          $( '.dropdown-group-style', $info ).removeClass( 'hide' );
          $( '.mfn-info-style', $info ).html( styles );
        } else {
          $( '.dropdown-group-style', $info ).addClass( 'hide' );
        }

// section classes

$sender.removeClass('full-width');

if( attr.style && -1 != attr.style.indexOf('full-') ){
          $sender.addClass('full-width');
        }

// section.menu()

menu: function( $el ){

if( $builder.hasClass('hover-effects') ){
          return false;
        }

$el.closest('.mfn-option-dropdown').toggleClass('hover');

}

};

/**
     * Wrap
     */

var wrap = {

// wrap.add()

add: function( $el, divider, size ){

var $clone = '',
          $parent = $el.closest('.mfn-section'),
          $parentID = $parent.find('.mfn-section-id').val();

enableBeforeUnload();

divider = typeof divider !== 'undefined' ? divider : false;
        size = typeof size !== 'undefined' ? size : false;

$el.addClass('loading');

$.ajax( ajaxurl, {

type : "POST",
          data : {
            'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
            action: 'mfn_builder_add_element',
            type: 'wrap'
          }

}).done(function(response){

$el.removeClass('loading');

// parse html of response

$clone = $($.parseHTML( response ));

// set cloned wrap as divider

if ( divider ) {
            $clone.addClass('divider')
              .find('.mfn-wrap-size').val('divider');
          }

// set size

if ( size ) {
            $clone.attr('data-size', sizeLabel2Index[size]);
            $clone.find('.mfn-wrap-size').val(size);
            $clone.find('.mfn-element-size-label').first().text(size);
          }

// set wrap ID and parent section ID

$clone.find('.mfn-wrap-parent').val( $parentID );

// section is no longer empty

$parent.removeClass('empty');

// insert at the end of target section

$parent.find('.mfn-sortable-section')
            .append($clone).find('.mfn-wrap').fadeIn(300);

// enable sortable

if ( ! divider ) {
            sort.wrap( $clone.find('.mfn-sortable-wrap') );
          }

// blink

blink( $clone );

// trigger resize to recalculate some stuff

triggerResize();

});

// wrap.predefined()

predefined: function( $el ){

var layout = $el.attr('data-tooltip');

layout = layout.split(' | ');

$.each( layout, function(i, obj){
          wrap.add( $el, false, layout[i] );
        });

// wrap.clone()

clone: function( $el ) {

var $element = $el.closest('.mfn-wrap'),
          $clone = false;

var oldUid = $element.find('.mfn-wrap-id').val(),
          newUid = uniqueID();

enableBeforeUnload();

// destroy sortable, clone element

$element.find('.mfn-sortable').sortable('destroy');

$clone = $element.clone(true);

$clone.removeClass('hover');

// reinitialize sortable

sort.wrap( $element.find('.mfn-sortable-wrap') );
        sort.wrap( $clone.find('.mfn-sortable-wrap') );

// set wrap ID and items parent ID

$clone.find('.mfn-wrap-id, .mfn-item-parent').val( newUid );

// replace uid in field names and data-names

element.fields.uid( $clone, oldUid, newUid );

// set items ID

element.fields.itemUid( $clone );

// insert after current wrap

$element.after( $clone );

// blink

blink( $clone );

// trigger resize to recalculate some stuff

triggerResize();

// wrap.mouseEnter()

mouseEnter: function( $el ){

$el.addClass('hover');

// wrap.mouseLeave()

mouseLeave: function( $el ){

$el.removeClass('hover');

}

};

/**
     * Item
     */

var item = {

// item.add()

add: function( $el ){

var position = $el.data('position') || '';

// set action sender

$sender = $el.closest('.mfn-wrap');
        $sender.attr('data-add-item', position);

// open modal

modal.open( $('.modal-add-items', $builder) );

$('.mfn-search', $currentModal).focus();

// item.clone()

clone: function( $el ) {

var $element = $el.closest('.mfn-item'),
          $clone = $element.clone(true)

var oldUid = $element.find('.mfn-item-id').val(),
          newUid = uniqueID();

enableBeforeUnload();

$clone.removeClass('hover');

// set new ID

$clone.find('.mfn-item-id').val( newUid );

// replace uid in field names and data-names

element.fields.uid( $clone, oldUid, newUid );

// insert after current item

$element.after( $clone );

// blink

blink( $clone );

// trigger resize to recalculate some stuff

triggerResize();

// trigger custom event

$(document).trigger('mfn:builder:item:clone', [$clone, oldUid]);

modal: {

// item.modal.add()

add: function( $el ){

var $target = $sender.find('.mfn-sortable-wrap').first(),
            $li = $el.parent('li'),
            $clone = false;

var parentID = $sender.find('.mfn-wrap-id').val(),
            parentSize = $sender.closest('.mfn-wrap').attr('data-size'),
            type = $el.parent('li').attr('data-type'),
            uid = uniqueID();

enableBeforeUnload();

$li.addClass('loading');

$.ajax( ajaxurl, {

type : "POST",
            data : {
              'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
              action: 'mfn_builder_add_element',
              type: type
            }

}).done(function(response){

$li.removeClass('loading');

modal.close();

// parse html of response

$clone = $($.parseHTML( response ));

// close modal

modal.close();

// set item ID and parent wrap ID

$clone.find('.mfn-item-parent').val( parentID );

// small wrap fix | if wrap is smaller or equal 1/4 add 1/1 item

if ( parentSize <= 0.5 ) {
              $clone.attr('data-size', 1);
              $clone.find('input.mfn-item-size').val('1/1');
              $clone.find('.mfn-element-size-label').text('1/1');
            }

// wrap is no longer empty

$sender.removeClass('empty');

// insert at the end of target wrap

if( 'before' == $sender.attr('data-add-item') ){
              $target.prepend($clone).find('.mfn-item');
            } else {
              $target.append($clone).find('.mfn-item');
            }

// blink

blink( $clone );

// trigger resize to recalculate some stuff

triggerResize();

// trigger custom event

$(document).trigger('mfn:builder:item:add', [$clone]);

});

// item.modal.search()

search: function( value ){

var $items = $('.mfn-items-list li', $currentModal);

value = value.replace(/ /g, '_').toLowerCase();

if( value ){

$items.filter('[data-type*=' + value + ']').show();
            $items.not('[data-type*=' + value + ']').hide();

$('.modalbox-tabs li', $currentModal).removeClass('active');

} else {

$items.show();

$('.modalbox-tabs li:first', $currentModal).addClass('active');

}

// 'text' == alias for column

if( ['text', 'tex', 'te', 't'].includes( value ) ){
            $items.filter('[data-type*=column]').show();
          }

// item.modal.searchTimer()

searchTimer: function( $input ){

clearTimeout( timerSerch );
          timerSerch = setTimeout(function() {
            item.modal.search( $input.val() );
          }, 300, $input);

// item.modal.tabs()

tabs: function( $el ){

var $items = $('.mfn-items-list', $currentModal);

var filter = $el.attr('data-filter');

// clear search field

$('.mfn-search', $currentModal).val('');

// add active on tab click and filter

$el.addClass('active')
            .siblings().removeClass('active');

if ( '*' == filter ) {

$items.find('li').show();

if( $('body').hasClass('post-type-template') ){
              templatesPostType.set();
            }

} else {
            $items.find('li.category-' + filter).show();
            $items.find('li').not('.category-' + filter).hide();
          }

// item.modal.close()

close: function(){

$('.modalbox-tabs li', $currentModal).removeClass('active')
            .first().children('a').trigger('click');

}

// item.preview()

preview: function( $el ){

var type = $sender.attr('data-type');

var $preview = $('.item-preview', $sender),
          $tabs = $('.preview-tabs', $el),
          $images = $('.preview-images', $el);

var image = $('.preview-image', $el).val(),
          title = $('.preview-title', $el).val(),
          subtitle = $('.preview-subtitle', $el).val(),
          content = $('.preview-content', $el).val(),
          style = $('.preview-style', $el).val(),
          number = $('.preview-number', $el).val(),
          category = $('.preview-category option:selected', $el).text(),
          categoryAll = $('.preview-category-all', $el).val(),
          icon = $('.preview-icon', $el).val(),
          align = $('.preview-align input:checked', $el).val(),

placeholder = '',
          tabs = '',
          images = '';

// values

if( ['code','content','fancy_divider','map','map_basic','sidebar_widget','slider_plugin','video'].includes(type) ){
          // these items has the placeholder image
          image = 'placeholder';
        } else {
          $( '.item-preview-image', $preview ).attr('src', image);
        }

$( '.item-preview-title', $preview ).text(title);
        $( '.mfn-item-label', $sender ).text(title); // label used in simple view
        $( '.item-preview-subtitle', $preview ).text(subtitle);
        $( '.item-preview-number', $preview ).text(number);

// align

$preview.removeClass('align- align-left align-center align-right align-justify');

if( align ){
          $preview.addClass( 'align-' + align );
        }

// style

if( ['blog','portfolio'].includes(type) ){

if( ! style ){
            style = 'grid';
          }

style = style.replace(/[, ]/g, '-');

placeholder = $( '.item-preview-placeholder', $preview ).attr('data-dir');
          placeholder += style + '.svg';

$( '.item-preview-placeholder', $preview ).attr('src', placeholder);

}

// icon

if( ['counter','icon_box','list'].includes(type) && image ){
          // image replaces icon in some items
          icon = false;
        }

$( '.item-preview-icon i', $preview ).attr('class', icon);

// category

if( categoryAll ){
          category = categoryAll;
        }

$( '.item-preview-category', $preview ).text(category);

// content

if( content ){

var excerpt;

if( ['column','visual'].includes(type) ){

var allowed_tags = '<a><b><blockquote><br><em><h1><h2><h3><h4><h5><h6><i><img><li><ol><p><span><strong><u><ul><table><tr><th><td>';

// remove unwanted HTML tags
            excerpt = strip_tags( content, allowed_tags );

// remove style=""
            excerpt = excerpt.replace(/(style=['"]([\w!@#$:; &()`.+,/"'-]*) ?: ?([\w!: ;@#$&()`.+,"/'-]*)['"])/g, '', excerpt);

// wrap shortcodes into span to highlight
            excerpt = excerpt.replace(/(\[(.*?)?\[\/)((.*?)?\])|(\[(.*?)?\])/g, '<span class="item-preview-shortcode">$&</span>', excerpt);

} else {

var tmp = document.createElement( 'div' );
            tmp.innerHTML = content;

excerpt = tmp.textContent || tmp.innerText || "";

// strip_shortcodes

excerpt = excerpt.replace(/\[.*?\]/g, ''); // do not put space before regex

// 16 words

excerpt = excerpt.split(" ").splice(0, 16).join(" ");

if( excerpt.length < content.length ){
              excerpt += '...';
            }

}

content = excerpt;

$( '.item-preview-content', $preview ).html(content);

}

// tabs

if( $tabs.length ){
          $('li:not(.default)', $tabs).each(function(){
            tabs += '<li>'+ $(this).find('.title').text() +'</li>';
          });
        }

$( '.item-preview-tabs', $preview ).html(tabs);

// images

if( $images.length ){
          $('li', $images).each(function(){
            images += '<li><img src="'+ $(this).find('img').attr('src') +'" /></li>';
          });
        }

$( '.item-preview-images', $preview ).html(images);

// empty

if( image ){
          $( '.preview-group.image', $preview ).removeClass('empty');
        } else {
          $( '.preview-group.image', $preview ).addClass('empty');
        }

if( title ){
          $( '.item-preview-title', $preview ).removeClass('empty');
        } else {
          $( '.item-preview-title', $preview ).addClass('empty');
        }

if( subtitle ){
          $( '.item-preview-subtitle', $preview ).removeClass('empty');
        } else {
          $( '.item-preview-subtitle', $preview ).addClass('empty');
        }

if( content ){
          $( '.item-preview-content', $preview ).removeClass('empty');
        } else {
          $( '.item-preview-content', $preview ).addClass('empty');
        }

if( style ){
          $( '.item-preview-style', $preview ).parent().removeClass('empty');
        } else {
          $( '.item-preview-style', $preview ).parent().addClass('empty');
        }

if( number ){
          $( '.item-preview-number', $preview ).removeClass('empty');
        } else {
          $( '.item-preview-number', $preview ).addClass('empty');
        }

if( category ){
          $( '.item-preview-category', $preview ).parent().removeClass('empty');
        } else {
          $( '.item-preview-category', $preview ).parent().addClass('empty');
        }

if( icon ){
          $( '.item-preview-icon', $preview ).removeClass('empty');
        } else {
          $( '.item-preview-icon', $preview ).addClass('empty');
        }

if( tabs ){
          $( '.item-preview-tabs', $preview ).removeClass('empty');
        } else {
          $( '.item-preview-tabs', $preview ).addClass('empty');
        }

if( images ){
          $( '.item-preview-images', $preview ).removeClass('empty');
        } else {
          $( '.item-preview-images', $preview ).addClass('empty');
        }

// item.mouseEnter()

mouseEnter: function( $el ){

$el.addClass('hover')
          .closest('.mfn-wrap').removeClass('hover');

// item.mouseLeave()

mouseLeave: function( $el ){

$el.removeClass('hover')
          .closest('.mfn-wrap').addClass('hover');

}

};

/**
     * Element
     */

var element = {

// element.delete()

delete: function( $el ){

var $element = $el.closest('.mfn-element');

// block window unload if any changes were made

enableBeforeUnload();

// set action sender

$sender = $element;

// open modal

modal.open( $('.modal-confirm-element', $builder) );

$currentModal.find('.btn-modal-confirm').focus();

// element.edit()

edit: function( $el ){

var $modalEdit = $('.modal-item-edit', $builder),
          $modalContent = $modalEdit.find('.modalbox-content'),
          $meta = false;

// Global Wrap, add class to modal
        if ( $($el).hasClass('mfn-global-wrap') ) {
          $modalEdit.addClass('mfn-global-wrap');
        } else {
          $modalEdit.removeClass('mfn-global-wrap');
        }

// Global Section, add class to modal
        if ( $($el).hasClass('mfn-global-section') ) {
          $modalEdit.addClass('mfn-global-section');
        } else {
          $modalEdit.removeClass('mfn-global-section');
        }

var title = '',
          type = '';

// block window unload if any changes were made

enableBeforeUnload();

// set action sender

$sender = $el;

// prepare modal content

$meta = $sender.children('.mfn-element-meta');

$meta.appendTo( $modalContent );

// set modal title and icon

title = $sender.data('title');
        type = $sender.data('type');

$( '.modalbox-title', $modalEdit ).text(title);
        $modalEdit.attr('data-type', type);

// remove deprecated heading

if( $('.mfn-deprecated', $modalEdit).length === 1 ){
          $('.mfn-deprecated', $modalEdit).remove();
        }

// trigger custom event

$(document).trigger('mfn:builder:edit', [$modalEdit]);

// open modal

modal.open( $modalEdit );

// conditions start, after $current modal set

conditions.start();

// focus on first input

$( 'input:first', $currentModal ).focus();

fields: {

// element.fields.dataName()
        // change data-name to name and opposite

dataName: function( $el ){

if( $el.is('.not-empty, .wp-color-picker') ){
            return; // field type: tabs
          }

if( $el.closest('.mfn-modal').hasClass('modal-add-shortcode') ){
            return; // do not change to name in shortcodes manager
          }

var val = $el.val(),
            name = $el.attr('name'),
            data_name = $el.attr('data-name');

if( val ){

if (typeof data_name !== 'undefined' && data_name !== false) {
              $el.attr('name', data_name).removeAttr('data-name');
            }

// add default unit, ie. 'px'
            if( $el.hasClass('has-default-unit') && ( ! isNaN(val) ) ){
              $el.val(val + $el.attr('data-unit'));
            }

} else {

if (typeof name !== 'undefined' && name !== false) {
              $el.attr('data-name', name).removeAttr('name');
            }

}

// element.fields.uid()

uid: function( $el, oldUid, newUid ){

var name = false;

$el.children('.mfn-element-meta').find('[name]').each(function() {
            name = $(this).attr('name').replace(oldUid, newUid);
            $(this).attr('name', name);
          });

$el.children('.mfn-element-meta').find('[data-name]').each(function() {
            name = $(this).attr('data-name').replace(oldUid, newUid);
            $(this).attr('data-name', name);
          });

// element.fields.itemUid()

itemUid: function( $el ){

var oldUid = '',
            newUid = '';

$el.find('.mfn-item').each(function() {

var $item = $(this);

oldUid = $(this).find('.mfn-item-id').val();
            newUid = uniqueID();

$item.find('.mfn-item-id').val( newUid );

// replace uid in field names and data-names

element.fields.uid( $item, oldUid, newUid );

// trigger custom event

$(document).trigger('mfn:builder:item:clone', [this, oldUid]);

});

}

modal: {

// element.modal.close()

close: function(){

var $meta = $currentModal.find('.modalbox-content .mfn-element-meta');

var type = $currentModal.attr('data-type');

$('.modalbox-tabs li:first a', $currentModal).trigger('click');

// trigger custom event

$(document).trigger('mfn:builder:close', [$currentModal]);

// section info, item preview

if ( 'section' == type ) {
            section.info( $currentModal ); // TODO: fix error
          } else if ( 'wrap' != type ) {
            item.preview( $currentModal );
          }

// append modal data to sender

$meta.appendTo( $sender );

$currentModal.removeAttr('data-type');
          $currentModal.attr('data-device', 'desktop');

// blink

blink( $sender );

// element.modal.delete()

delete: function(){

var $element = $sender;

// close modal

modal.close();

$element.fadeOut( 300, function() {

// show start section screen

if( $element.hasClass( 'mfn-section' ) ){
              if ( ! $element.siblings('.mfn-section').length ) {
                $builder.addClass( 'empty' );
              }
            }

// check if section will be empty

if( $element.hasClass( 'mfn-wrap' ) ){
              if( ! $element.siblings('.mfn-wrap').length ){
                $element.closest('.mfn-section').addClass( 'empty' );
              }
            }

// check if wrap will be empty

if( $element.hasClass( 'mfn-item' ) ){
              if( ! $element.siblings('.mfn-item').length ){
                $element.closest('.mfn-wrap').addClass( 'empty' );
              }
            }

// remove item

$element.remove();

$(document).trigger('mfn:builder:element:delete', false);

// trigger resize to recalculate some stuff

triggerResize();

});

// element.modal.tabs()

tabs: function( $el ){

var $tab = $el.closest('li');

var card = $tab.data('card');

$tab.addClass('active')
            .siblings().removeClass('active');

$( '.modalbox-card-' + card, $currentModal ).addClass('active')
            .siblings().removeClass('active');

// switch responsive
        // element.modal.responsive()

responsive: function( $el ){

var device = $el.data('device');

$modal.attr('data-device', device);

// switch normal/hover
        // element.modal.state()

state: function( $el ){

var $row = $el.closest('.mfn-form-row'),
            $li = $el.closest('li');

var tab = $el.data('tab');

$li.addClass('active')
            .siblings().removeClass('active');

if( 'hover' == tab ){
            $row.addClass('hover');
          } else {
            $row.removeClass('hover');
          }

// element.modal.toggleRows()

toggleRows: function( $el ){

if( $el.hasClass('mfn-toggle-expanded') ){

$el.removeClass('mfn-toggle-expanded');
            $el.nextUntil('.toggled_header').addClass('mfn-toggled');

} else {

$el.addClass('mfn-toggle-expanded');
            $el.nextUntil('.toggled_header').removeClass('mfn-toggled');

$el.siblings('.mfn-toggle-expanded').trigger('click');

}

};

/**
     * Conditions
     */

var conditions = {

// triggers on element modal open
      // conditions.start()

start: function(){

var prepareValues = false; // set start values only once

$('.mfn-form-row.activeif:not(.mfn-initialized)', $currentModal).each( function() {

var fieldid = '#'+ $(this).attr('data-conditionid');

if( ! $( fieldid +'.watchChanges', $currentModal ).length ){
            $( fieldid, $currentModal ).addClass('watchChanges');
            prepareValues = true;
          }

$(this).addClass('mfn-initialized');

});

if( prepareValues ){
          conditions.startValues();
          conditions.watchChanges();
        }

// conditions.startValues()

startValues: function(){

$('.watchChanges', $currentModal).each(function() {

var id = $(this).attr('id'),
            val;

if( $(this).find('.single-segmented-option.segmented-options').length ){
            val = $(this).find('input:checked').val();
          }else{
            val = $(this).find('.mfn-field-value, .condition-field').val();
          }

conditions.getField(id, val);
        });

// conditions.getField()

getField: function(id, val){

$( '.activeif-'+ id, $currentModal ).each(function() {
          conditions.showhidefields($(this), val);
        });

// conditions.showhidefields()

showhidefields: function($formrow, val){

var opt = $formrow.attr('data-opt');
        var optval = $formrow.attr('data-val');

if( opt == 'is' && ( (val != '' && optval.includes(val)) || (val == '' && optval == '') ) ){
          $formrow.removeClass('conditionally-hide');
        }else if( opt == 'isnt' && ( (optval == '' && val != '') || (val == '' && optval != '') || val != optval ) ){
          $formrow.removeClass('conditionally-hide');
        }else{
          $formrow.addClass('conditionally-hide');
        }

// conditions.watchChanges()

watchChanges: function(){

$('.watchChanges', $currentModal).each(function() {

var id = $(this).attr('id');

if( $(this).find('.segmented-options').length ){
            $(this).on('click', '.segmented-options li', function() {
              var val = $(this).find('input').val();
              conditions.getField(id, val);
            });
          }else{
            $(this).on('change', 'input, select, textarea', function() {
              var val = $(this).val();
              conditions.getField(id, val);
            });
          }

});

}

};

/**
     * Sizes
     */

var size = {

// size.calculate()

calculate: function( currentSize, type, plusMinus, longpress ){

var elementSizes = items[type],
          currentLabel = sizeIndex2Label[currentSize],
          newSize = false,
          position = false;

if( longpress ){

// longpress - max/min size of item

if( 1 == plusMinus ){
            newSize = '1/1';
          } else {
            newSize = elementSizes[0];
          }

} else {

position = elementSizes.indexOf(currentLabel);
          newSize = elementSizes[ position + plusMinus ];

}

if( newSize ){
          newSize = sizeLabel2Index[newSize];
        }

return newSize;
      },

// size.change()

change: function( $el, plusMinus, longpress ){

var $element = $el.closest('.mfn-element');

var type = 'wrap',
          currentSize = $element.attr('data-size'),
          newSize = false;

enableBeforeUnload();

// is it and item or a wrap

if ( ! $element.hasClass('mfn-wrap') ) {
          type = $element.find('.mfn-item-type').first().val();
        }

// calculate and set new size

newSize = this.calculate( currentSize, type, plusMinus, longpress );

if( newSize ){

$element.attr('data-size', newSize );
          $element.children('.mfn-element-size').val( sizeIndex2Label[newSize] );
          $element.find('.mfn-element-size-label').first().text( sizeIndex2Label[newSize] );

}

// trigger resize to recalculate some stuff

triggerResize();

// size.increase()

increase: function( $el ){
        this.change( $el, 1, false );
      },

// size.increaseLong()

increaseLong: function( $el ){
        this.change( $el, 1, true );
      },

// size.decrease()

decrease: function( $el ){
        this.change( $el, -1, false );
      },

// size.decreaseLong()

decreaseLong: function( $el ){
        this.change( $el, -1, true );
      }

};

var modal = {

// modal.open()

open: function( $senderModal ){

$currentModal = $senderModal;

$currentModal.addClass('show');

$('body').addClass('mfn-modal-open');

openedModals.push( $currentModal );

// modal.close()

close: function(){

if( ! $currentModal ){
          return false;
        }

$currentModal = openedModals.pop();

$('.modalbox-content', $currentModal).scrollTop(0);

$currentModal.removeClass('show');

// shortcode editor: tooltips like table builder

$currentModal.find('.editor-header a.focus').removeClass('focus');

// if other modals are open, do not remove body class

if( ! $('.mfn-modal.show').length ){
          $('body').removeClass('mfn-modal-open');
        }

// close add item

if( $currentModal.hasClass('modal-add-items') ){
          item.modal.close();
        }

// close element edit

if( $currentModal.hasClass('modal-item-edit') ){
          element.modal.close();
        }

// close export import

if( $currentModal.hasClass('modal-export-import') ){
          exportImport.modal.close();
        }

// set new current modal

$currentModal = openedModals[openedModals.length - 1];

}

};

var menu = {

// menu.sticky()

sticky: function(){

if ( ! $guttenberg.length ){
          return false;
        }

var $menu = $('.mfn-menu-inner', $builder),
          $wrapper = $('.mfn-wrapper', $builder);

var guttenbergT = $guttenberg.offset().top,
          guttenbergFooterH = $('.interface-interface-skeleton__footer').height() || 0,
          guttenbergB = guttenbergT + $guttenberg.height() - guttenbergFooterH,
          wrapperT = $wrapper.offset().top,
          wrapperB = wrapperT + $wrapper.height(),
          top = $guttenberg.position().top + parseInt($('html').css('padding-top'));

var offset = guttenbergT - wrapperT,
          limit = guttenbergB - wrapperB;

if( limit > 0 ){
          offset = offset - limit;
        }

if( limit > 0 ){

$menu.removeClass( 'fixed' ).addClass( 'stick-bottom' );

} else {

$menu.removeClass( 'stick-bottom' );

if( offset > 0 ){
            $menu.addClass( 'fixed' ).css( 'top', top + 'px' );
          } else {
            $menu.removeClass( 'fixed' ).css( 'top', 0 );
          }

}

};

/**
     * Pre-built sections
     */

var preBuiltSections = {

modal: {

// preBuiltSections.modal.openNew()
        // open sections modal using the menu button so there is no sender section

openNew: function(  ){

$sender = false;

this.open();

// preBuiltSections.modal.open()

open: function(){

// open modal

modal.open( $('.modal-sections-library', $builder) );

// open first tab

$('.modalbox-tabs li:first a', $currentModal).trigger('click');

// preBuiltSections.modal.tabs()

tabs: function( $el ){

var $items = $('.mfn-sections-list', $currentModal);

var filter = $el.attr('data-filter');

// add active on tab click and filter

$el.addClass('active')
            .siblings().removeClass('active');

if ( '*' == filter ) {
            $items.find('li').show();
          } else {
            $items.find('li.category-' + filter).show();
            $items.find('li').not('.category-' + filter).hide();
          }

}

// preBuiltSections.add()

add: function( $el ){

var id = $el.closest('li').attr('data-id'),
          btnText = $el.text(),
          isGlobalSectionEditor =  $('body').hasClass('mfn-template-section'),
          globalSectionAlert = confirm('Using pre-built section will erase all current content in this section.\n\nAre you sure you want to do this?');

$el.addClass('disabled loading');

$.ajax( ajaxurl, {

type : "POST",
          data : {
            'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
            action: 'mfn_builder_pre_built_section',
            id: id
          }

}).done(function( response ){

// be global sections pbl == button on alert false
          if( isGlobalSectionEditor && globalSectionAlert === false ) {
            return $el.removeClass('loading').removeClass('empty').removeClass('disabled').text('+ '.btnText);
          }

if( '<' == response.charAt(0) ){

if( $sender ){
              $sender.after(response);
              $sender = $sender.next();
              if( $sender.prev().hasClass('empty') ){
                $sender.prev().remove();
              }
            } else {

// be global sections pbl == remove content, no multiple sections
              if ( isGlobalSectionEditor ) {
                $desktop.find('.mfn-section').remove();
              }

$desktop.append(response);
            }

if( $('.mfn-section', $desktop).length ){
              $builder.removeClass('empty');
            } else {
              $builder.addClass('empty');
            }

// reinitialize sortable

sort.section( $( '.mfn-sortable-section', $desktop ) );
            sort.wrap( $( '.mfn-sortable-wrap', $desktop ) );

getIDs();

} else if( response ) {

alert(response);

}

// button and close

$el.removeClass('loading').find('.text').text('Done');

setTimeout(function(){
            $el.removeClass('disabled').find('.text').text(btnText);
          },1000);

// trigger resize to recalculate some stuff

triggerResize();

});

}

};

/**
     * Export import builder
     */

var exportImport = {

modal: {

// exportImport.modal.open()

open: function( $tab = false ){

// open modal

modal.open( $('.modal-export-import', $builder) );

// reset to defaults

$('textarea', $currentModal).val('');
          $('.mfn-import-type', $currentModal).val('before');
          $('.mfn-items-import-template li:first a', $currentModal).trigger('click');

// which tab should be opened

if( 'templates' == $tab ){

$('.modalbox-tabs li', $currentModal).removeClass('active')
              .eq(2).children('a').trigger('click');

$currentModal.addClass('templates-only');

} else if( 'page' == $tab ){

$('.modalbox-tabs li', $currentModal).removeClass('active')
              .eq(3).children('a').trigger('click');

} else {

// generate export

exportImport.export();

}

// exportImport.modal.close()

close: function(){

$('.modalbox-tabs li', $currentModal).removeClass('active')
            .first().children('a').trigger('click');

$currentModal.removeClass('templates-only');

$sender = false;

// exportImport.modal.tabs()

tabs: function( $el ){

var $tab = $el.closest('li');
          var card = $tab.data('card');

$tab.addClass('active')
            .siblings().removeClass('active');

$( '.modalbox-card-' + card, $currentModal ).addClass('active')
            .siblings().removeClass('active');

// exportImport.export()

export: function(){

var $textarea = $('.mfn-items-export', $currentModal);

var form = $builder.closest('form').serialize();

form += '&action=mfn_builder_export';

$.ajax( ajaxurl, {

type : "POST",
          data : form

}).done(function(response){

$textarea.val(response);

});

// exportImport.copy()

copy: function( $el ){

var $textarea = $('.mfn-items-export', $currentModal);

var btnText = $el.text();

$textarea.select();
        document.execCommand('copy');

$el.addClass('disabled')
          .find('span').text('Copied, closing...');

setTimeout(function(){
          $el.removeClass('disabled')
            .find('span').text(btnText);
          modal.close();
        },1000);

// exportImport.import()

import: function( $el ){

var $textarea = $('#mfn-items-import', $currentModal);

var form = $builder.closest('form'),
          type = $('#mfn-import-type', $currentModal).val(),
          btnText = $el.text();

if( ! $textarea.val() ){
          return false;
        }

$el.addClass('disabled loading');

// set input name

$textarea.attr('name', $textarea.attr('id'));

// set ajax action

form = form.serialize(); // serialize AFTER input name set
        form += '&action=mfn_builder_import';

$.ajax(ajaxurl, {

type : "POST",
          data : form

}).done(function(response){

if( 'after' == type ){
            $desktop.append(response);
          } else if ( 'replace' == type ) {
            $desktop.empty().append(response);
          } else {
            $desktop.prepend(response);
          }

if( $('.mfn-section', $desktop).length ){
            $builder.removeClass('empty');
          } else {
            $builder.addClass('empty');
          }

// reinitialize sortable

sort.section( $( '.mfn-sortable-section', $desktop ) );
          sort.wrap( $( '.mfn-sortable-wrap', $desktop ) );

getIDs();

// button and close

$el.removeClass('loading')
            .find('span').text('Imported, closing...');

setTimeout(function(){
            $el.removeClass('disabled')
              .find('span').text(btnText);
            modal.close();
          },1000);

// trigger resize to recalculate some stuff

triggerResize();

}).always(function(){

$textarea.removeAttr('name');

});

// exportImport.page()

page: function( $el ){

var $input = $('#mfn-items-import-page', $currentModal);

var form = $builder.closest('form'),
          type = $('#mfn-import-type-page', $currentModal).val(),
          btnText = $el.text();

if( ! $input.val() ){
          return false;
        }

$el.addClass('disabled loading');

// set input name

$input.attr('name', $input.attr('id'));

// set ajax action

form = form.serialize(); // serialize AFTER input name set
        form += '&action=mfn_builder_import_page';

$.ajax(ajaxurl, {

type : "POST",
          data : form

}).done(function(response){

if( $('.mfn-section', $desktop).length ){
            $builder.removeClass('empty');
          } else {
            $builder.addClass('empty');
          }

// reinitialize sortable

sort.section( $( '.mfn-sortable-section', $desktop ) );
          sort.wrap( $( '.mfn-sortable-wrap', $desktop ) );

getIDs();

// button and close

$el.removeClass('loading')
            .find('span').text('Imported, closing...');

setTimeout(function(){
            $el.removeClass('disabled')
              .find('span').text(btnText);
            modal.close();
          },1000);

// trigger resize to recalculate some stuff

triggerResize();

}).always(function(){

$input.removeAttr('name');

});

template: {

// exportImport.template.select()

select: function( $el ){

var $li = $el.closest('li'),
            $input = $('#mfn-items-import-template');

$li.addClass('active')
            .siblings('li').removeClass('active');

$input.val( $li.attr('data-id') );

// exportImport.template.import()

import: function( $el ){

var $input = $('#mfn-items-import-template', $currentModal);

var form = $builder.closest('form'),
            type = $('#mfn-import-type-template', $currentModal).val(),
            btnText = $el.text(),
            mfnBuilderNonce = $('input[name="mfn-builder-nonce"]').val();

if( ! $input.val() ){
            return false;
          }

$el.addClass('disabled loading');

// set input name

$input.attr('name', $input.attr('id'));

// set ajax action
          $.ajax(ajaxurl, {

type : "POST",
            data : {
              'mfn-builder-nonce': mfnBuilderNonce,
              action: 'mfn_builder_template',
              templateId: $('.mfn-items-import-template li.active').attr('data-id'),
            }

}).done(function(response){

if( $sender ){
              $sender.after(response);
              $sender = $sender.next();
              if( $sender.prev().hasClass('empty') ){
                $sender.prev().remove();
              }
            } else if( 'after' == type ){
              $desktop.append(response);
            } else if ( 'replace' == type ) {
              $desktop.empty().append(response);
            } else {
              $desktop.prepend(response);
            }

if( $('.mfn-section', $desktop).length ){
              $builder.removeClass('empty');
            } else {
              $builder.addClass('empty');
            }

// reinitialize sortable

sort.section( $( '.mfn-sortable-section', $desktop ) );
            sort.wrap( $( '.mfn-sortable-wrap', $desktop ) );

getIDs();

// button and close

$el.removeClass('loading')
              .find('span').text('Imported, closing...');

setTimeout(function(){
              $el.removeClass('disabled')
                .find('span').text(btnText);
              modal.close();
            },1000);

// trigger resize to recalculate some stuff

triggerResize();

}).always(function(){

$input.removeAttr('name');

});

seo: function( $el ){

var form = $builder.closest('form').serialize(),
          btnText = $el.text();

$el.addClass('disabled loading');

form += '&action=mfn_builder_seo';

$.ajax(ajaxurl, {

type : "POST",
          data : form

}).done(function(response){

var itemsSEO = response.replace(/\n/g, '<br>');

if( typeof window.wpEditorL10n === "undefined" ) {

// WordPress 4.9
            $('#content-html').trigger('click');
            $('#content').val(itemsSEO).text(itemsSEO);

} else {

// WordPress 5.0
            var block = wp.blocks.createBlock( 'core/paragraph', { content: itemsSEO } );
            wp.data.dispatch( 'core/block-editor' ).insertBlocks( block );

}

// button and close

$el.removeClass('loading')
            .find('span').text('Generated, closing...');

setTimeout(function(){
            $el.removeClass('disabled')
              .find('span').text(btnText);
            modal.close();
          },1000);

// trigger resize to recalculate some stuff

triggerResize();

});

}

};

/**
     * Revisions
     */

var revisions = {

postID: $('input[name="post_ID"]').val(),
      autosaveInterval: 300000, // 5 minutes = 300000
      senderRevision: false, // revision to restore after confirm

modal: {

// revisions.modal.open()

open: function(){

// open modal

modal.open( $('.modal-revisions', $builder) );

// revisions.modal.restore()

restore: function( $el ){

revisions.senderRevision = $el;

// open modal

modal.open( $('.modal-confirm-revision', $builder) );

// revisions.modal.confirm()

confirm: function(){

// close modal | do NOT change order, change of $currentModal required

modal.close();

// restore revision

revisions.restore( revisions.senderRevision );

revisions.senderRevision = false;

}

// revisions.set()
      // types: revision, update, autosave, backup

set: function( type ){

var form = $builder.closest('form').serialize();

form += '&action=mfn_builder_export';
        form += '&revision-type=' + type;
        form += '&post-id=' + this.postID;

return $.ajax( ajaxurl, {
          type : "POST",
          data : form
        });

// revisions.save()

save: function( $el ){

var $list = $currentModal.find('ul[data-type="revision"]');

var btnText = $el.text(),
          revision;

$el.addClass('disabled loading');

revision = revisions.set( 'revision' );
        revision.then(function(data) {

if( data ) {

$list.empty();

$.each(JSON.parse(data), function(i, item) {
              $list.append('<li data-time="'+ i +'"><span class="revision-icon mfn-icon-clock"></span><div class="revision"><h6>'+ item +'</h6><a class="mfn-option-btn mfn-option-text mfn-option-blue mfn-btn-restore revision-restore" href="#"><span class="text">Restore</span></a></div></li>');
            });

// enable buttons and close

$el.removeClass('loading')
              .find('span').text('Saved, closing...');

setTimeout(function(){
              $el.removeClass('disabled')
                .find('span').text(btnText);
              modal.close();
            },1000);

}

});

// revisions.autosave()

autosave: function(){

var $list = $('.mfn-modal.modal-revisions', $builder).find('ul[data-type="autosave"]');

var revision;

window.setInterval(function(){

revision = revisions.set( 'autosave' );
          revision.then(function(data) {

if( data ) {

$list.empty();

$.each(JSON.parse(data), function(i, item) {
                $list.append('<li data-time="'+ i +'"><span class="revision-icon mfn-icon-clock"></span><div class="revision"><h6>'+ item +'</h6><a class="mfn-option-btn mfn-option-text mfn-option-blue mfn-btn-restore revision-restore" href="#"><span class="text">Restore</span></a></div></li>');
              });

}

});

}, this.autosaveInterval);

// revisions.publish()

publish: function(){

var $list = $('.mfn-modal.modal-revisions', $builder).find('ul[data-type="update"]');

var revision = revisions.set( 'update' );

revision.then(function(data) {

if( data ) {

$list.empty();

}

});
      },

// revisions.restore()

restore: function( $el ){

var $list = $currentModal.find('ul[data-type="backup"]');

var time = $el.closest('li').attr('data-time'),
          type = $el.closest('ul').attr('data-type'),
          btnText = $el.text(),
          revision;

$currentModal.find('a').addClass('disabled');
        $el.addClass('loading');

// save backup revision before restore

if( 'backup' != type ){

revision = revisions.set( 'backup' ); // do NOT move it up
          revision.then(function(data) {

if( data ){

$list.empty();

$.each(JSON.parse(data), function(i, item) {
                $list.append('<li data-time="'+ i +'"><span class="revision-icon mfn-icon-clock"></span><div class="revision"><h6>'+ item +'</h6><a class="mfn-option-btn mfn-option-text mfn-option-blue mfn-btn-restore revision-restore" href="#"><span class="text">Restore</span></a></div></li>');
              });

}

});

}

// restore revision

$.ajax( ajaxurl, {

type : "POST",
          data : {
            'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
            action: 'mfn_builder_revision_restore',
            time: time,
            type: type,
            post_id: this.postID
          }

}).done(function(response){

$desktop.empty().append(response);

if( $('.mfn-section', $desktop).length ){
            $builder.removeClass('empty');
          } else {
            $builder.addClass('empty');
          }

// reinitialize sortable

sort.section( $( '.mfn-sortable-section', $desktop ) );
          sort.wrap( $( '.mfn-sortable-wrap', $desktop ) );

getIDs();

// button and close

$el.removeClass('loading').find('span').text('Done');

setTimeout(function(){
            $currentModal.find('a').removeClass('disabled');
            $el.find('span').text(btnText);
            modal.close();
          },1000);

// trigger resize to recalculate some stuff

triggerResize();

});

}

};

/**
     * Copy paste
     */

var copyPaste = {

// copyPaste.localStorageON();

localStorageON: function(){

var test = 'localStorage test';

try {

localStorage.setItem(test, test);
          localStorage.removeItem(test);
          return true;

} catch(e) {

console.info('BeBuilder: Section copy/paste require local storage enabled');
          $('.mfn-section-copy').addClass('disabled');
          return false;

}

// copyPaste.init()

init: function(){

if( this.localStorageON() && localStorage.hasOwnProperty('mfn-builder') ){
          $('.mfn-section-paste').removeClass('disabled');
        } else {
          $('.mfn-section-paste').addClass('disabled');
        }

section: {

// copyPaste.section.copy()

copy: function( $el ){

var $section = $el.closest('.mfn-section'),
            $nonce = $('input[name="mfn-builder-nonce"]'),
            $fields = $section.find(':input');

var form = $nonce.add($fields).serialize();

form += '&action=mfn_builder_export';

$.ajax( ajaxurl, {

type : "POST",
            data : form

}).done(function(response){

// copy to clipboard

var temp = $('<input id="mfn-builder-copied" />');

$('body').append(temp);
            temp.val(response).select();
            document.execCommand('copy');

temp.remove();

// save in local storage

localStorage.setItem( 'mfn-builder', JSON.stringify({
              clipboard: response
            }) );

$('.mfn-section-paste').removeClass('disabled');

// button text and icon change

var btnText = $el.find('.label').text();

$el.find('.label').text('Copied');
            $el.find('.mfn-icon').removeClass('mfn-icon-export')
              .addClass('mfn-icon-check-blue');

setTimeout(function(){
              $el.find('.label').text(btnText);
              $el.find('.mfn-icon').removeClass('mfn-icon-check-blue')
                .addClass('mfn-icon-export');
            },1000);

});

// copyPaste.section.paste()

paste: function( $el ){

var $section = $el.closest('.mfn-section'),
            $nonce = $('input[name="mfn-builder-nonce"]'),
            $temp = $('<input type="hidden" name="mfn-items-import" />');

var copied = JSON.parse(localStorage.getItem('mfn-builder')).clipboard,
            type = 'after',
            form = false;

if( ! copied ){
            return false;
          }

$('body').append($temp);
          $temp.val(copied);

form = $nonce.add($temp).serialize();
          form += '&action=mfn_builder_import';

$temp.remove();

$.ajax(ajaxurl, {

type : "POST",
            data : form

}).done(function(response){

if( $el.hasClass('before') ){
              type = 'before';
            }

if( 'before' == type ){
               $section.before(response);
            } else {
              $section.after(response);
            }

$builder.removeClass('empty');

// reinitialize sortable

sort.section( $( '.mfn-sortable-section', $desktop ) );
            sort.wrap( $( '.mfn-sortable-wrap', $desktop ) );

getIDs();

// button text and icon change

var btnText = $el.find('.label').text();

$el.find('.label').text('Pasted');
            $el.find('.mfn-icon').removeClass('mfn-icon-import-' + type)
              .addClass('mfn-icon-check-blue');

setTimeout(function(){
              $el.find('.label').text(btnText);
              $el.find('.mfn-icon').removeClass('mfn-icon-check-blue')
                .addClass('mfn-icon-import-' + type);
            },1000);

// trigger resize to recalculate some stuff

triggerResize();

});

}

};

/**
     * Builder preview
     */

var preview = {

// preview.button()

button: function(){
        setTimeout(function() {
  				$('#editor').find('.edit-post-header .edit-post-header__settings').prepend( '<button type="button" class="components-button is-tertiary mfn-preview">'+ $builder.data('label') +' Preview</button>' );
  			}, 1000);
      },

// preview.classicButton()

classicButton: function(){
  			$('#preview-action').append( '<a style="margin-right:5px" class="mfn-preview button" href="#">Be Preview</a>' );
      },

// preview.generate()

generate: function( $el ){

var tooltip = $el.data('tooltip'),
          postID = $('input[name="post_ID"]').val(),
          form = $builder.closest('form').serialize();
          // previewURL = $el.attr('href');

$el.attr('data-tooltip', 'Generating preview...');

// send save preview request

form += '&action=mfn_builder_export&preview=' + postID;

$.ajax( ajaxurl, {

type : "POST",
          data : form

}).done(function(response){

// WordPress preview

const mouseClickEvents = ['mousedown', 'click', 'mouseup']; // do NOT change order

function simulateMouseClick(element){

if( ! element ){
              return false;
            }

mouseClickEvents.forEach(mouseEventType =>
              element.dispatchEvent(
                new MouseEvent(mouseEventType, {
                  view: window,
                  bubbles: true,
                  cancelable: true,
                  buttons: 1
                })
              )
            );

}

$('#post-preview').trigger('click');

simulateMouseClick(document.querySelector('.edit-post-header-toolbar'));

setTimeout(function(){

simulateMouseClick(document.querySelector('.block-editor-post-preview__button-toggle'));

setTimeout(function(){
              simulateMouseClick(document.querySelector('.edit-post-header-preview__button-external'));
            },10);

},10);

/*
          // custom preview tab
          if ( ! previewTab || previewTab.closed ) {
            previewTab = window.open( previewURL, 'preview' );
            if ( previewTab ) {
              previewTab.focus();
            } else {
              alert('Please allow popups to use preview');
            }
          } else {
            previewTab.location.reload();
            previewTab.focus();
          }
          */

$el.attr('data-tooltip', tooltip);

});

}

};

/**
     * Builder settings
     */

var settings = {

// settings.open()

open: function(){

// open modal

modal.open( $('.modal-settings', $builder) );

// reset

$('.mfn-row', $currentModal).removeClass('changed');

// set options

if( $builder.hasClass('simple-view') ){
          $currentModal.find('[data-option="simple-view"] li:first').removeClass('active')
            .siblings().addClass('active');
        }

if( $builder.hasClass('hover-effects') ){
          $currentModal.find('[data-option="hover-effects"] li:first').removeClass('active')
            .siblings().addClass('active');
        }

if( $builder.hasClass('pre-completed') ){
          $currentModal.find('[data-option="pre-completed"] li:first').removeClass('active')
            .siblings().addClass('active');
        }

if( $builder.hasClass('column-visual') ){
          $currentModal.find('[data-option="column-visual"] li:first').removeClass('active')
            .siblings().addClass('active');
        }

// settings.change()

change: function( $el ){

var $li = $el.closest('li'),
          $row = $el.closest('.mfn-row');

var option = $el.closest('.form-control').data('option'),
          value = false;

$li.addClass('active')
          .siblings('li').removeClass('active');

value = $li.data('value');

if( value ){
          $builder.addClass(option);
        } else {
          $builder.removeClass(option);
        }

// save the option

$.ajax( ajaxurl, {

type : "POST",
          data : {
            'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
            action: 'mfn_builder_settings',
            option: option,
            value: value,
          }

}).done(function(response){

// show info for pre-completed option

if( ['pre-completed','column-visual'].includes(option) ){
            $row.addClass('changed');
          }

if( 'hover-effects' == option ){
            triggerResize();
          }

});

}

};

/**
     * Introduction slider
     */

var introduction = {

overlay: $('.mfn-intro-overlay'),

options: {

// introduction.options.get()

get: function(){

return $builder.hasClass('intro');

// introduction.options.set()

set: function( value ){

$.ajax( ajaxurl, {

type : "POST",
            data : {
              'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
              action: 'mfn_builder_settings',
              option: 'intro',
              value: value, // 0 - hide intro, 1 - show intro
            }

});

}

// introduction.open()

open: function(){

// do not open, when disabled support
        if ( parseInt( $builder.attr('data-tutorial') ) ) {
          return false;
        }

var $slider = $('.mfn-intro-container ul');

var slidesAmount = $('.mfn-intro-container ul li').lenght - 1;

// slider do not exists, ie. white label mode
        if( ! $slider.length ){
          return false;
        }

// slider has been skipped before
        if( ! introduction.options.get() ){
          return false;
        }

// FIX: wpbakery - dp not show introduction when page options closed
        if( $('#mfn-meta-page').hasClass('closed') ){
          return false;
        }

$('body').addClass('mfn-modal-open');

introduction.overlay.show();

// slick has been initialized before so skip steps below
        if( $slider.hasClass('slick-slider') ){
          return false;
        }

$slider.slick({
          cssEase: 'ease-out',
          dots: false,
          fade: true,
          infinite: false
        });

$slider.on('afterChange', function(event, slick, currentSlide, nextSlide){
          if ( currentSlide === slidesAmount ){
            introduction.options.set(0);
          }
        });

// close once on overlay click

introduction.overlay.on('click', function(e){
          e.preventDefault();
          if ( $(e.target).hasClass('mfn-intro-overlay') ){
            introduction.close();
          }
        });

// close permanently on X or 'skip' click

$('.mfn-intro-close').on('click', function(e){
          e.preventDefault();
          introduction.options.set(0);
          introduction.close();
        });

// introduction.reopen()

reopen: function(){
        introduction.options.set(1);
        $builder.addClass('intro');
        introduction.open();
      },

// introduction.close()

close: function(){
        $('body').removeClass('mfn-modal-open');
        $builder.removeClass('intro');
        introduction.overlay.fadeOut(200);
      }

};

/**
     * Shortcode Editor
     */

var shortcodeEditor = {

$popupPath: $('.modal-add-shortcode'),

// .mfn-sc-editor is always wp.codeEditor.mfnScEditor.shortcodeParentDOM (__scEditor.shortcodeParentDOM) -- field_textarea.js
      $placeToCopy: $('.mfn-sc-editor').find('.modalbox-content'),

createShortcodeBuilder( buttonName, closestDomLocation ){

if( 'share_box' == buttonName ){

wp.codeEditor.mfnFieldTextarea.methods.addCodeIntoTextArea('[share_box]');

} else {

if( 'lorem' == buttonName ){
            $(shortcodeEditor.$popupPath).find('.modalbox-title').html('Text generator');
            $(shortcodeEditor.$popupPath).find('.modalbox-footer .btn-modal-close-sc').html('Generate');
          }else{
            $(shortcodeEditor.$popupPath).find('.modalbox-title').html('Shortcode');
            $(shortcodeEditor.$popupPath).find('.modalbox-footer .btn-modal-close-sc').html('Add shortcode');
          }

shortcodeEditor.modal.add(closestDomLocation);
        }

modal: {

// shortcodeEditor.modal.add()

add: function($el){
          shortcodeEditor.modal.clear();
          $el.clone(true).appendTo(shortcodeEditor.$placeToCopy);
          modal.open(shortcodeEditor.$popupPath);

$(document).trigger('mfn:builder:edit', $('.mfn-sc-editor', $currentModal));
        },

// shortcodeEditor.modal.clear()

clear: function(){
          $('.modal-add-shortcode').removeClass('mfn-lipsum');
          $(shortcodeEditor.$placeToCopy).empty();
        }

toTextEditor: function(){

const shortcodeName = $(shortcodeEditor.$placeToCopy).find('[data-shortcode]').attr('data-shortcode');
        const shortcodeAttributes = $(shortcodeEditor.$placeToCopy).find('input[data-name], select[data-name], textarea[data-name]');

let readyCode = wp.codeEditor.mfnScEditor.methods.modal.createShortcode(shortcodeName, shortcodeAttributes);
        wp.codeEditor.mfnFieldTextarea.methods.addCodeIntoTextArea(readyCode);

}

};

/**
     * Helper
     */

/**
     * Unique ID
     * Generate unique ID and check for collisions
     */

var uniqueID = function() {

var uid = Math.random().toString(36).substr(2, 9);

if ( -1 !== uids.indexOf( uid ) ) {
        return uniqueID();
      }

uids.push( uid );

return uid;
    };

/**
     * Get IDs
     * Get all existing IDs and set if ID is empty
     */

var getIDs = function() {

$( '.mfn-section-id, .mfn-wrap-id, .mfn-item-id', $desktop ).each( function() {
        if ( $(this).val() ) {
          uids.push( $(this).val() );
        }
      });

};

/**
     * Blink when element add, edit, clone, etc
     * blink()
     */

var blink = function( $el ){

$el.addClass('blink');

setTimeout(function(){
        $el.removeClass('blink');
      }, 200);

};

/**
     * Go to top
     * goToTop()
     */

var goToTop = function(){

$('html, body, .interface-interface-skeleton__content, .edit-post-sidebar').animate({
        scrollTop: 0
      }, 500);

};

/**
     * Add some HTML code by JS
     * addHTMLbyJS()
     */

var addHTMLbyJS = function(){

// Link to: How can i get back to the old Muffin Builder?

if( 'Be' == $builder.data('label') ){
        $builder.closest('.postbox').find('.postbox-header .hndle').prepend('<a class="postbox-header-hint" target="_blank" href="https://support.muffingroup.com/faq/how-can-i-get-back-to-the-old-muffin-builder/">Prefer the old BeBuilder look?</a>');
      }

};

/**
     * PHP strip_tags
     * locutus.io/php/strip_tags/
     */

function strip_tags (input, allowed) {

// making sure the allowed arg is a string containing only tags in lowercase (<a><b><c>)
      allowed = (((allowed || '') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');

const tags = /<\/?([a-z0-9]*)\b[^>]*>?/gi;
      const commentsAndPhpTags = /|<\?(?:php)?[\s\S]*?\?>/gi;

let after = input;
      // removes tha '<' char at the end of the string to replicate PHP's behaviour
      after = (after.substring(after.length - 1) === '<') ? after.substring(0, after.length - 1) : after;

// recursively remove tags to ensure that the returned string doesn't contain forbidden tags after previous passes (e.g. '<<bait/>switch/>')
      while (true) {
        const before = after;
        after = before.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
          return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
        });

// return once no more tags are removed
        if (before === after) {
          return after;
        }

}
    }

/**
     * window.trigger resize
     * triggerResize()
     */

var triggerResize = function(){

if ( ! $guttenberg.length ){
        return false;
      }

$(window).trigger('resize');

};

/**
     * window.onbeforeunload
     * Warn user before leaving web page with unsaved changes
     */

var enableBeforeUnload = function() {
      window.onbeforeunload = function(e) {
        return 'The changes you made will be lost if you navigate away from this page';
      };
    };

/**
     * Bind
     */

var bind = function() {

// -- click

// section add

$builder.on( 'click', '.mfn-section-add', function(e){
        e.preventDefault();
        section.add($(this));
      });

// section clone

$builder.on( 'click', '.mfn-section-clone', function(e){
        e.preventDefault();
        section.clone($(this));
      });

// section pre-built

$builder.on( 'click', '.mfn-section-pre-built', function(e){
        e.preventDefault();
        section.preBuilt($(this));
      });

// section template

$builder.on( 'click', '.mfn-template', function(e){
        e.preventDefault();
        section.template($(this));
      });

// section hide

$builder.on( 'click', '.mfn-section-hide', function(e){
        e.preventDefault();
        section.hide($(this));
      });

// section collapse

$builder.on( 'click', '.mfn-section-collapse', function(e){
        e.preventDefault();
        section.collapse($(this));
      });

// section add row hover

$builder.on( 'mouseenter', '.mfn-section-add.siblings', function(e){
        section.addRow.mouseEnter( $(this) );
      });

$builder.on( 'mouseleave', '.mfn-section-add.siblings', function(e){
        section.addRow.mouseLeave( $(this) );
      });

// section move

$builder.on( 'click', '.mfn-section-move-up', function(e){
        e.preventDefault();
        section.move.up($(this));
      });

$builder.on( 'click', '.mfn-section-move-down', function(e){
        e.preventDefault();
        section.move.down($(this));
      });

// section menu

$builder.on( 'click', '.mfn-option-dropdown > a', function(e){
        e.preventDefault();
        section.menu($(this));
      });

// wrap add

$builder.on( 'click', '.mfn-wrap-add', function(e){
        e.preventDefault();
        wrap.add($(this));
      });

// divider add

$builder.on( 'click', '.mfn-divider-add', function(e){
        e.preventDefault();
        wrap.add( $(this), 'divider' );
      });

// predefined wrap

$builder.on( 'click', '.wrap-layout', function(e){
        e.preventDefault();
        wrap.predefined( $(this) );
      });

// wrap clone

$builder.on( 'click', '.mfn-wrap-clone', function(e){
        e.preventDefault();
        wrap.clone($(this));
      });

// wrap hover

$builder.on( 'mouseenter', '.mfn-wrap', function(e){
        wrap.mouseEnter( $(this) );
      });

$builder.on( 'mouseleave', '.mfn-wrap', function(e){
        wrap.mouseLeave( $(this) );
      });

// item add

$builder.on( 'click', '.mfn-item-add', function(e){
        e.preventDefault();
        item.add($(this));
      });

// item modal add

$builder.on( 'click', '.modal-add-items .modalbox-items a', function(e){
        e.preventDefault();
        item.modal.add($(this));
      });

// item modal search

$builder.on( 'keyup', '.modal-add-items .mfn-search', function() {
        item.modal.searchTimer( $(this) );
      });

// item modal tabs

$builder.on( 'click', '.modal-add-items .modalbox-tabs li a', function(e) {
        e.preventDefault();
        item.modal.tabs( $(this).closest('li') );
      });

// item clone

$builder.on( 'click', '.mfn-item-clone', function(e){
        e.preventDefault();
        item.clone($(this));
      });

// item hover

$builder.on( 'mouseenter', '.mfn-item', function(e){
        item.mouseEnter( $(this) );
      });

$builder.on( 'mouseleave', '.mfn-item', function(e){
        item.mouseLeave( $(this) );
      });

// element delete

$builder.on( 'click', '.mfn-element-delete', function(e){
        e.preventDefault();
        element.delete($(this));
      });

// element delete confirm

$modal.on( 'click', '.btn-modal-confirm', function(e){
        e.preventDefault();

// Confirm modal of Global Section/Wrap dropdown change
        if( $(this).closest('.modal-confirm-globals').hasClass('show') ) {
          const editedItem = $('.modal-item-edit').attr('data-type');

if ( editedItem === 'section' ) {
            GlobalSections.isSectionChanged = true;
            GlobalSections.oldSelectValue = $('.modal-item-edit').find('#global_sections_select').find('option:selected').val()
          }

if ( editedItem === 'wrap' ) {
            GlobalWraps.isWrapChanged = true;
            GlobalWraps.oldSelectValue = $('.modal-item-edit').find('#global_s_select').find('option:selected').val()
          }

return modal.close( $('.modal-confirm-globals', $builder) )
        }

element.modal.delete($(this));
      });

// element field name

$modal.on('change', '.form-group input, .form-group textarea, .form-group select', function() {
        element.fields.dataName($(this));
      });

// element modal tabs

$builder.on( 'click', '.modal-item-edit .modalbox-tabs a', function(e){
        e.preventDefault();
        element.modal.tabs($(this));
      });

// element edit

$builder.on( 'click', '.mfn-element-edit', function(e){
        e.preventDefault();
        element.edit( $(this).closest('.mfn-element') );

// Global Wrap, option to reverse select value when denied
        const editedItem = $('.modal-item-edit').attr('data-type');
        if( editedItem === 'section' ) {
          GlobalSections.oldSelectValue = $(this).closest('.mfn-section').find('input.mfn-section-global').val();
          GlobalSections.resetSelect();
        } else if ( editedItem === 'wrap' ) {
          GlobalWraps.oldSelectValue = $('.modal-item-edit').find('#global_wraps_select').find('option:selected').val();
          GlobalSections.resetSelect();
        }
      });

$builder.on( 'dblclick', '.mfn-section', function(e){

if( $(e.target).closest('.mfn-header').length && ! $(e.target).is('.mfn-header')  || $(e.target).closest('.mfn-global-section').length ){
          return; // prevent open when header icons click
        } else if( $(e.target).closest('.mfn-item').length ){
          element.edit( $(e.target).closest('.mfn-item') );
        } else if( $(e.target).closest('.mfn-wrap').length ){
          if( $(e.target).closest('.mfn-wrap').hasClass('divider') ){
            return;
          }
          element.edit( $(e.target).closest('.mfn-wrap') );
        } else {
          element.edit( $(e.target).closest('.mfn-section') );
        }

});

// Global Section dropdown | FLAG, notice the change
      $builder.on('click', '#global_sections_select', function(e) {

// Prevent displaying modal, when selecting the same value from dropdown
        if( GlobalSections.oldSelectValue !== $('.modal-item-edit').find('#global_sections_select').find('option:selected').val()){
          modal.open( $('.modal-confirm-globals', $builder) );
        }
      })

// Global Wrap dropdown | FLAG, notice the change
      $builder.on('click', '#global_wraps_select', function(e) {

// Prevent displaying modal, when selecting the same value from dropdown
        if( GlobalWraps.oldSelectValue !==  $('.modal-item-edit').find('#global_wraps_select').find('option:selected').val()){
          modal.open( $('.modal-confirm-globals', $builder) );
        }
      })

// size +

$builder.on( 'click', '.mfn-size-increase', function(e){
        e.preventDefault();
        size.increase($(this));
      });

// size ++

$( '.mfn-size-increase', $builder ).longpress(function(e) {
        e.preventDefault();
        size.increaseLong($(this));
      });

// size -

$builder.on( 'click', '.mfn-size-decrease', function(e){
        e.preventDefault();
        size.decrease($(this));
      });

// size --

$( '.mfn-size-decrease', $builder ).longpress(function(e) {
        e.preventDefault();
        size.decreaseLong($(this));
      });

// switch responsive

$modal.on( 'click', '.responsive-switcher li', function(e){
        element.modal.responsive($(this));
      });

// switch state normal/hover

$modal.on( 'click', '.mfn-sft-nav li a', function(e){
        e.preventDefault();
        element.modal.state($(this));
      });

// toggle rows

$modal.on( 'click', '.row-header.toggled_header', function(e){
        element.modal.toggleRows($(this));
      });

// pre-built sections

$builder.on( 'click', '.mfn-menu-sections a', function(e){
        e.preventDefault();
        preBuiltSections.modal.openNew();
      });

$builder.on( 'click', '.modal-sections-library .modalbox-tabs li a', function(e) {
        e.preventDefault();
        preBuiltSections.modal.tabs( $(this).closest('li') );
      });

$modal.on( 'click', '.mfn-btn-insert', function(e) {
        e.preventDefault();
        preBuiltSections.add( $(this) );
      });

// export import

$builder.on( 'click', '.mfn-menu-export a', function(e){
        e.preventDefault();
        exportImport.modal.open();
      });

$builder.on( 'click', '.modal-export-import .modalbox-tabs li a', function(e) {
        e.preventDefault();
        exportImport.modal.tabs( $(this).closest('li') );
      });

$modal.on( 'click', '.btn-copy-text', function(e) {
        e.preventDefault();
        exportImport.copy( $(this) );
      });

$modal.on( 'click', '.btn-import', function(e) {
        e.preventDefault();
        exportImport.import( $(this) );
      });

$modal.on( 'click', '.mfn-items-import-template li a', function(e) {
        e.preventDefault();
        exportImport.template.select( $(this) );
      });

$modal.on( 'click', '.btn-template', function(e) {
        e.preventDefault();
        exportImport.template.import( $(this) );
      });

$modal.on( 'click', '.btn-seo', function(e) {
        e.preventDefault();
        exportImport.seo( $(this) );
      });

// import single page

$builder.on( 'click', '.mfn-menu-page a', function(e){
        e.preventDefault();
        exportImport.modal.open('page');
      });

$modal.on( 'click', '.btn-page', function(e) {
        e.preventDefault();
        exportImport.page( $(this) );
      });

// revisions

$builder.on( 'click', '.mfn-menu-revisions a', function(e){
        e.preventDefault();
        revisions.modal.open();
      });

$modal.on( 'click', '.btn-revision', function(e) {
        e.preventDefault();
        revisions.save( $(this) );
      });

$modal.on( 'click', '.revision-restore', function(e) {
        e.preventDefault();
        revisions.modal.restore( $(this) );
      });

$modal.on( 'click', '.btn-modal-confirm-revision', function(e) {
        e.preventDefault();
        revisions.modal.confirm();
      });

$('body').on( 'click', '.editor-post-publish-button', function(e) {
        revisions.publish();
      });

// export import section

$builder.on( 'click', '.mfn-section-copy', function(e){
        e.preventDefault();
        copyPaste.section.copy( $(this) );
      });

$builder.on( 'click', '.mfn-section-paste', function(e){
        e.preventDefault();
        copyPaste.section.paste( $(this) );
      });

// preview

$builder.on( 'click', '.mfn-menu-preview a', function(e){
        e.preventDefault();
        preview.generate( $(this) );
      });

$('body').on( 'click', '.mfn-preview', function(e){
        e.preventDefault();
        preview.generate( $(this) );
      });

preview.classicButton();

wp.domReady(function() {
  			preview.button();
  		});

// settings

$builder.on( 'click', '.mfn-menu-settings a', function(e){
        e.preventDefault();
        settings.open( $(this) );
      });

$modal.on( 'click', '.segmented-options.settings .form-control li:not(.active) a', function(e){
        e.preventDefault();
        settings.change( $(this) );
      });

$modal.on( 'click', '.segmented-options.settings .introduction-reopen', function(e){
        e.preventDefault();
        modal.close();
        introduction.reopen();
      });

// modal close

$modal.on( 'click', '.btn-modal-close', function(e) {
        e.preventDefault();

// Confirm modal of Global Section/Wrap dropdown change
        const editedItem = $('.modal-item-edit').attr('data-type');
        if( $(this).closest('.modal-confirm-globals').hasClass('show') ) {
          if(editedItem === 'wrap') GlobalWraps.resetSelect();
          if(editedItem === 'section') GlobalSections.resetSelect();
        }

if(editedItem === 'wrap') GlobalWraps.onModalClose();
        if(editedItem === 'section') GlobalSections.onModalClose();
        modal.close();
        return false;
      });

$modal.on( 'click', '.btn-modal-close-sc', function(e) {
        e.preventDefault();
        modal.close();
      });

$modal.on( 'mousedown', function(e) {
        if($(e.target).hasClass('mfn-modal') && $(e.target).hasClass('modal-confirm-globals')){
          // clicking outside the modal, is not accepting the modal!
          GlobalWraps.resetSelect();
          GlobalSections.resetSelect();

modal.close();
        }else if ( $(e.target).hasClass('mfn-modal') && ! $(e.target).hasClass('modal-add-shortcode') ){
          if ( GlobalWraps.isWrapChanged ) GlobalWraps.onModalClose()
          if ( GlobalSections.isSectionChanged ) GlobalSections.onModalClose();

modal.close();
        } else if( $(e.target).hasClass('modal-add-shortcode') ){
          // click only single button!
          $('.mfn-sc-editor .modalbox-header .btn-modal-close').trigger('click');
        } else if ( $('.mfn-table-creator-btn.focus') && ! $( e.target ).closest('.mfn-table-creator-btn')[0] ){
          $('.mfn-table-creator-btn.focus').removeClass('focus');
        }
      });

$(document).on( 'keydown', function(event) {
        if ( 'Escape' == event.key ) {

if($('.modal-confirm-globals').hasClass('show')){
            // clicking outside the modal, is not accepting the modal!
            GlobalWraps.resetSelect();
            GlobalSections.resetSelect();
          }

modal.close();
        }
      });

// modal prevent enter key from form submiting

$(document).on( 'keydown', function(event) {
        var target = $( event.target );
        if( target.is('input') && 'Enter' == event.key ){
          event.preventDefault();
          return false;
        }
      });

// section menu close

$builder.on( 'click', function(e) {

if( $builder.hasClass('hover-effects') ){
          return;
        }

var $parent = e.target.closest('.mfn-option-dropdown.hover');

$('.mfn-option-dropdown.hover').not($parent).removeClass('hover');

});

// external modal

$(document).on('mfn:modal:open', function( $this, el ){
        modal.open( $(el) );
      });

$(document).on('mfn:modal:close', function(){
        modal.close();
      });

// textarea buttons

$builder.on('click', '.editor-header .mfn-option-btn', function(e){

var buttonName = $(e.currentTarget).attr('data-type') ? $(e.currentTarget).attr('data-type') : false;
        wp.codeEditor.mfnFieldTextarea.methods.mfn_textarea_actions(buttonName);

// FIX: prevent scroll to top while using classic editor
        e.preventDefault();

});

$builder.on('click', '.editor-header .mfn-option-dropdown .mfn-dropdown-item', function(e){

var buttonName = $(this).attr('data-type');
        var isItSCEditor = $(this).closest('.mfn-option-dropdown').hasClass('dropdown-megamenu');

if(isItSCEditor){
          var closestDomLocation = $('.modal-add-shortcode .mfn-isc-builder').find('.mfn-isc-builder-'+buttonName+'');
          shortcodeEditor.createShortcodeBuilder(buttonName, closestDomLocation);
        }else{
          wp.codeEditor.mfnFieldTextarea.methods.mfn_textarea_actions(buttonName);
        }

// FIX: prevent scroll to top while using classic editor
        e.preventDefault();

});

$builder.on('click', '.mfn-sc-editor .btn-modal-close-sc', function(e){

if( $('.modal-add-shortcode').hasClass('mfn-lipsum') ){
          // lipsum generator is not a shortcode
          wp.codeEditor.mfnFieldTextarea.methods.addCodeIntoTextArea( wp.codeEditor.mfnLipsum.createLorem() );
        }else{
          shortcodeEditor.toTextEditor();
        }

// FIX: prevent scroll to top while using classic editor
        e.preventDefault();

});

// table generator

$builder.on('click', '.mfn-table-creator-btn', function() {

var el = $(this).get(0);
        var list = $(el).closest('.mfn-option-btn').find('.mfn-table-creator');

wp.codeEditor.mfnTable.displayTooltip(el, list);

});

$builder.on('click', '.mfn-table-creator td, .mfn-table-creator-btn th', function() {

wp.codeEditor.mfnTable.toTextArea();

});

// lorem generator

$builder.on('click', '.mfn-lorem-creator-btn', function(e){

var buttonName = $(e.currentTarget).attr('data-type') ? $(e.currentTarget).attr('data-type') : false;
        var closestDomLocation = $('.mfn-isc-builder').find('.mfn-isc-builder-'+buttonName+'');

shortcodeEditor.createShortcodeBuilder(buttonName, closestDomLocation);
        $('.modal-add-shortcode').addClass('mfn-lipsum');

});

// go to top

$builder.on('click', '#mfn-go-to-top', function() {
        goToTop();
      });

// disable onbeforeunload

$('body').on('click', '.editor-post-publish-button', function() {
        window.onbeforeunload = null;
      });

$('form').on('submit', function() {
        window.onbeforeunload = null;
      });

// window.scroll

// $(window).scroll(function() {
      //
      // });

// window resize

// $(window).on('debouncedresize', function() {
      //
      // });

};

/**
     * Bind on window load
     * bindLoad()
     */

var bindLoad = function(){

$guttenberg = $( '.interface-interface-skeleton__content' );

// WP 5.4 | .block-editor-editor-skeleton__content
      // WP 5.5 | .interface-interface-skeleton__content

// scroll

$guttenberg.on( 'scroll', function() {

menu.sticky();

});

// resize

$( window ).on( 'resize', function() {

menu.sticky();

});

};

/**
     * Templates | Manage template post type
     */

var templatesPostType = {

count: $('.mfn-df-row').not('.clone').length > 0 ? $('.mfn-df-row').not('.clone').length : 0,

// templatesPostType.set()

set: function() {

var val = $('.mfn-meta .mfn-form-select[name="mfn_template_type"]').val();

if ( val === 'section' || val === 'wrap') {
          $('body').addClass(`mfn-template-${val}`);
        }

$('.mfn-ui .mfn-modalbox ul.modalbox-items li.category-single-product').addClass('hiddenItem');
        $('.mfn-ui .mfn-modalbox ul.modalbox-items li.category-shop-archive').addClass('hiddenItem');

$('.mfn-ui .mfn-modalbox .modalbox-tabs li[data-filter="shop-archive"]').hide();
        $('.mfn-ui .mfn-modalbox .modalbox-tabs li[data-filter="single-product"]').hide();

if( 'shop-archive' == val ){
          $('.mfn-ui .mfn-modalbox ul.modalbox-items li.mfn-item-shop').addClass('hiddenItem');
        } else {
          $('.mfn-ui .mfn-modalbox ul.modalbox-items li.mfn-item-shop').removeClass('hiddenItem');
        }

if( val != 'default' ){

$('.mfn-ui .mfn-modalbox .modalbox-tabs li[data-filter="'+ val +'"]').css({'display': 'inline-block'});
          $('.mfn-ui .mfn-modalbox ul.modalbox-items li.category-'+ val).removeClass('hiddenItem');

if( !$('#publishing-action .showmodalonsave').length ){
            $('#publishing-action').css({'position': 'relative'}).append('<a href="#" class="showmodalonsave" style="display: block; position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%;"></a>');
            templatesPostType.beforeUpdate();
          }

templatesPostType.closeModal();

}else{

if($('#publishing-action .showmodalonsave').length){
            $('#publishing-action .showmodalonsave').remove();
          }

}
      },

// templatesPostType.beforeUpdate()

beforeUpdate: function() {
        $('.showmodalonsave').on('click', function(e) {
          var isSectionWrapEditor = $('body').hasClass('mfn-template-section') || $('body').hasClass('mfn-template-wrap');
          if (!isSectionWrapEditor) {
            e.preventDefault();
            $('.modal-display-conditions').addClass('show');
          } else {
            $('#publishing-action #publish').trigger('click');
          }
        });

$('.df-add-row').on('click', function(e) {
          e.preventDefault();

var $cloned = false;

if( $('.mfn_template_type .mfn-field-value').val() == 'header' ){
            $cloned = $('.mfn-df-row.clone.df-type-header').clone();
          }else if( $('.mfn_template_type .mfn-field-value').val() == 'single-product' || $('.mfn_template_type .mfn-field-value').val() == 'shop-archive' ){
            $cloned = $('.mfn-df-row.clone.df-type-woo').clone();
          }

$cloned.find('.df-input').each(function() {
            $(this).attr('name', $(this).attr('data-name').replace("mfn_template_conditions[0]", "mfn_template_conditions["+templatesPostType.count+"]"));
            $(this).removeAttr('data-name');
          });
          $cloned.removeClass('clone').appendTo( $('.mfn-dynamic-form') );
          templatesPostType.count++;
        });

$('.modal-display-conditions').on('click', '.df-remove', function(e) {
          e.preventDefault();
          $(this).closest('.mfn-df-row').remove();
        });

$('.modal-display-conditions').on('change', '.df-input-rule', function() {
          if( $(this).val() == 'exclude' ){
            $(this).addClass('minus');
          }else{
            $(this).removeClass('minus');
          }
        });

$('.modal-display-conditions').on('change', '.df-input-var', function() {
          $(this).siblings('.df-input-opt').removeClass('show');
          if( $(this).val() != 'shop' && $(this).siblings('.df-input-'+$(this).val()).length ){
            $(this).siblings('.df-input-'+$(this).val()).addClass('show');
          }
        });
      },

// templatesPostType.closeModal()

closeModal: function() {
        // close
        $('.modal-display-conditions .btn-modal-close').on('click', function(e) {
          e.preventDefault();
          $('.modal-display-conditions').removeClass('show');
        });
        // save
        $('.modal-display-conditions .btn-modal-save').on('click', function(e) {
          $(this).addClass('loading disabled');
          $('#publishing-action #publish').trigger('click');
        });
      },

};

/**
     * Ready
     * document.ready
     */

var ready = function() {

if( ! $desktop.length ){
        return false;
      }

getIDs();

sort.desktop();
      sort.section( $( '.mfn-sortable-section', $desktop ) );
      sort.wrap( $( '.mfn-sortable-wrap', $desktop ) );

copyPaste.init();
      addHTMLbyJS();

revisions.autosave();

if( $('body').hasClass('post-type-template') ){
        templatesPostType.set();
        $('.mfn-meta .mfn-form-select[name="mfn_template_type"]').on('change', templatesPostType.set);
      }

bind();

};

/**
     * Load
     * window.load
     */

var load = function() {

if( ! $desktop.length ){
        return false;
      }

setTimeout(function(){

bindLoad();

triggerResize();

introduction.open();

// disable guttenberg welcome guide

if( wp.data != null && wp.data.select( 'core/edit-post' ) != null ){
          if( wp.data.select( 'core/edit-post' ).isFeatureActive( 'welcomeGuide' ) ){
            wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'welcomeGuide' );
          }
        }

}, 0); // jQuery 3.5 window.load

};

/**
     * Item sizes
     */

var sizeIndex2Label = {
      '0.1666' : '1/6',
      '0.2' : '1/5',
      '0.25' : '1/4',
      '0.3333' : '1/3',
      '0.4' : '2/5',
      '0.5' : '1/2',
      '0.6' : '3/5',
      '0.6667' : '2/3',
      '0.75' : '3/4',
      '0.8' : '4/5',
      '0.8333' : '5/6',
      '1' : '1/1',
    };

var sizeLabel2Index = {
      '1/6' : '0.1666',
      '1/5' : '0.2',
      '1/4' : '0.25',
      '1/3' : '0.3333',
      '2/5' : '0.4',
      '1/2' : '0.5',
      '3/5' : '0.6',
      '2/3' : '0.6667',
      '3/4' : '0.75',
      '4/5' : '0.8',
      '5/6' : '0.8333',
      '1/1' : '1'
    };

var items = {
      'wrap': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],

'shop_categories': ['1/1'],
      'shop_products': ['1/1'],
      'shop_title': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],

'product_title': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_images': ['1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_price': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_cart_button': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_reviews': ['1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_rating': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_stock': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_meta': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_short_description': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_content': ['1/1'],
      'product_additional_information': ['1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'product_related': ['1/1'],
      'product_upsells': ['1/1'],

'accordion': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'article_box': ['1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'banner_box': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'before_after': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'blockquote': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'blog': ['1/1'],
      'blog_news': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'blog_slider': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'blog_teaser': ['1/1'],
      'button': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'breadcrumbs': ['1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'call_to_action': ['1/1'],
      'cf7': ['1/4', '1/3', '2/ 5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'chart': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'clients': ['1/1'],
      'clients_slider': ['1/1'],
      'code': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'column': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'contact_box': ['1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'content': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'countdown': ['1/1'],
      'counter': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'divider': ['1/1'],
      'fancy_divider': ['1/1'],
      'fancy_heading': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'feature_box': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'feature_list': ['1/1'],
      'faq': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'flat_box': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'heading': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'helper': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'hotspot': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'hover_box': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'hover_color': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'how_it_works': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'html': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'icon_box': ['1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'icon_box_2': ['1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'image': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'image_gallery': ['1/1'],
      'info_box': ['1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'list': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'list_2': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'livesearch': ['1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'lottie': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'map_basic': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'map': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'offer': ['1/1'],
      'offer_thumb': ['1/1'],
      'opening_hours': ['1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'our_team': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'our_team_list': ['1/1'],
      'payment_methods': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'photo_box': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'placeholder': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'plain_text': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'portfolio': ['1/1'],
      'portfolio_grid': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'portfolio_photo': ['1/1'],
      'portfolio_slider': ['1/1'],
      'pricing_item': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'progress_bars': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'promo_box': ['1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'quick_fact': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'share': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'shop': ['1/1'],
      'shop_slider': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'sidebar_widget': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'slider': ['1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'slider_plugin': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'sliding_box': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'story_box': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'table_of_contents': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'tabs': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'testimonials': ['1/1'],
      'testimonials_list': ['1/1'],
      'toggle': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'trailer_box': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'timeline': ['1/1'],
      'video': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'visual': ['1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1'],
      'zoom_box': ['1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1']
    };

/**
      * Global Sections
      * Global Wraps
    */

const GlobalWraps = {
      selectedWrapTemplate: '',
      selectedUid: '',
      wrapTriggered: '',
      isWrapChanged: false, //flag
      oldSelectValue: '',

getWrap: function ( isGlobalWrap ) {
          // Replace actual wrap with global wrap | => void
          const that = this;
          $(that.wrapTriggered).addClass('mfn-global-wrap').attr('data-wrap', that.selectedUid);
          $(that.wrapTriggered).addClass('loading');

$.ajax({
              url: ajaxurl,
              data: {
                  // we cannot use the 'mfn_builder_add_element' action, because sizes are not available to render!
                  action: 'mfn_builder_import_wraponly',
                  'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),

isGlobalWrap,
                  id: that.selectedWrapTemplate,
                  parentWrapId: $(that.wrapTriggered).find('input[name="mfn-wrap-parent[]"]').val(),
              },
              type: 'POST',
              success: function(response){
                that.isWrapChanged = false;

$(that.wrapTriggered).replaceWith(response);
                $(that.wrapTriggered).removeClass('loading');
              },
          });
      },

fillWrapInfo: function( wrapClass, target ) {
          // Fill wrap info to be able to edit it | => void
          this.selectedUid = wrapClass.match(/\[.*?\]/)[0].match(/\w/g).join("");
          this.selectedWrapTemplate = $(target).val();
          this.wrapTriggered = $('#mfn-builder').find('.mfn-wrap').find(`.mfn-wrap-id[value="${this.selectedUid}"]`).closest('.mfn-wrap')[0];
      },

onModalClose: function(){
        const globalWrap = $('.modal-item-edit').find('#global_wraps_select').find('select');
        const wrapClass = globalWrap.attr('name');

if( this.isWrapChanged ) {
          this.fillWrapInfo(wrapClass, globalWrap);

if( !globalWrap.val() && $('.modal-item-edit').hasClass('mfn-global-wrap') ) {
            $('.modal-item-edit').removeClass('mfn-global-wrap');
            this.getWrap( false );
          } else {
            this.getWrap( true );
          }
        }
      },

resetSelect: function() {
        this.isWrapChanged = false;

const globalWrap = $('.modal-item-edit').find('#global_wraps_select').find('select');
        globalWrap.val( this.oldSelectValue );
      },
    }

const GlobalSections = {
      selectedSectionTemplate: '',
      selectedUid: '',
      sectionTriggered: '',
      isSectionChanged: false,
      oldSelectValue: '',

setSidebarClass: function() {
          // Set sidebar class, hide options not dedicated for globals | => void
          if ( $(this.sectionTriggered).hasClass('mfn-global-section') ) {
              $('.sidebar-panel').addClass('mfn-global-section-edit');
              $('#global_sections_select').find(`option[value="${ $(this.sectionTriggered).attr('data-mfn-global')}"]`).attr('selected', 'selected');
          } else {
              $('.sidebar-panel').removeClass('mfn-global-section-edit');
          }
      },

getGlobalSection: function ( isGlobalSection ) {
          // Replace actual wrap with global wrap | => void
          const that = this;
          $(that.sectionTriggered).addClass('mfn-global-section').attr('data-section', that.selectedUid);
          $(that.sectionTriggered).addClass('loading');

$.ajax({
              url: ajaxurl,
              data: {
                  action: isGlobalSection ? 'mfn_builder_template' : 'mfn_builder_add_element',
                  'mfn-builder-nonce': $('input[name="mfn-builder-nonce"]').val(),
                  templateId: that.selectedSectionTemplate,
                  type: 'section',
                  isGlobalSection,
              },
              type: 'POST',
              success: function(response){
                that.isSectionChanged = false;

$(that.sectionTriggered).replaceWith(response);
                $(that.sectionTriggered).removeClass('loading');
              }
          });
      },

fillSectionInfo: function( sectionClass, target ) {
          // Fill wrap info to be able to edit it | => void
          this.selectedUid = sectionClass.match(/\[.*?\]/)[0].match(/\w/g).join("");

this.selectedSectionTemplate = $(target).val();
          this.sectionTriggered = $('#mfn-builder').find(`.mfn-section-id[value="${this.selectedUid}"]`).closest('.mfn-section')[0]
      },

onModalClose: function(){
        const globalSection = $('.modal-item-edit').find('#global_sections_select').find('select');
        const globalClass = globalSection.attr('name');

if( this.isSectionChanged ) {
          this.fillSectionInfo(globalClass, globalSection);

if( !globalSection.val() && $('.modal-item-edit').hasClass('mfn-global-section') ) {
            this.getGlobalSection( false );
          } else {
            this.getGlobalSection( true );
          }
        }
      },

resetSelect: function() {
        this.isSectionChanged = false;
        const globalSection = $('.modal-item-edit').find('#global_sections_select').find('select');

globalSection.find(`option[selected="selected"]`).removeAttr('selected');
        if( !this.oldSelectValue ) this.oldSelectValue = '';

globalSection.find(`option[value="${this.oldSelectValue}"]`).prop('selected', 'selected');
      },
    }

/**
     * Return
     */

return {
      ready: ready,
      load: load
    };

})(jQuery);

/**
   * $(document).ready
   * Specify a function to execute when the DOM is fully loaded.
   */

$(function() {
    MfnBuilder.ready();
  });

/**
   * $(window).load
   */

$(window).on('load', function(){
    MfnBuilder.load();
  });

/**
   * Clone fix
   * Fixed native clone function for textarea and select fields
   */

(function(original) {
    jQuery.fn.clone = function() {
      var result = original.apply(this, arguments),
        my_textareas = this.find('textarea:not(.editor), select'),
        result_textareas = result.find('textarea:not(.editor), select');

for (var i = 0, l = my_textareas.length; i < l; ++i) {
        jQuery(result_textareas[i]).val(jQuery(my_textareas[i]).val());
      }

return result;
    };
  })(jQuery.fn.clone);

})(jQuery);