{#if visibleTasks.length === 0}
No active tasks
{:else}
{#each visibleTasks as task (task.id)}
completeTask(task.id)} aria-label="Complete task" >
{task.text}
deleteTask(task.id)} aria-label="Delete task" > ×
{/each}
{/if} {#if hasOverflow}
showOverflow = !showOverflow} >
{overflowTasks.length} more in your list
{#if showOverflow}
{#each overflowTasks as task (task.id)}
{task.text}
{/each}
{/if} {/if} {#if activeTasks.length > 0}
{Math.min(activeTasks.length, wipLimit)}/{wipLimit} active
{/if}