feat: toaster's dynamic exitDuration

[uceumice]

Make the duration it takes for a Toast to leave configurable.

[GrandSchtroumpf]

Thanks for the PR, the main issue here is that you need to update the animation duration also.
It could be done with a css variable that is set in the style tag for example (you can use the cssvar method)

[uceumice]

Thanks for the PR, the main issue here is that you need to update the animation duration also. It could be done with a css variable that is set in the style tag for example (you can use the cssvar method)

Ah, alright, I will have a closer look and try to rewrite it with cssvar.

[GrandSchtroumpf]

@uceumice I think I found a better solution. Using the addEventListener('animationend', cb) I can have only one source of truth:

// Use event "animationend" instead of timeout
ref.value.addEventListener('animationend', remove}, { once: true })

Like that you can customize it with a css variable :

:root {
  --toaster-closing-duration: 500ms;
}
/* Or */
.my-customer-toaster {
  --toaster-closing-duration: 500ms;
}

What do you think ?