{ if (! $el.contains(document.activeElement) && !$refs.content.contains(document.activeElement)) open = false; }, 150)"
@click="open = !open"
@mouseenter="open = true"
@mouseleave="open = false"
@keydown.escape.prevent="open = false"
tabindex="0"
role="button"
aria-haspopup="true"
:aria-expanded="open"
class="outline-none border border-transparent focus:border-primary-500 focus:ring-2 focus:ring-primary-300 focus:text-primary-500"
x-ref="trigger"
>
{ if (! $el.contains(document.activeElement) && !$refs.trigger.contains(document.activeElement)) open = false; }, 150)"
@mouseenter="open = true"
@mouseleave="open = false"
tabindex="-1"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="transform opacity-0 scale-95"
x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="transform opacity-100 scale-100"
x-transition:leave-end="transform opacity-0 scale-95"
class="absolute z-50 w-48 rounded-lg origin-top-left left-0 "
style="display: none;">