handleColumnDragOver(e, column.id)}
ondragleave={handleColumnDragLeave}
ondrop={(e) => handleDrop(e, column.id)}
role="list"
>
{#each column.cards as card, cardIndex}
{#if draggedCard && dragOverCardIndex?.columnId === column.id && dragOverCardIndex?.index === cardIndex && draggedCard.id !== card.id}
{/if}
handleCardDragOver(e, column.id, cardIndex)}
>
handleDragStart(e, card)}
onclick={() => onCardClick?.(card)}
ondelete={canEdit
? (id) => onDeleteCard?.(id)
: undefined}
/>
{/each}
{#if draggedCard && dragOverCardIndex?.columnId === column.id && dragOverCardIndex?.index === column.cards.length}
{/if}