Fixes

src/components/Navbar.svelte

@@ -110,7 +110,7 @@
                 <span class="btn__text">{t("navbar.links.account")}</span>
             </a>
             <!--
-            <button class="btn my-1" on:click={() => searchOpen = true}>
+            <button class="btn my-1" onclick={() => searchOpen = true}>
                 <SearchOutline ariaLabel="Site Search" class="inline-block h-6"/>
             </button>
             -->

src/components/admin/components/ErrorModal.svelte

@@ -32,7 +32,7 @@
     <Modal bind:open title={error.message}>
         <p>{error.stack}</p>
         {#snippet footer()}
-        <Button on:click={() => open = false}>Close</Button>
+        <Button onclick={() => open = false}>Close</Button>
       {/snippet}
     </Modal>
 {/if}

src/components/admin/components/TypeAheadSearch.svelte

@@ -48,11 +48,11 @@
 </script>
 
 <Button color="light"
-        on:click={() => open = true}>{selected === null ? 'Auswählen' : items.find(value => value.value === selected)?.name}</Button>
+        onclick={() => open = true}>{selected === null ? 'Auswählen' : items.find(value => value.value === selected)?.name}</Button>
 <Dropdown bind:open class="w-60">
     {#snippet header()}
     <div class="overflow-y-auto p-3 text-sm w-60" >
-          <Search bind:value={searchValue} on:focus={() => open = true} on:keydown={() => open = true}/>
+          <Search bind:value={searchValue} onfocus={() => open = true} onkeydown={() => open = true}/>
       </div>
   {/snippet}
     {#each filteredItems as item (item)}

src/components/admin/pages/Edit.svelte

@@ -168,11 +168,11 @@
                         </div>
                         <div>
                             {#if selectedBranch !== "master"}
-                                <Button on:click={createFile} color="alternative" disabled={!selectedPath}>Create File
+                                <Button onclick={createFile} color="alternative" disabled={!selectedPath}>Create File
                                 </Button>
-                                <Button on:click={() => deleteBranch(false)} color="none">Delete Branch</Button>
+                                <Button onclick={() => deleteBranch(false)} color="none">Delete Branch</Button>
                             {:else}
-                                <Button on:click={createBranch}>Create Branch</Button>
+                                <Button onclick={createBranch}>Create Branch</Button>
                             {/if}
                         </div>
                     </div>
@@ -193,7 +193,7 @@
                                 </li>
                             {/each}
                         {:else}
-                            <Button on:click={newAnnouncement}>Neue Ankündigung</Button>
+                            <Button onclick={newAnnouncement}>Neue Ankündigung</Button>
                         {/if}
                     </ul>
                 {:catch error}

src/components/admin/pages/Home.svelte

@@ -36,7 +36,7 @@
             Mod-Tool
           </span>
       </NavBrand>
-      <NavHamburger on:click={toggle}/>
+      <NavHamburger onclick={toggle}/>
       <NavUl {hidden}>
           <NavLi href="#/edit">Edit Pages</NavLi>
           <NavLi href="#/perms">Permissions</NavLi>
@@ -51,7 +51,7 @@
         <Spinner size={16}/>
     </div>
 {:then data}
-    <Button class="fixed bottom-6 right-6 !p-4 z-10 shadow-lg" on:click={() => showAdd = true}>
+    <Button class="fixed bottom-6 right-6 !p-4 z-10 shadow-lg" onclick={() => showAdd = true}>
         <PlusOutline/>
     </Button>
 

src/components/admin/pages/Perms.svelte

@@ -155,14 +155,14 @@
                             <h1>Permissions</h1>
                             {#each perms.perms as perm}
                                 <Checkbox checked={activePerms.includes(perm)}
-                                          on:click={togglePerm(perm)}>{capitalize(perm.toLowerCase())}</Checkbox>
+                                          onclick={togglePerm(perm)}>{capitalize(perm.toLowerCase())}</Checkbox>
                             {/each}
                             <div class="mt-4">
                                 <Button disabled={prefixEdit === (player?.prefix.name ?? "") && activePerms === (player?.perms ?? [])}
-                                        on:click={save}>Save
+                                        onclick={save}>Save
                                 </Button>
                                 {#if $me != null && $me.perms.includes("ADMINISTRATION")}
-                                    <Button on:click={() => resetPasswordModal = true}>
+                                    <Button onclick={() => resetPasswordModal = true}>
                                         Reset Password
                                     </Button>
 
@@ -174,10 +174,10 @@
 
                                         {#snippet footer()}
                                       
-                                              <Button class="ml-auto mr-4" on:click={resetResetPassword}>
+                                              <Button class="ml-auto mr-4" onclick={resetResetPassword}>
                                                   Cancel
                                               </Button>
-                                              <Button disabled={resetPassword === "" || resetPassword !== resetPasswordRepeat} on:click={resetPW}>
+                                              <Button disabled={resetPassword === "" || resetPassword !== resetPasswordRepeat} onclick={resetPW}>
                                                   Reset Password
                                               </Button>
                                           

src/components/admin/pages/edit/Editor.svelte

@@ -84,10 +84,10 @@
             <Toolbar class="!bg-gray-900">
                 {#snippet end()}
                 <ToolbarGroup >
-                      <ToolbarButton on:click={deletePage}>
+                      <ToolbarButton onclick={deletePage}>
                           Delete
                       </ToolbarButton>
-                      <ToolbarButton color="primary" on:click={savePage}>
+                      <ToolbarButton color="primary" onclick={savePage}>
                           Save
                       </ToolbarButton>
                   </ToolbarGroup>

src/components/admin/pages/event/EventEdit.svelte

@@ -153,8 +153,8 @@
     </div>
     <Toggle bind:checked={publicOnly} class="mt-4">Public Schematics Only</Toggle>
     <div class="flex mt-4">
-        <Button disabled={!changed} on:click={update}>Update</Button>
-        <Button class="ml-4" color="red" on:click={() => deleteOpen = true}>Delete</Button>
+        <Button disabled={!changed} onclick={update}>Update</Button>
+        <Button class="ml-4" color="red" onclick={() => deleteOpen = true}>Delete</Button>
     </div>
 </form>
 
@@ -163,8 +163,8 @@
 <Modal bind:open={deleteOpen} outsideclose title="Delete {event.name}?">
     <p>Are you sure you want to delete {event.name}?</p>
     <div class="flex justify-end">
-        <Button on:click={() => deleteOpen = false}>Cancel</Button>
-        <Button class="ml-4" color="red" on:click={del}>Delete</Button>
+        <Button onclick={() => deleteOpen = false}>Cancel</Button>
+        <Button class="ml-4" color="red" onclick={del}>Delete</Button>
     </div>
 </Modal>
 

src/components/admin/pages/event/FightCard.svelte

@@ -99,10 +99,10 @@
         </div>
         {#if !hideEdit}
             <Toolbar embedded>
-                <ToolbarButton on:click={() => editOpen = true}>
+                <ToolbarButton onclick={() => editOpen = true}>
                     <EditOutline/>
                 </ToolbarButton>
-                <ToolbarButton color="red" on:click={() => deleteOpen = true}>
+                <ToolbarButton color="red" onclick={() => deleteOpen = true}>
                     <TrashBinOutline/>
                 </ToolbarButton>
             </Toolbar>
@@ -116,7 +116,7 @@
         <p class="mb-5">
             Are you sure you want to delete this fight?
         </p>
-        <Button color="red" on:click={deleteFight}>Delete Fight</Button>
+        <Button color="red" onclick={deleteFight}>Delete Fight</Button>
         <Button color="alternative">Cancel</Button>
     </div>
 </Modal>

src/components/admin/pages/event/FightList.svelte

@@ -194,27 +194,27 @@
 <div class="pb-28">
     <Toolbar class="mx-4 mt-2 w-fit">
         <ToolbarGroup>
-            <Checkbox class="ml-2" checked={selectedFights.size === fights.length} on:click={cycleSelect}/>
+            <Checkbox class="ml-2" checked={selectedFights.size === fights.length} onclick={cycleSelect}/>
             <Tooltip>Select Upcoming</Tooltip>
         </ToolbarGroup>
         <ToolbarGroup>
-            <ToolbarButton on:click={() => selectedFights.size > 0 ? changeTimeOpen = true : changeTimeOpen = false}>
+            <ToolbarButton onclick={() => selectedFights.size > 0 ? changeTimeOpen = true : changeTimeOpen = false}>
                 <CalendarWeekOutline/>
             </ToolbarButton>
             <Tooltip>Reschedule Fights</Tooltip>
-            <ToolbarButton on:click={() => selectedFights.size > 0 ? spectatePortOpen = true : spectatePortOpen = false}
+            <ToolbarButton onclick={() => selectedFights.size > 0 ? spectatePortOpen = true : spectatePortOpen = false}
                            disabled={changedTime === undefined}>
                 <ProfileCardOutline/>
             </ToolbarButton>
             <Tooltip>Change Spectate Port</Tooltip>
-            <ToolbarButton on:click={() => selectedFights.size > 0 ? groupChangeOpen = true : groupChangeOpen = false}>
+            <ToolbarButton onclick={() => selectedFights.size > 0 ? groupChangeOpen = true : groupChangeOpen = false}>
                 <UsersGroupOutline/>
             </ToolbarButton>
             <Tooltip>Change Group</Tooltip>
         </ToolbarGroup>
         <ToolbarGroup>
             <ToolbarButton color="red"
-                           on:click={() => selectedFights.size > 0 ? deleteOpen = true : deleteOpen = false}>
+                           onclick={() => selectedFights.size > 0 ? deleteOpen = true : deleteOpen = false}>
                 <TrashBinOutline/>
             </ToolbarButton>
             <Tooltip>Delete</Tooltip>
@@ -223,7 +223,7 @@
     {#each groupedFights as group}
         <div class="flex mt-4">
             <Checkbox class="ml-2 text-center" checked={group.fights.every(gf => selectedFights.has(gf))}
-                      on:click={() => cycleGroup(group.fights)}/>
+                      onclick={() => cycleGroup(group.fights)}/>
             <h1 class="ml-4 text-2xl">{group.group ?? "Ungrouped"}</h1>
         </div>
         {#each group.fights.sort((a, b) => a.start - b.start) as fight, i (fight.id)}
@@ -249,8 +249,8 @@
     <p>Are you sure you want to delete {selectedFights.size} fights?</p>
     {#snippet footer()}
   
-          <Button color="red" class="ml-auto" on:click={deleteFights}>Delete</Button>
-          <Button on:click={() => deleteOpen = false} color="alternative">Cancel</Button>
+          <Button color="red" class="ml-auto" onclick={deleteFights}>Delete</Button>
+          <Button onclick={() => deleteOpen = false} color="alternative">Cancel</Button>
       
   {/snippet}
 </Modal>
@@ -262,8 +262,8 @@
     </div>
     {#snippet footer()}
   
-          <Button class="ml-auto" on:click={updateSpectatePort}>Change</Button>
-          <Button on:click={() => spectatePortOpen = false} color="alternative">Cancel</Button>
+          <Button class="ml-auto" onclick={updateSpectatePort}>Change</Button>
+          <Button onclick={() => spectatePortOpen = false} color="alternative">Cancel</Button>
       
   {/snippet}
 </Modal>
@@ -276,8 +276,8 @@
     </div>
     {#snippet footer()}
   
-          <Button class="ml-auto" on:click={updateGroup}>Change</Button>
-          <Button on:click={() => groupChangeOpen = false} color="alternative">Cancel</Button>
+          <Button class="ml-auto" onclick={updateGroup}>Change</Button>
+          <Button onclick={() => groupChangeOpen = false} color="alternative">Cancel</Button>
       
   {/snippet}
 </Modal>
@@ -295,14 +295,14 @@
         :{("0" + deltaTime.minutes()).slice(-2)}</p>
     {#snippet footer()}
   
-          <Button class="ml-auto" on:click={updateStartTime}>Update</Button>
-          <Button on:click={() => changeTimeOpen = false} color="alternative">Cancel</Button>
+          <Button class="ml-auto" onclick={updateStartTime}>Update</Button>
+          <Button onclick={() => changeTimeOpen = false} color="alternative">Cancel</Button>
       
   {/snippet}
 </Modal>
 
 <SpeedDial>
-    <SpeedDialButton name="Add" on:click={() => createOpen = true}>
+    <SpeedDialButton name="Add" onclick={() => createOpen = true}>
         <PlusOutline/>
     </SpeedDialButton>
     <SpeedDialButton name="Generate" href="#/event/{data.event.id}/generate">

src/components/admin/pages/event/RefereesList.svelte

@@ -68,7 +68,7 @@
     {#each referees as referee}
         <li class="flex flex-grow justify-between">
             {referee.name}
-            <SWButton on:click={removeReferee(referee.uuid)}>
+            <SWButton onclick={removeReferee(referee.uuid)}>
                 Entfernen
             </SWButton>
         </li>
@@ -79,7 +79,7 @@
     {/if}
 </ul>
 
-<Button class="fixed bottom-6 right-6 !p-4 z-10 shadow-lg" on:click={() => showAdd = true}>
+<Button class="fixed bottom-6 right-6 !p-4 z-10 shadow-lg" onclick={() => showAdd = true}>
     <PlusOutline/>
 </Button>
 
@@ -92,8 +92,8 @@
     </div>
     {#snippet footer()}
     <div  class="flex flex-grow justify-end">
-          <SWButton on:click={reset} type="gray">Abbrechen</SWButton>
-          <SWButton on:click={addReferee}>Hinzufügen</SWButton>
+          <SWButton onclick={reset} type="gray">Abbrechen</SWButton>
+          <SWButton onclick={addReferee}>Hinzufügen</SWButton>
       </div>
   {/snippet}
 </SWModal>

src/components/admin/pages/event/modals/CreateFightModal.svelte

@@ -102,8 +102,8 @@
     </div>
     {#snippet footer()}
   
-          <Button on:click={create} class="mr-auto" disabled={!canCreate}>Create</Button>
-          <Button color="light" on:click={() => open = false}>Cancel</Button>
+          <Button onclick={create} class="mr-auto" disabled={!canCreate}>Create</Button>
+          <Button color="light" onclick={() => open = false}>Cancel</Button>
       
   {/snippet}
 </Modal>

src/components/admin/pages/event/modals/FightEditModal.svelte

@@ -90,8 +90,8 @@
         />
     </div>
     <div class="flex">
-        <Button on:click={save}>Save</Button>
-        <Button color="light" class="ml-auto" on:click={() => open = false}>Cancel</Button>
+        <Button onclick={save}>Save</Button>
+        <Button color="light" class="ml-auto" onclick={() => open = false}>Cancel</Button>
     </div>
 </Modal>
 

src/components/admin/pages/generate/GroupGenerator.svelte

@@ -176,7 +176,7 @@
     </div>
 
     <div class="flex items-center mr-4">
-        <Button on:click={() => showAutoGrouping = true}>Automatic Grouping</Button>
+        <Button onclick={() => showAutoGrouping = true}>Automatic Grouping</Button>
     </div>
 </div>
 
@@ -238,7 +238,7 @@
     {/each}
 </div>
 
-<Button class="!p-4 fixed bottom-4 right-4" pill disabled={!generateDisabled} on:click={generateFights}>
+<Button class="!p-4 fixed bottom-4 right-4" pill disabled={!generateDisabled} onclick={generateFights}>
     <PlusOutline/>
 </Button>
 
@@ -248,8 +248,8 @@
 
     {#snippet footer()}
   
-          <Button class="ml-auto" on:click={createGroups}>Create</Button>
-          <Button color="alternative" on:click={() => showAutoGrouping = false}>Cancel</Button>
+          <Button class="ml-auto" onclick={createGroups}>Create</Button>
+          <Button color="alternative" onclick={() => showAutoGrouping = false}>Cancel</Button>
       
   {/snippet}
 </Modal>

src/components/admin/pages/home/CreateEventModal.svelte

@@ -90,8 +90,8 @@
     </div>
     {#snippet footer()}
   
-          <Button color="alternative" on:click={() => open = false} class="mr-auto">Cancel</Button>
-          <Button on:click={createEvent} disabled={!canSubmit}>Create</Button>
+          <Button color="alternative" onclick={() => open = false} class="mr-auto">Cancel</Button>
+          <Button onclick={createEvent} disabled={!canSubmit}>Create</Button>
       
   {/snippet}
 </Modal>

src/components/dashboard/SchematicList.svelte

@@ -130,7 +130,7 @@
         </tr>
     {/if}
     {#each pagedSchematics as schem (schem.id)}
-        <SchematicListTile schem={schem} players={schematics.players} on:click={schemListClick(schem.type == null, schem.id)} />
+        <SchematicListTile schem={schem} players={schematics.players} onclick={schemListClick(schem.type == null, schem.id)} />
     {/each}
     </tbody>
 </table>