{#if toolTipText.length > 0}
{toolTipText}
{/if} {#if optional === true}
optional
{/if}
{ if (!options.includes(inputValue)) { inputValue = ''; } }} on:change={onChange} on:keyup={onKeyUp} on:click|stopPropagation={() => {}} {id} required={required && !value.length} autocomplete="off" class="w-full relative rounded-md py-2 pl-4 focus:pl-10 text-gray-600 dark:text-gray-300 border border-transparent focus:outline-none focus:border-solid focus:border focus:border-slate-400 dark:focus:border-gray-500 focus:bg-gray-100 dark:focus:bg-gray-600 bg-grayblue-light dark:bg-gray-700 font-normal cursor-pointer focus:cursor-text transition-colors duration-200" /> {#if showSelection}
{/if}
{#if showSelection}
{#if options.length} {#each filteredOptions as option}
{ onClickSelectedOption(option); }} > {option}
{/each} {:else}
List is empty
{/if}
{/if}
{#each value as option}
{option}
{/each}