0} autocomplete="off" on:focus={() => { suggestionsOpen = true; positionPopup(); }} on:click={() => { suggestionsOpen = true; positionPopup(); }} on:input={() => { suggestionsOpen = true; positionPopup(); }} on:keydown={(event) => { if (event.key === 'Escape') { suggestionsOpen = false; } }} on:blur={() => { setTimeout(() => { if (!popupElement?.contains(document.activeElement)) { suggestionsOpen = false; } }, 0); }} /> {#if suggestionsOpen && optionVoices.length > 0}
{#if selectedIds !== null} {#if matchedVoices.length > 0}
{ event.preventDefault(); }} on:click={() => { enableVoices(); }} >
Enable all ({matchedVoices.length})
{/if} {/if} {#each optionVoices as voice (voice.id)}
{ event.preventDefault(); }} on:click={() => { selectVoice(voice); }} >
{voice.id}
{#if voice.name && voice.name !== voice.id}
{voice.name}
{/if} {#if selectedIds !== null && selectedIds.includes(voice.id)}
{/if}
{/each}
{/if}