{#if mouseYCoordinate}
swap_vert
{#each allowedHomeSections as section}
{section}
{/each}
delete
{/if} {#each homeSections as item, index}
{ mouseYCoordinate = clientY draggingItem = item draggingItemIndex = index distanceTopGrabbedVsPointer = target.offsetTop - clientY }} on:drag={e => { mouseYCoordinate = e.clientY }} on:dragover={() => { hoveredItemIndex = index }} on:dragend={() => { mouseYCoordinate = null draggingItem = null hoveredItemIndex = null }}> {#if !SUPPORTS.isAndroid}
swap_vert
{:else}
moveItem(index, 'up')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_upward
moveItem(index, 'down')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_downward
{/if}
{#each allowedHomeSections as section}
{section}
{/each}
{ homeSections.splice(index, 1); homeSections = homeSections }} class='btn btn-danger input-group-append px-5 material-symbols-outlined font-size-20'>delete
{/each}
{ homeSections[homeSections.length] = 'Trending Now' }} class='btn btn-primary'>Add Section