{#each shown as { item, ranges }, at (`${at}:${item.value}`)}
onchoose(item)} onmouseenter={() => { active = at; }} type="button" > {#if item.dot}
{:else if item.icon}
{/if}
{#each pieces(item.label, ranges) as piece, part (part)}
{piece.text}
{/each}
{#if item.hint}
{item.hint}
{/if} {#if item.value === value}
{/if}
{:else}
{empty}
{/each}