From d9dd8f58ee7f131a5e8f25395ac93363e6fee80f Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 3 Dec 2025 07:31:32 -0800
Subject: [PATCH] fix Svelte 5 event modifier syntax in selectable components

Replace deprecated onclick|stopPropagation with onclick={(e) => e.stopPropagation()}
---
 src/lib/components/collection/SelectableSummonCard.svelte | 2 +-
 src/lib/components/collection/SelectableSummonRow.svelte  | 3 ++-
 src/lib/components/collection/SelectableWeaponCard.svelte | 2 +-
 src/lib/components/collection/SelectableWeaponRow.svelte  | 3 ++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/collection/SelectableSummonCard.svelte b/src/lib/components/collection/SelectableSummonCard.svelte
index d902de26..16ac4047 100644
--- a/src/lib/components/collection/SelectableSummonCard.svelte
+++ b/src/lib/components/collection/SelectableSummonCard.svelte
@@ -54,7 +54,7 @@
 	aria-label="Select {name}, current quantity: {quantity}"
 >
 	<img src={imageUrl} alt={name} class="image" loading="lazy" />
-	<div class="counter-overlay" onclick|stopPropagation={() => {}}>
+	<div class="counter-overlay" onclick={(e) => e.stopPropagation()}>
 		<QuantityCounter value={quantity} onChange={handleQuantityChange} />
 	</div>
 </div>
diff --git a/src/lib/components/collection/SelectableSummonRow.svelte b/src/lib/components/collection/SelectableSummonRow.svelte
index 76a25392..35d7911e 100644
--- a/src/lib/components/collection/SelectableSummonRow.svelte
+++ b/src/lib/components/collection/SelectableSummonRow.svelte
@@ -56,7 +56,8 @@
 	onkeydown={handleKeyDown}
 	aria-label="Select {name}, current quantity: {quantity}"
 >
-	<div class="counter-cell" onclick|stopPropagation={() => {}}>
+	<!-- onclick stops propagation to prevent row click from firing -->
+	<div class="counter-cell" onclick={(e) => e.stopPropagation()}>
 		<QuantityCounter value={quantity} onChange={handleQuantityChange} />
 	</div>
 
diff --git a/src/lib/components/collection/SelectableWeaponCard.svelte b/src/lib/components/collection/SelectableWeaponCard.svelte
index 3f6f51c3..756b0e74 100644
--- a/src/lib/components/collection/SelectableWeaponCard.svelte
+++ b/src/lib/components/collection/SelectableWeaponCard.svelte
@@ -54,7 +54,7 @@
 	aria-label="Select {name}, current quantity: {quantity}"
 >
 	<img src={imageUrl} alt={name} class="image" loading="lazy" />
-	<div class="counter-overlay" onclick|stopPropagation={() => {}}>
+	<div class="counter-overlay" onclick={(e) => e.stopPropagation()}>
 		<QuantityCounter value={quantity} onChange={handleQuantityChange} />
 	</div>
 </div>
diff --git a/src/lib/components/collection/SelectableWeaponRow.svelte b/src/lib/components/collection/SelectableWeaponRow.svelte
index c5b0dbf6..9b6184cd 100644
--- a/src/lib/components/collection/SelectableWeaponRow.svelte
+++ b/src/lib/components/collection/SelectableWeaponRow.svelte
@@ -56,7 +56,8 @@
 	onkeydown={handleKeyDown}
 	aria-label="Select {name}, current quantity: {quantity}"
 >
-	<div class="counter-cell" onclick|stopPropagation={() => {}}>
+	<!-- onclick stops propagation to prevent row click from firing -->
+	<div class="counter-cell" onclick={(e) => e.stopPropagation()}>
 		<QuantityCounter value={quantity} onChange={handleQuantityChange} />
 	</div>