show = false, 3000)
"
@review-updated.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@review-deleted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@meetup-created.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@meetup-updated.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@meetup-deleted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@meetup-status-updated.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@rsvp-cancelled.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
@rsvp-confirmed.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
@rsvp-rate-limited.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
x-transition ease-in-out:enter="transition ease-in-out ease-out duration-300" x-transition
ease-in-out:enter-start="opacity-0 transform scale-90" x-transition
ease-in-out:enter-end="opacity-100 transform scale-100" x-transition
ease-in-out:leave="transition ease-in-out ease-in duration-300" x-transition
ease-in-out:leave-start="opacity-100 transform scale-100" x-transition
ease-in-out:leave-end="opacity-0 transform scale-90" role="alert"
class="fixed bottom-3 right-3 alert alert-vertical sm:alert-horizontal alert-soft"
:class="status === 'success' ? 'alert-success' : status === 'warning' ? 'alert-warning' : 'alert-error'">