(open = true)}
use:clickOutside={{ onClickOutside: () => (open = false) }}
{id}
>
{#if value.length === 0}
(clearValue(), e.stopPropagation())}
/>
{/if}
!value.includes(item.value))}
value={undefined}
{disabled}
{filterText}
getInputRect={wrapperEl && (() => wrapperEl!.getBoundingClientRect())}
{listAutoWidth}
{noItemsMsg}
class={twMerge(
'multiselect dropdown',
open && !disabled ? 'open' : '',
disabled ? 'disabled' : ''
)}
ulClass="options"
>
{#snippet header()}
{#if processedItems.length - value.length > 0 || onCreateItem}
(e.preventDefault(), searchInputEl?.focus()),
placeholder: 'Search...'
}}
class="!pr-7 !bg-surface"
/>
{/if}
{/snippet}