Edit File by line

/* global wpforms_builder, WPFormsBuilder, WPFormsUtils */

[0] Fix | Delete

[1] Fix | Delete

/**

[2] Fix | Delete

* @param wpforms_builder.field_cannot_be_reordered

[3] Fix | Delete

[4] Fix | Delete

[5] Fix | Delete

// noinspection ES6ConvertVarToLetConst

[6] Fix | Delete

/**

[7] Fix | Delete

* Form Builder Fields Drag-n-Drop module.

[8] Fix | Delete

[9] Fix | Delete

* @since 1.7.7

[10] Fix | Delete

[11] Fix | Delete

[12] Fix | Delete

var WPForms = window.WPForms || {}; // eslint-disable-line no-var

[13] Fix | Delete

[14] Fix | Delete

WPForms.Admin = WPForms.Admin || {};

[15] Fix | Delete

WPForms.Admin.Builder = WPForms.Admin.Builder || {};

[16] Fix | Delete

[17] Fix | Delete

WPForms.Admin.Builder.DragFields = WPForms.Admin.Builder.DragFields || ( function( document, window, $ ) {

[18] Fix | Delete

/**

[19] Fix | Delete

* Elements holder.

[20] Fix | Delete

[21] Fix | Delete

* @since 1.7.7

[22] Fix | Delete

[23] Fix | Delete

* @type {Object}

[24] Fix | Delete

[25] Fix | Delete

let el = {};

[26] Fix | Delete

[27] Fix | Delete

/**

[28] Fix | Delete

* Runtime variables.

[29] Fix | Delete

[30] Fix | Delete

* @since 1.7.7

[31] Fix | Delete

[32] Fix | Delete

* @type {Object}

[33] Fix | Delete

[34] Fix | Delete

const vars = {};

[35] Fix | Delete

[36] Fix | Delete

/**

[37] Fix | Delete

* Layout field functions wrapper.

[38] Fix | Delete

[39] Fix | Delete

* @since 1.7.7

[40] Fix | Delete

[41] Fix | Delete

* @type {Object}

[42] Fix | Delete

[43] Fix | Delete

let fieldLayout; // eslint-disable-line prefer-const

[44] Fix | Delete

[45] Fix | Delete

/**

[46] Fix | Delete

* Public functions and properties.

[47] Fix | Delete

[48] Fix | Delete

* @since 1.7.7

[49] Fix | Delete

[50] Fix | Delete

* @type {Object}

[51] Fix | Delete

[52] Fix | Delete

const app = {

[53] Fix | Delete

[54] Fix | Delete

/**

[55] Fix | Delete

* Start the engine.

[56] Fix | Delete

[57] Fix | Delete

* @since 1.7.7

[58] Fix | Delete

[59] Fix | Delete

init() {

[60] Fix | Delete

$( app.ready );

[61] Fix | Delete

[62] Fix | Delete

[63] Fix | Delete

/**

[64] Fix | Delete

* DOM is fully loaded.

[65] Fix | Delete

[66] Fix | Delete

* @since 1.7.7

[67] Fix | Delete

[68] Fix | Delete

ready() {

[69] Fix | Delete

app.setup();

[70] Fix | Delete

app.initSortableFields();

[71] Fix | Delete

[72] Fix | Delete

app.events();

[73] Fix | Delete

[74] Fix | Delete

[75] Fix | Delete

/**

[76] Fix | Delete

* Setup. Prepare some variables.

[77] Fix | Delete

[78] Fix | Delete

* @since 1.7.7

[79] Fix | Delete

[80] Fix | Delete

setup() {

[81] Fix | Delete

// Cache DOM elements.

[82] Fix | Delete

el = {

[83] Fix | Delete

$builder: $( '#wpforms-builder' ),

[84] Fix | Delete

$sortableFieldsWrap: $( '#wpforms-panel-fields .wpforms-field-wrap' ),

[85] Fix | Delete

$addFieldsButtons: $( '.wpforms-add-fields-button' ).not( '.not-draggable' ).not( '.warning-modal' ).not( '.education-modal' ),

[86] Fix | Delete

};

[87] Fix | Delete

[88] Fix | Delete

[89] Fix | Delete

/**

[90] Fix | Delete

* Bind events.

[91] Fix | Delete

[92] Fix | Delete

* @since 1.7.7

[93] Fix | Delete

[94] Fix | Delete

events() {

[95] Fix | Delete

el.$builder

[96] Fix | Delete

.on( 'wpformsFieldDragToggle', app.fieldDragToggleEvent );

[97] Fix | Delete

[98] Fix | Delete

[99] Fix | Delete

/**

[100] Fix | Delete

* Disable drag & drop.

[101] Fix | Delete

[102] Fix | Delete

* @since 1.7.1

[103] Fix | Delete

* @since 1.7.7 Moved from admin-builder.js.

[104] Fix | Delete

[105] Fix | Delete

disableDragAndDrop() {

[106] Fix | Delete

el.$addFieldsButtons.filter( '.ui-draggable' ).draggable( 'disable' );

[107] Fix | Delete

el.$sortableFieldsWrap.sortable( 'disable' );

[108] Fix | Delete

el.$sortableFieldsWrap.find( '.wpforms-layout-column.ui-sortable' ).sortable( 'disable' );

[109] Fix | Delete

[110] Fix | Delete

[111] Fix | Delete

/**

[112] Fix | Delete

* Enable drag & drop.

[113] Fix | Delete

[114] Fix | Delete

* @since 1.7.1

[115] Fix | Delete

* @since 1.7.7 Moved from admin-builder.js.

[116] Fix | Delete

[117] Fix | Delete

enableDragAndDrop() {

[118] Fix | Delete

el.$addFieldsButtons.filter( '.ui-draggable' ).draggable( 'enable' );

[119] Fix | Delete

el.$sortableFieldsWrap.sortable( 'enable' );

[120] Fix | Delete

el.$sortableFieldsWrap.find( '.wpforms-layout-column.ui-sortable' ).sortable( 'enable' );

[121] Fix | Delete

[122] Fix | Delete

[123] Fix | Delete

/**

[124] Fix | Delete

* Show popup in case if field is not draggable, and cancel moving.

[125] Fix | Delete

[126] Fix | Delete

* @since 1.7.5

[127] Fix | Delete

* @since 1.7.7 Moved from admin-builder.js.

[128] Fix | Delete

[129] Fix | Delete

* @param {jQuery} $field A field or list of fields.

[130] Fix | Delete

* @param {boolean} showPopUp Whether the pop-up should be displayed on dragging attempt.

[131] Fix | Delete

[132] Fix | Delete

fieldDragDisable( $field, showPopUp = true ) {

[133] Fix | Delete

if ( $field.hasClass( 'ui-draggable-disabled' ) ) {

[134] Fix | Delete

// noinspection JSUnresolvedReference

[135] Fix | Delete

$field.draggable( 'enable' );

[136] Fix | Delete

[137] Fix | Delete

return;

[138] Fix | Delete

}

[139] Fix | Delete

[140] Fix | Delete

let startTopPosition;

[141] Fix | Delete

[142] Fix | Delete

// noinspection JSUnresolvedReference

[143] Fix | Delete

$field.draggable( {

[144] Fix | Delete

revert: true,

[145] Fix | Delete

axis: 'y',

[146] Fix | Delete

delay: 100,

[147] Fix | Delete

opacity: 1,

[148] Fix | Delete

cursor: 'move',

[149] Fix | Delete

start( event, ui ) {

[150] Fix | Delete

startTopPosition = ui.position.top;

[151] Fix | Delete

[152] Fix | Delete

drag( event, ui ) {

[153] Fix | Delete

if ( Math.abs( ui.position.top ) - Math.abs( startTopPosition ) > 15 ) {

[154] Fix | Delete

if ( showPopUp ) {

[155] Fix | Delete

app.youCantReorderFieldPopup();

[156] Fix | Delete

}

[157] Fix | Delete

[158] Fix | Delete

return false;

[159] Fix | Delete

}

[160] Fix | Delete

[161] Fix | Delete

} );

[162] Fix | Delete

[163] Fix | Delete

[164] Fix | Delete

/**

[165] Fix | Delete

* Allow field dragging.

[166] Fix | Delete

[167] Fix | Delete

* @since 1.7.5

[168] Fix | Delete

* @since 1.7.7 Moved from admin-builder.js.

[169] Fix | Delete

[170] Fix | Delete

* @param {jQuery} $field A field or list of fields.

[171] Fix | Delete

[172] Fix | Delete

fieldDragEnable( $field ) {

[173] Fix | Delete

if ( $field.hasClass( 'ui-draggable' ) ) {

[174] Fix | Delete

return;

[175] Fix | Delete

}

[176] Fix | Delete

[177] Fix | Delete

// noinspection JSUnresolvedReference

[178] Fix | Delete

$field.draggable( 'disable' );

[179] Fix | Delete

[180] Fix | Delete

[181] Fix | Delete

/**

[182] Fix | Delete

* Show the error message in the popup that you cannot reorder the field.

[183] Fix | Delete

[184] Fix | Delete

* @since 1.7.1

[185] Fix | Delete

* @since 1.7.7 Moved from admin-builder.js.

[186] Fix | Delete

[187] Fix | Delete

youCantReorderFieldPopup() {

[188] Fix | Delete

$.confirm( {

[189] Fix | Delete

title: wpforms_builder.heads_up,

[190] Fix | Delete

content: wpforms_builder.field_cannot_be_reordered,

[191] Fix | Delete

icon: 'fa fa-exclamation-circle',

[192] Fix | Delete

type: 'red',

[193] Fix | Delete

buttons: {

[194] Fix | Delete

confirm: {

[195] Fix | Delete

text: wpforms_builder.ok,

[196] Fix | Delete

btnClass: 'btn-confirm',

[197] Fix | Delete

keys: [ 'enter' ],

[198] Fix | Delete

[199] Fix | Delete

[200] Fix | Delete

} );

[201] Fix | Delete

[202] Fix | Delete

[203] Fix | Delete

/**

[204] Fix | Delete

* Event handler for `wpformsFieldDragToggle` event.

[205] Fix | Delete

[206] Fix | Delete

* @since 1.7.7

[207] Fix | Delete

[208] Fix | Delete

* @param {Object} e Event object.

[209] Fix | Delete

* @param {number|string} id Field ID.

[210] Fix | Delete

[211] Fix | Delete

fieldDragToggleEvent( e, id ) {

[212] Fix | Delete

const $field = $( `#wpforms-field-${ id }` );

[213] Fix | Delete

[214] Fix | Delete

if (

[215] Fix | Delete

$field.hasClass( 'wpforms-field-not-draggable' ) ||

[216] Fix | Delete

$field.hasClass( 'wpforms-field-stick' )

[217] Fix | Delete

) {

[218] Fix | Delete

app.fieldDragDisable( $field );

[219] Fix | Delete

[220] Fix | Delete

return;

[221] Fix | Delete

}

[222] Fix | Delete

[223] Fix | Delete

app.fieldDragEnable( $field );

[224] Fix | Delete

[225] Fix | Delete

[226] Fix | Delete

/**

[227] Fix | Delete

* Initialize sortable fields in the builder form preview area.

[228] Fix | Delete

[229] Fix | Delete

* @since 1.7.7

[230] Fix | Delete

[231] Fix | Delete

initSortableFields() {

[232] Fix | Delete

app.initSortableContainer( el.$sortableFieldsWrap );

[233] Fix | Delete

[234] Fix | Delete

el.$builder.find( '.wpforms-layout-column' ).each( function() {

[235] Fix | Delete

app.initSortableContainer( $( this ) );

[236] Fix | Delete

} );

[237] Fix | Delete

[238] Fix | Delete

app.fieldDragDisable( $( '.wpforms-field-not-draggable, .wpforms-field-stick' ) );

[239] Fix | Delete

app.initDraggableFields();

[240] Fix | Delete

[241] Fix | Delete

[242] Fix | Delete

/**

[243] Fix | Delete

* Initialize sortable container with fields.

[244] Fix | Delete

[245] Fix | Delete

* @since 1.7.7

[246] Fix | Delete

[247] Fix | Delete

* @param {jQuery} $sortable Container to make sortable.

[248] Fix | Delete

[249] Fix | Delete

initSortableContainer( $sortable ) { // eslint-disable-line max-lines-per-function

[250] Fix | Delete

const $fieldOptions = $( '#wpforms-field-options' );

[251] Fix | Delete

const $scrollContainer = $( '#wpforms-panel-fields .wpforms-panel-content-wrap' );

[252] Fix | Delete

[253] Fix | Delete

let fieldId,

[254] Fix | Delete

fieldType,

[255] Fix | Delete

isNewField,

[256] Fix | Delete

$fieldOption,

[257] Fix | Delete

$prevFieldOption,

[258] Fix | Delete

prevFieldId,

[259] Fix | Delete

currentlyScrolling = false;

[260] Fix | Delete

[261] Fix | Delete

// noinspection JSUnresolvedReference

[262] Fix | Delete

$sortable.sortable( {

[263] Fix | Delete

items: '> .wpforms-field:not(.wpforms-field-stick):not(.no-fields-preview)',

[264] Fix | Delete

connectWith: '.wpforms-field-wrap, .wpforms-layout-column',

[265] Fix | Delete

delay: 100,

[266] Fix | Delete

opacity: 1,

[267] Fix | Delete

cursor: 'move',

[268] Fix | Delete

cancel: '.wpforms-field-not-draggable',

[269] Fix | Delete

placeholder: 'wpforms-field-drag-placeholder',

[270] Fix | Delete

appendTo: '#wpforms-panel-fields',

[271] Fix | Delete

zindex: 10000,

[272] Fix | Delete

tolerance: 'pointer',

[273] Fix | Delete

distance: 1,

[274] Fix | Delete

start( e, ui ) {

[275] Fix | Delete

fieldId = ui.item.data( 'field-id' );

[276] Fix | Delete

fieldType = ui.item.data( 'field-type' );

[277] Fix | Delete

isNewField = typeof fieldId === 'undefined';

[278] Fix | Delete

$fieldOption = $( '#wpforms-field-option-' + fieldId );

[279] Fix | Delete

[280] Fix | Delete

vars.fieldReceived = false;

[281] Fix | Delete

vars.fieldRejected = false;

[282] Fix | Delete

vars.$sortableStart = $sortable;

[283] Fix | Delete

vars.startPosition = ui.item.first().index();

[284] Fix | Delete

[285] Fix | Delete

el.$builder.trigger( 'wpformsFieldDragStart', [ fieldId ] );

[286] Fix | Delete

[287] Fix | Delete

beforeStop( e, ui ) {

[288] Fix | Delete

if ( ! vars.glitchChange ) {

[289] Fix | Delete

return;

[290] Fix | Delete

}

[291] Fix | Delete

[292] Fix | Delete

// Before processing in the `stop` method, we need to perform the last check.

[293] Fix | Delete

if ( ! fieldLayout.isFieldAllowedInColum( fieldType, ui.item.first().parent() ) ) {

[294] Fix | Delete

vars.fieldRejected = true;

[295] Fix | Delete

}

[296] Fix | Delete

[297] Fix | Delete

stop( e, ui ) { // eslint-disable-line complexity

[298] Fix | Delete

const $field = ui.item.first();

[299] Fix | Delete

[300] Fix | Delete

ui.placeholder.removeClass( 'wpforms-field-drag-not-allowed' );

[301] Fix | Delete

$field.removeClass( 'wpforms-field-drag-not-allowed' );

[302] Fix | Delete

[303] Fix | Delete

// Reject not allowed fields.

[304] Fix | Delete

if ( vars.fieldRejected ) {

[305] Fix | Delete

const $targetColumn = isNewField ? $sortable : $field.parent();

[306] Fix | Delete

[307] Fix | Delete

app.revertMoveFieldToColumn( $field );

[308] Fix | Delete

el.$builder.trigger( 'wpformsFieldMoveRejected', [ $field, ui, $targetColumn ] );

[309] Fix | Delete

[310] Fix | Delete

return;

[311] Fix | Delete

}

[312] Fix | Delete

[313] Fix | Delete

prevFieldId = $field.prev( '.wpforms-field, .wpforms-alert' ).data( 'field-id' );

[314] Fix | Delete

$prevFieldOption = $( `#wpforms-field-option-${ prevFieldId }` );

[315] Fix | Delete

[316] Fix | Delete

if ( $prevFieldOption.length > 0 ) {

[317] Fix | Delete

$prevFieldOption.after( $fieldOption );

[318] Fix | Delete

} else {

[319] Fix | Delete

$fieldOptions.prepend( $fieldOption );

[320] Fix | Delete

}

[321] Fix | Delete

[322] Fix | Delete

// In the case of changing fields' order inside the same column,

[323] Fix | Delete

// we just need to change the position of the field.

[324] Fix | Delete

if ( ! isNewField && $field.closest( '.wpforms-layout-column' ).is( $sortable ) ) {

[325] Fix | Delete

fieldLayout.positionFieldInColumn(

[326] Fix | Delete

fieldId,

[327] Fix | Delete

$field.index() - 1,

[328] Fix | Delete

$sortable

[329] Fix | Delete

);

[330] Fix | Delete

}

[331] Fix | Delete

[332] Fix | Delete

const $layoutField = $field.closest( '.wpforms-field-layout, .wpforms-field-repeater' );

[333] Fix | Delete

[334] Fix | Delete

fieldLayout.fieldOptionsUpdate( null, fieldId );

[335] Fix | Delete

fieldLayout.reorderLayoutFieldsOptions( $layoutField );

[336] Fix | Delete

[337] Fix | Delete

if ( ! isNewField ) {

[338] Fix | Delete

$field

[339] Fix | Delete

.removeClass( 'wpforms-field-dragging' )

[340] Fix | Delete

.removeClass( 'wpforms-field-drag-over' );

[341] Fix | Delete

}

[342] Fix | Delete

[343] Fix | Delete

$field.attr( 'style', '' );

[344] Fix | Delete

[345] Fix | Delete

el.$builder.trigger( 'wpformsFieldMove', ui );

[346] Fix | Delete

[347] Fix | Delete

vars.fieldReceived = false;

[348] Fix | Delete

[349] Fix | Delete

over( e, ui ) { // eslint-disable-line complexity

[350] Fix | Delete

const $field = ui.item.first(),

[351] Fix | Delete

$target = $( e.target ),

[352] Fix | Delete

$placeholder = $target.find( '.wpforms-field-drag-placeholder' ),

[353] Fix | Delete

isColumn = $target.hasClass( 'wpforms-layout-column' ),

[354] Fix | Delete

helper = {

[355] Fix | Delete

width: $target.outerWidth(),

[356] Fix | Delete

height: $field.outerHeight(),

[357] Fix | Delete

};

[358] Fix | Delete

[359] Fix | Delete

let targetClass = isColumn ? ' wpforms-field-drag-to-column' : '';

[360] Fix | Delete

[361] Fix | Delete

if ( isColumn ) {

[362] Fix | Delete

const columnSize = $target.attr( 'class' ).match( /wpforms-layout-column-(\d+)/ )[ 1 ];

[363] Fix | Delete

[364] Fix | Delete

targetClass += ` wpforms-field-drag-to-column-${ columnSize }`;

[365] Fix | Delete

}

[366] Fix | Delete

[367] Fix | Delete

fieldId = $field.data( 'field-id' );

[368] Fix | Delete

fieldType = $field.data( 'field-type' ) || vars.fieldType;

[369] Fix | Delete

isNewField = typeof fieldId === 'undefined';

[370] Fix | Delete

[371] Fix | Delete

// Adjust helper size according to the placeholder size.

[372] Fix | Delete

$field

[373] Fix | Delete

.addClass( 'wpforms-field-dragging' + targetClass );

[374] Fix | Delete

[375] Fix | Delete

if ( ! isColumn || ! fieldLayout.isLayoutBasedField( fieldType ) ) {

[376] Fix | Delete

$field

[377] Fix | Delete

.css( {

[378] Fix | Delete

width: isColumn ? helper.width - 5 : helper.width,

[379] Fix | Delete

height: 'auto',

[380] Fix | Delete

} );

[381] Fix | Delete

}

[382] Fix | Delete

[383] Fix | Delete

const placeholderHeight = isColumn ? 90 : helper.height;

[384] Fix | Delete

[385] Fix | Delete

// Adjust placeholder height according to the height of the helper.

[386] Fix | Delete

$placeholder

[387] Fix | Delete

.removeClass( 'wpforms-field-drag-not-allowed' )

[388] Fix | Delete

.css( {

[389] Fix | Delete

height: isNewField ? placeholderHeight + 18 : helper.height,

[390] Fix | Delete

} );

[391] Fix | Delete

[392] Fix | Delete

// Drop to this place is not allowed.

[393] Fix | Delete

if ( isColumn && ! fieldLayout.isFieldAllowedInColum( fieldType, $target ) ) {

[394] Fix | Delete

$placeholder.addClass( 'wpforms-field-drag-not-allowed' );

[395] Fix | Delete

$field.addClass( 'wpforms-field-drag-not-allowed' );

[396] Fix | Delete

}

[397] Fix | Delete

[398] Fix | Delete

el.$builder.trigger( 'wpformsFieldDragOver', [ fieldId, $target ] );

[399] Fix | Delete

[400] Fix | Delete

// Skip if it is the existing field.

[401] Fix | Delete

if ( ! isNewField ) {

[402] Fix | Delete

return;

[403] Fix | Delete

}

[404] Fix | Delete

[405] Fix | Delete

$field

[406] Fix | Delete

.addClass( 'wpforms-field-drag-over' )

[407] Fix | Delete

.removeClass( 'wpforms-field-drag-out' );

[408] Fix | Delete

[409] Fix | Delete

out( e, ui ) {

[410] Fix | Delete

const $field = ui.item.first(),

[411] Fix | Delete

// eslint-disable-next-line no-shadow

[412] Fix | Delete

fieldId = $field.data( 'field-id' ),

[413] Fix | Delete

// eslint-disable-next-line no-shadow

[414] Fix | Delete

isNewField = typeof fieldId === 'undefined';

[415] Fix | Delete

[416] Fix | Delete

$field

[417] Fix | Delete

.removeClass( 'wpforms-field-drag-not-allowed' )

[418] Fix | Delete

.removeClass( function( index, className ) {

[419] Fix | Delete

// Remove all classes starting with `wpforms-field-drag-to-column`.

[420] Fix | Delete

return ( className.match( /wpforms-field-drag-to-column(-\d+|)/g ) || [] ).join( ' ' );

[421] Fix | Delete

} );

[422] Fix | Delete

[423] Fix | Delete

if ( vars.fieldReceived ) {

[424] Fix | Delete

$field.attr( 'style', '' );

[425] Fix | Delete

[426] Fix | Delete

return;

[427] Fix | Delete

}

[428] Fix | Delete

[429] Fix | Delete

// Skip if it is the existing field.

[430] Fix | Delete

if ( ! isNewField ) {

[431] Fix | Delete

// Remove extra class from the parent layout field.

[432] Fix | Delete

// Fixes disappearing of duplicate/delete field icons

[433] Fix | Delete

// after moving the field outside the layout field.

[434] Fix | Delete

$( ui.sender )

[435] Fix | Delete

.closest( '.wpforms-field-layout, .wpforms-field-repeater' )

[436] Fix | Delete

.removeClass( 'wpforms-field-child-hovered' );

[437] Fix | Delete

[438] Fix | Delete

return;

[439] Fix | Delete

}

[440] Fix | Delete

[441] Fix | Delete

$field

[442] Fix | Delete

.addClass( 'wpforms-field-drag-out' )

[443] Fix | Delete

.removeClass( 'wpforms-field-drag-over' );

[444] Fix | Delete

[445] Fix | Delete

receive( e, ui ) { // eslint-disable-line complexity

[446] Fix | Delete

const $field = $( ui.helper || ui.item );

[447] Fix | Delete

[448] Fix | Delete

fieldId = $field.data( 'field-id' );

[449] Fix | Delete

fieldType = $field.data( 'field-type' ) || vars.fieldType;

[450] Fix | Delete

[451] Fix | Delete

// eslint-disable-next-line no-shadow

[452] Fix | Delete

const isNewField = typeof fieldId === 'undefined',

[453] Fix | Delete

isColumn = $sortable.hasClass( 'wpforms-layout-column' );

[454] Fix | Delete

[455] Fix | Delete

// Drop to this place is not allowed.

[456] Fix | Delete

if (

[457] Fix | Delete

isColumn &&

[458] Fix | Delete

! fieldLayout.isFieldAllowedInColum( fieldType, $sortable )

[459] Fix | Delete

) {

[460] Fix | Delete

vars.fieldRejected = true;

[461] Fix | Delete

[462] Fix | Delete

return;

[463] Fix | Delete

}

[464] Fix | Delete

[465] Fix | Delete

vars.fieldReceived = true;

[466] Fix | Delete

[467] Fix | Delete

$field.removeClass( 'wpforms-field-drag-over' );

[468] Fix | Delete

[469] Fix | Delete

// Move existing field.

[470] Fix | Delete

if ( ! isNewField ) {

[471] Fix | Delete

fieldLayout.receiveFieldToColumn(

[472] Fix | Delete

fieldId,

[473] Fix | Delete

ui.item.index() - 1,

[474] Fix | Delete

$field.parent()

[475] Fix | Delete

);

[476] Fix | Delete

[477] Fix | Delete

return;

[478] Fix | Delete

}

[479] Fix | Delete

[480] Fix | Delete

// Add new field.

[481] Fix | Delete

const position = $sortable.data( 'ui-sortable' ).currentItem.index();

[482] Fix | Delete

[483] Fix | Delete

$field

[484] Fix | Delete

.addClass( 'wpforms-field-drag-over wpforms-field-drag-pending' )

[485] Fix | Delete

.removeClass( 'wpforms-field-drag-out' )

[486] Fix | Delete

.append( WPFormsBuilder.settings.spinnerInline )

[487] Fix | Delete

.css( 'width', '100%' );

[488] Fix | Delete

[489] Fix | Delete

el.$builder.find( '.no-fields-preview' ).remove();

[490] Fix | Delete

[491] Fix | Delete

WPFormsBuilder.fieldAdd(

[492] Fix | Delete

vars.fieldType,

[493] Fix | Delete

{

[494] Fix | Delete

position: isColumn ? position - 1 : position,

[495] Fix | Delete

placeholder: $field,

[496] Fix | Delete

$sortable,

[497] Fix | Delete

}

[498] Fix | Delete

);

[499] Fix | Delete