From bd9fcf74c72f4bed59e1a4cf71196ef2038134c1 Mon Sep 17 00:00:00 2001
From: Dallas Hoffman <dallashoff@gmail.com>
Date: Mon, 2 Oct 2023 23:28:23 -0400
Subject: [PATCH] Modal noOutsideClick prop

---
 src/lib/components/modal.svelte         | 3 ++-
 src/lib/components/welcome-modal.svelte | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index 1272c84..99aefc9 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -6,6 +6,7 @@
 	export let open: boolean;
 	export let title: string;
 	export let size: 'sm' | 'md' | 'lg' = 'md';
+	export let noOutsideClick: boolean = false;
 
 	const dispatch = createEventDispatcher();
 
@@ -34,7 +35,7 @@
 </script>
 
 <svelte:window on:keyup={escape} />
-<dialog {open} on:click={close} class="app-modal">
+<dialog {open} on:click={() => (!noOutsideClick ? close() : null)} class="app-modal">
 	<article style:--max-width={maxWidths[size]} on:click|stopPropagation>
 		<header>
 			{title}
diff --git a/src/lib/components/welcome-modal.svelte b/src/lib/components/welcome-modal.svelte
index 67cbbc5..b01b48d 100644
--- a/src/lib/components/welcome-modal.svelte
+++ b/src/lib/components/welcome-modal.svelte
@@ -18,7 +18,7 @@
 	}
 </script>
 
-<Modal title="Welcome!" size="sm" bind:open on:close={close}>
+<Modal title="Welcome!" size="sm" noOutsideClick={true} bind:open on:close={close}>
 	<p>
 		Capture your thoughts for later by writing a quick note. Add tags to categorize it and organize
 		your notes.