{#if titleText} {titleText} {/if} {#if !inline && helperText} {/if} { open = ref.contains(target) ? !open : false; }} {disabled} {open} {invalid} {invalidText} {light}> {#if invalid} {/if} { if (key === 'Enter') { open = !open; if (highlightedIndex > -1 && highlightedIndex !== selectedIndex) { selectedIndex = highlightedIndex; open = false; } } else if (key === 'Tab') { open = false; ref.blur(); } else if (key === 'ArrowDown') { change(1); } else if (key === 'ArrowUp') { change(-1); } }} on:blur={({ relatedTarget }) => { if (relatedTarget) { ref.focus(); } }} {disabled} {translateWithId} {id}> {#if selectedItem}{itemToString(selectedItem)}{:else}{label}{/if} {#if open} {#each items as item, i (item.id || i)} { selectedId = item.id; selectedIndex = i; }} on:mouseenter={() => { highlightedIndex = i; }}> {itemToString(item)} {/each} {/if}