From fc8c0763f09a8c7032a9b06b8f8be53f05988b4c Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Thu, 9 Mar 2023 21:40:12 +0100
Subject: [PATCH] #206 - Added middle click support to open in a new tab

---
 src/components/ModalInFile.svelte      | 5 ++++-
 src/components/ModalVault.svelte       | 5 ++++-
 src/components/ResultItemInFile.svelte | 3 ++-
 src/components/ResultItemVault.svelte  | 1 +
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/ModalInFile.svelte b/src/components/ModalInFile.svelte
index 02c9ba6..9f0e2a0 100644
--- a/src/components/ModalInFile.svelte
+++ b/src/components/ModalInFile.svelte
@@ -160,7 +160,10 @@
         index="{i}"
         selected="{i === selectedIndex}"
         on:mousemove="{_e => (selectedIndex = i)}"
-        on:click="{(evt) => openSelection(evt.ctrlKey)}" />
+        on:click="{evt => openSelection(evt.ctrlKey)}"
+        on:auxclick="{evt => {
+          if (evt.button == 1) openSelection(true)
+        }}" />
     {/each}
   {:else}
     <div style="text-align: center;">
diff --git a/src/components/ModalVault.svelte b/src/components/ModalVault.svelte
index 8deab51..3956e13 100644
--- a/src/components/ModalVault.svelte
+++ b/src/components/ModalVault.svelte
@@ -283,7 +283,10 @@
       selected="{i === selectedIndex}"
       note="{result}"
       on:mousemove="{_ => (selectedIndex = i)}"
-      on:click="{onClick}" />
+      on:click="{onClick}"
+      on:auxclick="{evt => {
+        if (evt.button == 1) openNoteInNewPane()
+      }}" />
   {/each}
   <div style="text-align: center;">
     {#if !resultNotes.length && searchQuery && !searching}
diff --git a/src/components/ResultItemInFile.svelte b/src/components/ResultItemInFile.svelte
index 3dcba2e..27a5805 100644
--- a/src/components/ResultItemInFile.svelte
+++ b/src/components/ResultItemInFile.svelte
@@ -20,7 +20,8 @@
   id="{index.toString()}"
   selected="{selected}"
   on:mousemove
-  on:click>
+  on:click
+  on:auxclick>
   <div class="omnisearch-result__body">
     {@html cleanedContent.replace(reg, highlighterGroups)}
   </div>
diff --git a/src/components/ResultItemVault.svelte b/src/components/ResultItemVault.svelte
index 13a287b..7cf310e 100644
--- a/src/components/ResultItemVault.svelte
+++ b/src/components/ResultItemVault.svelte
@@ -63,6 +63,7 @@
   glyph="{glyph}"
   id="{note.path}"
   on:click
+  on:auxclick
   on:mousemove
   selected="{selected}">
   <div>