{#snippet sectionHeading(id: string, title: string)}
{title}
{/snippet} {#snippet labelBall(label: Label)}
{label.name}
{/snippet} {#if direction === "vertical"} {:else}
{@render sectionHeading(labelsHeadingId, "Labels")}
{#each shownLabels as label (label.name)}
{#if label.href}
{@render labelBall(label)} {:else}
{@render labelBall(label)}
{/if}
{/each} {#if hiddenCount > 0 && !expanded}
(expanded = true)} icon={TagPlus} > Display all {labels.length} labels
{/if} {#if canEdit}
onLabelsChange?.( pickedLabels.includes(name) ? pickedLabels.filter((picked) => picked !== name) : [...pickedLabels, name] )} label="Labels" placeholder="Select labels" searchPlaceholder="Filter labels…" emptyLabel="No labels" class="w-auto" > {#snippet trigger({ props })}
{/snippet} {#snippet option(choice)}
{choice.label ?? choice.value}
{/snippet}
{/if}
{/if}