{ if (e.key === 'Enter' || e.key === ' ') onclick(e); }} {onclick} class="p-1 {get_selectable_color_classes(is_selected(display_id_object.id, $selected_display_ids), { bg: true, hover: true, active: !hovering_unselectable, text: true })} rounded-xl flex flex-row justify-between h-{$current_height.display} transition-colors duration-100 gap-2 cursor-pointer w-full text-stone-200" >
(hovering_unselectable = true)} onmouseleave={() => (hovering_unselectable = false)} onclick={on_preview_click} >
{#if $pinned_display_id === display_id_object.id}
{:else if $display && $display.preview.url}
{:else}
{/if}
{#if $pinned_display_id === display_id_object.id}
{:else}
{/if}
{$display?.name ?? ''}
(hovering_unselectable = true)} onmouseleave={() => (hovering_unselectable = false)} >
{ e.stopPropagation(); }} menu_options={get_display_menu_options(display_id_object.id)} >