mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(toast-notification): fire on:clear from timeout correctly

Browse source 
Fixes #1914

Co-Authored-By: brunnerh <brunnerh@users.noreply.github.com>
This commit is contained in:
Eric Liu 2024-02-18 19:37:35 -08:00 • committed by metonym
commit 9aabe3cbbb
1 changed files with 17 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/Notification/ToastNotification.svelte
View file

@ -55,6 +55,9 @@
let timeoutId = undefined; let timeoutId = undefined;
function close(closeFromTimeout) { function close(closeFromTimeout) {
// Clear the timer if the close button was clicked.
clearTimeout(timeoutId);
const shouldContinue = dispatch( const shouldContinue = dispatch(
"close", "close",
{ timeout: closeFromTimeout === true }, { timeout: closeFromTimeout === true },
@ -66,14 +69,24 @@
} }
onMount(() => { onMount(() => {
if (timeout) {
timeoutId = setTimeout(() => close(true), timeout);
}
return () => { return () => {
clearTimeout(timeoutId); clearTimeout(timeoutId);
}; };
}); });
$: if (typeof window !== "undefined") {
/**
* Clear the timer if {@link timeout} changes.
* If set to `0`, no new timeout is started.
* Else, a new timeout is started if {@link open} is not set to `false`.
*/
clearTimeout(timeoutId);
/** Only start the timer of {@link open} has not been set to `false`. */
if (open && timeout) {
timeoutId = setTimeout(() => close(true), timeout);
}
}
</script> </script>
<!-- svelte-ignore a11y-mouse-events-have-key-events --> <!-- svelte-ignore a11y-mouse-events-have-key-events -->