web-player: unify primitive link/button rendering, add onEscape action and self-contained AccountMenu

2026-09-24 05:27:25 +02:00
parent 5cda7cb4c1
commit 8cb9386447
12 changed files with 103 additions and 128 deletions
@@ -28,21 +28,17 @@
 	);
 </script>

-{#if href}
-	<a
-		{href}
-		{target}
-		rel={target === '_blank' ? 'noopener noreferrer' : undefined}
-		data-sveltekit-reload={reload ? '' : undefined}
-		{onclick}
-		class={classes}
-	>
-		<Icon class="size-icon-md shrink-0" />
-		{label}
-	</a>
-{:else}
-	<button {type} {onclick} class={classes}>
-		<Icon class="size-icon-md shrink-0" />
-		{label}
-	</button>
-{/if}
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<svelte:element
+	this={href ? 'a' : 'button'}
+	{href}
+	{target}
+	rel={href && target === '_blank' ? 'noopener noreferrer' : undefined}
+	type={href ? undefined : type}
+	data-sveltekit-reload={href && reload ? '' : undefined}
+	{onclick}
+	class={classes}
+>
+	<Icon class="size-icon-md shrink-0" />
+	{label}
+</svelte:element>