{ if (e.key === "Enter" && !isOpen) { toggleDropdown(); } else { handleKeydown(e, focusedIndex); } }} aria-label={inputAriaLabel} /> {#if selected}
{ if (e.key === "Enter" || e.key === " ") { e.preventDefault(); clearSelection(); } else if (e.key === "Escape") { e.preventDefault(); isOpen = false; focusedIndex = -1; } }} role="button" tabindex="0" aria-label={clearAriaLabel} >
{/if}
{ if (e.key === "Enter") toggleDropdown(); else if (e.key === "Escape") { e.preventDefault(); isOpen = false; focusedIndex = -1; } }} aria-label={toggleAriaLabel} >
{#if isOpen}
{#if filteredOptions.length > 0}
{#each visibleItems as item, i (item.label + "-" + (startIndex + i))}
selectOption(item)} on:keydown={(e) => handleKeydown(e, startIndex + i)} role="option" tabindex="0" aria-selected={selected === item.value} > {item.label}
{/each}
{:else}
{noOptionsText}
{/if}
{/if}