From 415c9e3ae16450926f6d462375f3da4637b98904 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Tue, 25 Mar 2025 20:33:28 +0100
Subject: [PATCH] Lib: Add newtab option to Button component

---
 src/lib/components/form/Button.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/components/form/Button.svelte b/src/lib/components/form/Button.svelte
index 2c338e4..b47f1b6 100644
--- a/src/lib/components/form/Button.svelte
+++ b/src/lib/components/form/Button.svelte
@@ -21,6 +21,9 @@
     /** Make the button act as a link. */
     href?: string;
 
+    /** Open the link inside a new tab. */
+    newtab?: boolean;
+
     /** Add a width class to the button. */
     width?: string;
 
@@ -54,6 +57,7 @@
     color = undefined,
     submit = false,
     href = undefined,
+    newtab = false,
     width = "w-auto",
     activate = false,
     activate_href = false,
@@ -70,6 +74,8 @@
 {#if href}
   <a
     {href}
+    target={newtab ? "_blank" : undefined}
+    rel={newtab ? "noopener noreferrer" : undefined}
     class="btn m-0 select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {width} {activate
       ? 'btn-hover'
       : ''} {activate_href && is_at_path(href) ? 'btn-hover' : ''} {shadow