value, (v) => { if (v) value = v; }} bind:open onOpenChange={(o: boolean) => { if (!o) searchValue = ""; }} >

{ containerEl?.querySelector('input')?.focus(); }} onkeydown={() => { containerEl?.querySelector('input')?.focus(); }} > (searchValue = e.currentTarget.value)} onfocus={() => { open = true; }} class="h-full w-full bg-transparent text-muted-foreground text-sm placeholder:text-muted-foreground outline-none border-none pl-3 pr-9 truncate" placeholder="Select term..." aria-label="Select term" autocomplete="off" autocorrect="off" spellcheck={false} />

{#snippet child({ wrapperProps, props, open: isOpen })} {#if isOpen}

{#each filteredTerms as term, i (term.code)} {#if i === 1 && term.code !== currentTermCode && filteredTerms[0]?.code === currentTermCode}

{/if} {#snippet children({ selected })} {term.description} {#if term.code === currentTermCode} current {/if} {#if selected} {/if} {/snippet} {:else} No terms found. {/each}

{/if} {/snippet}