Edit File by line

[500] Fix | Delete

vars.fieldType = undefined;

[501] Fix | Delete

[502] Fix | Delete

change( e, ui ) {

[503] Fix | Delete

const $placeholderSortable = ui.placeholder.parent();

[504] Fix | Delete

const $targetSortable = $( e.target );

[505] Fix | Delete

[506] Fix | Delete

vars.glitchChange = false;

[507] Fix | Delete

[508] Fix | Delete

// In some cases sortable widget display placeholder in wrong sortable instance.

[509] Fix | Delete

// It's happens when you drag the field over/out the last column of the last Layout field.

[510] Fix | Delete

if (

[511] Fix | Delete

! $sortable.is( $placeholderSortable ) &&

[512] Fix | Delete

$sortable.hasClass( 'wpforms-field-wrap' ) &&

[513] Fix | Delete

$placeholderSortable.hasClass( 'wpforms-layout-column' )

[514] Fix | Delete

) {

[515] Fix | Delete

vars.glitchChange = true;

[516] Fix | Delete

}

[517] Fix | Delete

[518] Fix | Delete

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

[519] Fix | Delete

[520] Fix | Delete

sort( e ) {

[521] Fix | Delete

if ( currentlyScrolling ) {

[522] Fix | Delete

return;

[523] Fix | Delete

}

[524] Fix | Delete

[525] Fix | Delete

const scrollAreaHeight = 50,

[526] Fix | Delete

mouseYPosition = e.clientY,

[527] Fix | Delete

containerOffset = $scrollContainer.offset(),

[528] Fix | Delete

containerHeight = $scrollContainer.height(),

[529] Fix | Delete

containerBottom = containerOffset.top + containerHeight;

[530] Fix | Delete

[531] Fix | Delete

let operator;

[532] Fix | Delete

[533] Fix | Delete

if (

[534] Fix | Delete

mouseYPosition > containerOffset.top &&

[535] Fix | Delete

mouseYPosition < ( containerOffset.top + scrollAreaHeight )

[536] Fix | Delete

) {

[537] Fix | Delete

operator = '-=';

[538] Fix | Delete

} else if (

[539] Fix | Delete

mouseYPosition > ( containerBottom - scrollAreaHeight ) &&

[540] Fix | Delete

mouseYPosition < containerBottom

[541] Fix | Delete

) {

[542] Fix | Delete

operator = '+=';

[543] Fix | Delete

} else {

[544] Fix | Delete

return;

[545] Fix | Delete

}

[546] Fix | Delete

[547] Fix | Delete

currentlyScrolling = true;

[548] Fix | Delete

[549] Fix | Delete

$scrollContainer.animate(

[550] Fix | Delete

{

[551] Fix | Delete

scrollTop: operator + ( containerHeight / 3 ) + 'px',

[552] Fix | Delete

[553] Fix | Delete

800,

[554] Fix | Delete

function() {

[555] Fix | Delete

currentlyScrolling = false;

[556] Fix | Delete

}

[557] Fix | Delete

);

[558] Fix | Delete

[559] Fix | Delete

} );

[560] Fix | Delete

[561] Fix | Delete

[562] Fix | Delete

/**

[563] Fix | Delete

* Initialize draggable fields buttons.

[564] Fix | Delete

[565] Fix | Delete

* @since 1.7.7

[566] Fix | Delete

[567] Fix | Delete

initDraggableFields() {

[568] Fix | Delete

el.$addFieldsButtons.draggable( {

[569] Fix | Delete

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

[570] Fix | Delete

delay: 200,

[571] Fix | Delete

cancel: false,

[572] Fix | Delete

scroll: false,

[573] Fix | Delete

opacity: 1,

[574] Fix | Delete

appendTo: '#wpforms-panel-fields',

[575] Fix | Delete

zindex: 10000,

[576] Fix | Delete

[577] Fix | Delete

helper() {

[578] Fix | Delete

const $this = $( this );

[579] Fix | Delete

const $el = $( '<div class="wpforms-field-drag-out wpforms-field-drag">' );

[580] Fix | Delete

[581] Fix | Delete

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

[582] Fix | Delete

[583] Fix | Delete

return $el.html( $this.html() );

[584] Fix | Delete

[585] Fix | Delete

[586] Fix | Delete

start( e, ui ) {

[587] Fix | Delete

const event = WPFormsUtils.triggerEvent(

[588] Fix | Delete

el.$builder,

[589] Fix | Delete

'wpformsFieldAddDragStart',

[590] Fix | Delete

[ vars.fieldType, ui ]

[591] Fix | Delete

);

[592] Fix | Delete

[593] Fix | Delete

// Allow callbacks on `wpformsFieldAddDragStart` to cancel dragging the field

[594] Fix | Delete

// by triggering `event.preventDefault()`.

[595] Fix | Delete

if ( event.isDefaultPrevented() ) {

[596] Fix | Delete

return false;

[597] Fix | Delete

}

[598] Fix | Delete

[599] Fix | Delete

[600] Fix | Delete

stop( e, ui ) {

[601] Fix | Delete

const event = WPFormsUtils.triggerEvent(

[602] Fix | Delete

el.$builder,

[603] Fix | Delete

'wpformsFieldAddDragStop',

[604] Fix | Delete

[ vars.fieldType, ui ]

[605] Fix | Delete

);

[606] Fix | Delete

[607] Fix | Delete

// Allow callbacks on `wpformsFieldAddDragStop` to cancel dragging the field

[608] Fix | Delete

// by triggering `event.preventDefault()`.

[609] Fix | Delete

if ( event.isDefaultPrevented() ) {

[610] Fix | Delete

return false;

[611] Fix | Delete

}

[612] Fix | Delete

[613] Fix | Delete

} );

[614] Fix | Delete

[615] Fix | Delete

[616] Fix | Delete

/**

[617] Fix | Delete

* Revert moving the field to the column.

[618] Fix | Delete

[619] Fix | Delete

* @since 1.7.7

[620] Fix | Delete

[621] Fix | Delete

* @param {jQuery} $field Field object.

[622] Fix | Delete

[623] Fix | Delete

revertMoveFieldToColumn( $field ) {

[624] Fix | Delete

const isNewField = $field.data( 'field-id' ) === undefined;

[625] Fix | Delete

[626] Fix | Delete

if ( isNewField ) {

[627] Fix | Delete

// Remove the field.

[628] Fix | Delete

$field.remove();

[629] Fix | Delete

[630] Fix | Delete

return;

[631] Fix | Delete

}

[632] Fix | Delete

[633] Fix | Delete

// Restore existing field on the previous position.

[634] Fix | Delete

$field = $field.detach();

[635] Fix | Delete

[636] Fix | Delete

const $fieldInStartPosition = vars.$sortableStart

[637] Fix | Delete

.find( '> .wpforms-field' )

[638] Fix | Delete

.eq( vars.startPosition );

[639] Fix | Delete

[640] Fix | Delete

$field

[641] Fix | Delete

.removeClass( 'wpforms-field-dragging' )

[642] Fix | Delete

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

[643] Fix | Delete

.attr( 'style', '' );

[644] Fix | Delete

[645] Fix | Delete

if ( $fieldInStartPosition.length ) {

[646] Fix | Delete

$fieldInStartPosition.before( $field );

[647] Fix | Delete

[648] Fix | Delete

return;

[649] Fix | Delete

}

[650] Fix | Delete

[651] Fix | Delete

vars.$sortableStart.append( $field );

[652] Fix | Delete

[653] Fix | Delete

};

[654] Fix | Delete

[655] Fix | Delete

/**

[656] Fix | Delete

* Layout field functions holder.

[657] Fix | Delete

[658] Fix | Delete

* @since 1.7.7

[659] Fix | Delete

[660] Fix | Delete

* @type {Object}

[661] Fix | Delete

[662] Fix | Delete

fieldLayout = {

[663] Fix | Delete

[664] Fix | Delete

/**

[665] Fix | Delete

* Position field in the column inside the Layout Field.

[666] Fix | Delete

[667] Fix | Delete

* @since 1.7.7

[668] Fix | Delete

[669] Fix | Delete

* @param {number} fieldId Field ID.

[670] Fix | Delete

* @param {number} position The new position of the field inside the column.

[671] Fix | Delete

* @param {jQuery} $sortable Sortable column container.

[672] Fix | Delete

[673] Fix | Delete

positionFieldInColumn( fieldId, position, $sortable ) {

[674] Fix | Delete

if ( ! WPForms.Admin.Builder.FieldLayout ) {

[675] Fix | Delete

return;

[676] Fix | Delete

}

[677] Fix | Delete

[678] Fix | Delete

WPForms.Admin.Builder.FieldLayout.positionFieldInColumn( fieldId, position, $sortable );

[679] Fix | Delete

[680] Fix | Delete

[681] Fix | Delete

/**

[682] Fix | Delete

* Receive field to column inside the Layout Field.

[683] Fix | Delete

[684] Fix | Delete

* @since 1.7.7

[685] Fix | Delete

[686] Fix | Delete

* @param {number} fieldId Field ID.

[687] Fix | Delete

* @param {number} position Field position inside the column.

[688] Fix | Delete

* @param {jQuery} $sortable Sortable column container.

[689] Fix | Delete

[690] Fix | Delete

receiveFieldToColumn( fieldId, position, $sortable ) {

[691] Fix | Delete

if ( ! WPForms.Admin.Builder.FieldLayout ) {

[692] Fix | Delete

return;

[693] Fix | Delete

}

[694] Fix | Delete

[695] Fix | Delete

WPForms.Admin.Builder.FieldLayout.receiveFieldToColumn( fieldId, position, $sortable );

[696] Fix | Delete

[697] Fix | Delete

[698] Fix | Delete

/**

[699] Fix | Delete

* Update field options according to the position of the field.

[700] Fix | Delete

* Event `wpformsFieldOptionTabToggle` handler.

[701] Fix | Delete

[702] Fix | Delete

* @since 1.7.7

[703] Fix | Delete

[704] Fix | Delete

* @param {Event} e Event.

[705] Fix | Delete

* @param {number} fieldId Field id.

[706] Fix | Delete

[707] Fix | Delete

fieldOptionsUpdate( e, fieldId ) {

[708] Fix | Delete

if ( ! WPForms.Admin.Builder.FieldLayout ) {

[709] Fix | Delete

return;

[710] Fix | Delete

}

[711] Fix | Delete

[712] Fix | Delete

WPForms.Admin.Builder.FieldLayout.fieldOptionsUpdate( e, fieldId );

[713] Fix | Delete

[714] Fix | Delete

[715] Fix | Delete

/**

[716] Fix | Delete

* Reorder fields options of the fields in columns.

[717] Fix | Delete

* It is not critical, but it's better to keep some order in the `fields` data array.

[718] Fix | Delete

[719] Fix | Delete

* @since 1.7.7

[720] Fix | Delete

[721] Fix | Delete

* @param {jQuery} $layoutField Layout field object.

[722] Fix | Delete

[723] Fix | Delete

reorderLayoutFieldsOptions( $layoutField ) {

[724] Fix | Delete

if ( ! WPForms.Admin.Builder.FieldLayout ) {

[725] Fix | Delete

return;

[726] Fix | Delete

}

[727] Fix | Delete

[728] Fix | Delete

WPForms.Admin.Builder.FieldLayout.reorderLayoutFieldsOptions( $layoutField );

[729] Fix | Delete

[730] Fix | Delete

[731] Fix | Delete

/**

[732] Fix | Delete

* Whether the field type is allowed to be in column.

[733] Fix | Delete

[734] Fix | Delete

* @since 1.7.7

[735] Fix | Delete

[736] Fix | Delete

* @param {string} fieldType Field type to check.

[737] Fix | Delete

* @param {jQuery} $targetColumn Target column element.

[738] Fix | Delete

[739] Fix | Delete

* @return {boolean} True if allowed.

[740] Fix | Delete

[741] Fix | Delete

isFieldAllowedInColum( fieldType, $targetColumn ) {

[742] Fix | Delete

if ( ! WPForms.Admin.Builder.FieldLayout ) {

[743] Fix | Delete

return true;

[744] Fix | Delete

}

[745] Fix | Delete

[746] Fix | Delete

const isAllowed = WPForms.Admin.Builder.FieldLayout.isFieldAllowedInColum( fieldType, $targetColumn );

[747] Fix | Delete

[748] Fix | Delete

/**

[749] Fix | Delete

* Allows developers to determine whether the field is allowed to be dragged in column.

[750] Fix | Delete

[751] Fix | Delete

* @since 1.8.9

[752] Fix | Delete

[753] Fix | Delete

* @param {boolean} isAllowed Whether the field is allowed to be placed in the column.

[754] Fix | Delete

* @param {string} fieldType Field type.

[755] Fix | Delete

* @param {jQuery} $targetColumn Target column element.

[756] Fix | Delete

[757] Fix | Delete

* @return {boolean} True if allowed.

[758] Fix | Delete

[759] Fix | Delete

return wp.hooks.applyFilters( 'wpforms.LayoutField.isFieldAllowedDragInColumn', isAllowed, fieldType, $targetColumn );

[760] Fix | Delete

[761] Fix | Delete

[762] Fix | Delete

/**

[763] Fix | Delete

* Determine whether the field type is a layout-based field.

[764] Fix | Delete

[765] Fix | Delete

* @since 1.8.9

[766] Fix | Delete

[767] Fix | Delete

* @param {string} fieldType Field type to check.

[768] Fix | Delete

[769] Fix | Delete

* @return {boolean} True if it is the Layout-based field.

[770] Fix | Delete

[771] Fix | Delete

isLayoutBasedField( fieldType ) {

[772] Fix | Delete

if ( ! WPForms.Admin.Builder.FieldLayout ) {

[773] Fix | Delete

return false;

[774] Fix | Delete

}

[775] Fix | Delete

[776] Fix | Delete

return WPForms.Admin.Builder.FieldLayout.isLayoutBasedField( fieldType );

[777] Fix | Delete

[778] Fix | Delete

};

[779] Fix | Delete

[780] Fix | Delete

// Provide access to public functions/properties.

[781] Fix | Delete

return app;

[782] Fix | Delete

}( document, window, jQuery ) );

[783] Fix | Delete

[784] Fix | Delete

// Initialize.

[785] Fix | Delete

WPForms.Admin.Builder.DragFields.init();

[786] Fix | Delete

[787] Fix | Delete