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)
"
@naiswipe-session-created.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@naiswipe-session-updated.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@naiswipe-session-deleted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@naiswipe-matched.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
@naiswipe-session-deleted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
@feedback-submitted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
@placelist-created.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@placelist-updated.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@placelist-deleted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
x-transition:enter="transition ease-[cubic-bezier(0.2,0,0,1)] duration-300"
x-transition:enter-start="opacity-0 translate-y-3 scale-[0.97]"
x-transition:enter-end="opacity-100 translate-y-0 scale-100"
x-transition:leave="transition ease-out duration-150"
x-transition:leave-start="opacity-100 translate-y-0 scale-100"
x-transition:leave-end="opacity-0 translate-y-2 scale-[0.97]" role="alert"
class="fixed bottom-4 right-4 z-[80] w-[min(22rem,calc(100vw-2rem))] rounded-2xl border bg-[var(--ui-surface)] p-4 shadow-2xl"
:class="status === 'success' ? 'border-[var(--ui-success)]/40' : status === 'warning' ?
'border-[var(--ui-accent)]/50' : 'border-[var(--ui-danger)]/40'">