(hovering = true)} onmouseleave={() => (hovering = false)} > value, (v) => { value = v valueType = collection.find((x) => x?.value == v)?.type onValueChange?.(value, valueType) } } onClear={() => { initialValue = undefined value = undefined valueType = undefined onValueChange?.(undefined, undefined) onClear?.() }} items={collection} clearable {error} class="text-clip grow min-w-0" inputClass={selectInputClass} placeholder={placeholder ?? `${resourceType ?? 'any'} resource`} itemLabelWrapperClasses="flex-1" id="resource-picker-select" inputLeadingSnippet={SelectedIcon ? selectedIconSnippet : undefined} > {#snippet startSnippet({ item })} {@const Icon = appIconComponent(typeByPath.get(item.value))} {#if Icon} {/if} {/snippet} {#snippet endSnippet({ item, close })} {#if !item.value?.startsWith('datatable://')} (resourceEditor?.initEdit?.(item.value ?? ''), close())} startIcon={{ icon: Pen }} iconOnly /> {/if} {/snippet} {#snippet bottomSnippet({ close })}

{#if resourceType?.includes(',')} ({ displayName: `${rt} resource`, icon: Plus, action: () => (appConnect?.open?.(rt), close()) })) ?? []} > {#snippet buttonReplacement()}

Add a resource {/snippet} {:else} (appConnect?.open?.(resourceType), close())} startIcon={{ icon: Plus }} > Add a {resourceType} resource {/if} { loadResources(resourceType) }} startIcon={loading ? { icon: Loader2, classes: 'animate-spin' } : { icon: RotateCw }} iconOnly /> {/snippet} {#if value && hovering && !isDatatableSelected} {/if}