{ if (!e.target.classList.contains("drag-handle-wrapper")) { e.preventDefault(); return; } const blank = document.createElement("div"); e.dataTransfer.setDragImage(blank, 0, 0); interactive && dispatch("dragstart", e); }} on:dragenter={(e) => { if (interactive) { isDragOver = true; dispatch("dragenter", e); } }} on:drop|preventDefault={(e) => { if (interactive) { isDragOver = false; dispatch("drop", e); } }} on:dragleave={(e) => { if (interactive) { isDragOver = false; dispatch("dragleave", e); } }} on:dragover|preventDefault >

{#if interactive}

{/if}

{#if field.required} {/if}

{ const oldName = field.name; field.name = normalizeFieldName(e.target.value); e.target.value = field.name; dispatch("rename", { oldName: oldName, newName: field.name }); }} /> {#if field.toDelete} {:else if interactive} {/if}

{#if interactive && showOptions}

{requiredLabel}
{#if !field.toDelete}

{/if}

{/if}