{#if selectData.length == 0}

None available

{:else}

{selectData.filter(d => d.selected).length} selected

{expanded = !expanded; focused = true}} onmouseleave={() => focused = false}>{expanded ? "Close" : "Select"} {/if} {#if expanded}

focused = false} onmouseenter={() => focused = true} class="absolute flex flex-col gap-2 top-[calc(100%+10px)] z-1 left-0 w-full max-h-40 overflow-y-scroll bg-white rounded border border-gray-300 shadow-sm p-2 text-xs">
{#each search ? selectData.filter(d => d.name.toLowerCase().includes(search.toLowerCase())) : selectData as el} {el.selected = !el.selected}} inverted={!el.selected}>{el.name} {/each}

{/if}