{ if (!hideDropdown && comboboxRef && !comboboxRef.contains(target)) { hideDropdown = true; } }} />
0} aria-expanded={showResults} id="{id}-typeahead" > = 0 && !hideDropdown && results.length > 0 ? `${id}-result-${selectedIndex}` : null} bind:value on:type on:input on:change on:focus on:focus={() => { hideDropdown = false; }} on:clear on:clear={() => { hideDropdown = false; }} on:blur on:keydown on:keydown={(e) => { if (results.length === 0) return; switch (e.key) { case "Enter": select(); break; case "ArrowDown": e.preventDefault(); change(1); break; case "ArrowUp": e.preventDefault(); change(-1); break; case "Escape": e.preventDefault(); value = ""; searchRef.focus(); hideDropdown = true; break; } }} />
    {#if showResults} {#each results as result, index}
  • { if (result.disabled) return; selectedIndex = index; select(); }} on:mouseenter={() => { if (result.disabled) return; selectedIndex = index; }} > {@html result.string}
  • {/each} {/if} {#if $$slots["no-results"] && !hideDropdown && value.length > 0 && results.length === 0}
    {/if}