From 2bc5b0f7ee96dd42edf1d534f7e841c5ef6054a4 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 2 Aug 2022 13:58:37 -0700
Subject: add outclick dependency

---
 package.json                    |  1 +
 pnpm-lock.yaml                  | 13 ++++++++++---
 src/components/AppHeader.svelte |  1 +
 svelte.config.js                |  1 +
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 25369d0c..b4190d3e 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
 		"prettier-plugin-svelte": "^2.7.0",
 		"qr-code-styling": "1.6.0-rc.1",
 		"svelte": "^3.49.0",
+		"svelte-outclick": "^3.1.0",
 		"svelte-preprocess": "^4.10.7",
 		"tailwindcss": "^3.1.6",
 		"vite": "^3.0.3"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e57ddd3e..67db21dd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,13 +11,14 @@ specifiers:
   prettier-plugin-svelte: ^2.7.0
   qr-code-styling: 1.6.0-rc.1
   svelte: ^3.49.0
+  svelte-outclick: ^3.1.0
   svelte-preprocess: ^4.10.7
   tailwindcss: ^3.1.6
   vite: ^3.0.3
 
 devDependencies:
   '@sveltejs/adapter-auto': 1.0.0-next.64
-  '@sveltejs/kit': 1.0.0-next.398_svelte@3.49.0+vite@3.0.3
+  '@sveltejs/kit': 1.0.0-next.401_svelte@3.49.0+vite@3.0.3
   '@zerodevx/svelte-toast': 0.7.2
   autoprefixer: 10.4.7_postcss@8.4.14
   cookie: 0.5.0
@@ -26,6 +27,7 @@ devDependencies:
   prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi
   qr-code-styling: 1.6.0-rc.1
   svelte: 3.49.0
+  svelte-outclick: 3.1.0
   svelte-preprocess: 4.10.7_nxvsp6sjiltnatqa6jdm4mr6zu
   tailwindcss: 3.1.6
   vite: 3.0.3
@@ -125,10 +127,11 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/kit/1.0.0-next.398_svelte@3.49.0+vite@3.0.3:
-    resolution: {integrity: sha512-ONjHoRurnFUe+0lv0P9rZQpDuuJy4Cr/lDneoG+lkOR5/7gcvd03TlVdxLz1ZQAWPbgovm/PpshOvIUeC4n62A==}
+  /@sveltejs/kit/1.0.0-next.401_svelte@3.49.0+vite@3.0.3:
+    resolution: {integrity: sha512-VrpFtSSu1ADRVWWDxLl218GKf9l+TA7tNCCAmVFAuJdj5zVxPgJflu4Dh1p5C4efKP+x1v6W5nvxmNkbZLPoag==}
     engines: {node: '>=16.9'}
     hasBin: true
+    requiresBuild: true
     peerDependencies:
       svelte: ^3.44.0
       vite: ^3.0.0
@@ -1344,6 +1347,10 @@ packages:
       svelte: 3.49.0
     dev: true
 
+  /svelte-outclick/3.1.0:
+    resolution: {integrity: sha512-1p/4UAuBfgfltMByTXjE3wbNAYaPihsB9HkhYrKgkiUgZSUtQ+Tpr/gxLu0LIsgft1EKt1izWg/VfzO+f5lQUA==}
+    dev: true
+
   /svelte-preprocess/4.10.7_nxvsp6sjiltnatqa6jdm4mr6zu:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index ca540189..44480ac8 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -1,6 +1,7 @@
 <script>
 	// we will want to dynamically use the users avatar on this screen if they have uploaded one
 
+	import OutClick from 'svelte-outclick';
 	import { user } from '$lib/store';
 	import { goto } from '$app/navigation';
 	import { Icon } from '$comp';
diff --git a/svelte.config.js b/svelte.config.js
index e57f80a6..2287f3a8 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,4 +1,5 @@
 import adapter from '@sveltejs/adapter-auto';
+// import adapter from '@sveltejs/adapter-node';
 import preprocess from 'svelte-preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
-- 
cgit v1.2.3