feat(tools/match_win): add presets

Author: theonlypwner

docs/pages/tools/match_win.html

@@ -1,7 +1,7 @@
 ---
 title: Match Win Calculator
 date: "2024-11-06 21:48:00 -0700"
-mdate: 2025-02-06 17:56:00 -0700
+mdate: 2025-12-29 13:00:00 -0700
 entry: app_tools_match_win
 ---
 <p>

scripts/tools/match_win/AppToolsMatchWin.svelte

@@ -38,6 +38,30 @@ const memo = $derived((() => {
 })())
 </script>
 
+<div class="input-group d-flex mb-2" role="group">
+  <span class="input-group-text">Presets</span>
+  <button
+    onclick={() => (nRaw.value = 2, leadRequiredRaw.value = 1)}
+    class:active={nRaw.value == 2 && leadRequiredRaw.value == 1}
+    class="flex-grow-1 btn btn-outline-secondary">Best-of-3</button>
+  <button
+    onclick={() => (nRaw.value = 3, leadRequiredRaw.value = 1)}
+    class:active={nRaw.value == 3 && leadRequiredRaw.value == 1}
+    class="flex-grow-1 btn btn-outline-secondary">Best-of-5</button>
+  <button
+    onclick={() => (nRaw.value = 10, leadRequiredRaw.value = 1)}
+    class:active={nRaw.value == 10 && leadRequiredRaw.value == 1}
+    class="flex-grow-1 btn btn-outline-secondary">Best-of-19</button>
+  <button
+    onclick={() => (nRaw.value = 13, leadRequiredRaw.value = 1)}
+    class:active={nRaw.value == 13 && leadRequiredRaw.value == 1}
+    class="flex-grow-1 btn btn-outline-secondary">Valorant Unrated</button>
+  <button
+    onclick={() => (nRaw.value = 13, leadRequiredRaw.value = 2, otRaw.value = 2)}
+    class:active={nRaw.value == 13 && leadRequiredRaw.value == 2 && otRaw.value == 2}
+    class="flex-grow-1 btn btn-outline-secondary">Valorant Competitive</button>
+</div>
+
 <p>Minimum score to win</p>
 <input type="number" class="form-control" min=1 bind:value={nRaw.value}>
 <input type="range" class="form-range" min=1 max=32 bind:value={nRaw.value}>