From fd2212a6cb6a7014a6fbca93afaeed6ad2daf4a5 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Fri, 4 Nov 2022 01:06:57 +0100
Subject: [PATCH] Prevent deck options switches from toggling on label click
 (#2166)

* Prevent deck options switches from toggling on label click

because the label click is reserved to open the help modal.

* Add option to prevent mouseclick event to Label.svelte
---
 ts/deck-options/Label.svelte     | 11 ++++++++++-
 ts/deck-options/SwitchRow.svelte |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/ts/deck-options/Label.svelte b/ts/deck-options/Label.svelte
index f14f8a60e..cb5995711 100644
--- a/ts/deck-options/Label.svelte
+++ b/ts/deck-options/Label.svelte
@@ -7,6 +7,7 @@
 
     let forId: string;
     export { forId as for };
+    export let preventMouseClick = false;
 
     const dispatch = createEventDispatcher();
 
@@ -17,7 +18,15 @@
     });
 </script>
 
-<label bind:this={spanRef} for={forId}><slot /></label>
+<label
+    bind:this={spanRef}
+    for={forId}
+    on:click={(e) => {
+        if (preventMouseClick) e.preventDefault();
+    }}
+>
+    <slot />
+</label>
 
 <style lang="scss">
     label {
diff --git a/ts/deck-options/SwitchRow.svelte b/ts/deck-options/SwitchRow.svelte
index 89f9c8451..56a6f7181 100644
--- a/ts/deck-options/SwitchRow.svelte
+++ b/ts/deck-options/SwitchRow.svelte
@@ -17,7 +17,7 @@
 </script>
 
 <Row --cols={6}>
-    <Col --col-size={4}><Label for={id}><slot /></Label></Col>
+    <Col --col-size={4}><Label for={id} preventMouseClick><slot /></Label></Col>
     <Col --col-justify="flex-end">
         <ConfigInput grow={false}>
             <Switch {id} bind:value />