{ if (e.key === 'Enter' || e.key === ' ') onclick(e); }} {onclick} class="p-1 {get_selectable_color_classes(is_selected(display.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}
{:else}
{/if}
{#if $pinned_display_id === display.id}
{:else}
{/if}
{display.name}
(hovering_unselectable = true)} onmouseleave={() => (hovering_unselectable = false)} >
{ e.stopPropagation(); }} menu_options={[ { icon: Pencil, name: 'Bildschirm bearbeiten' }, { icon: Trash2, name: 'Bildschirm löschen', class: 'text-red-400 hover:text-stone-200 hover:!bg-red-400' } ]} >