@lavalogic/scoria 0.39.2 → 0.40.1

package/dist/Components/DragMenu/DraggableCard.svelte

@@ -1,79 +1,79 @@
-<svelte:options runes />
-
-<script lang="ts">
-	import { devCatch } from '../../Helpers/Helpers.svelte.js';
-	import Checkbox from '../Checkbox.svelte';
-	import type { DraggableCardProps } from './DraggableCardProps.js';
-
-	// `selected` must remain `let` because it is `$bindable`; the rest
-	// are read-only props.
-	let {
-		selectable,
-		title,
-		subtitle,
-		index,
-		selected = $bindable(false),
-		touch = false,
-		toggleSelected,
-	}: DraggableCardProps = $props();
-
-	function fireToggle(): void {
-		if (!toggleSelected) {
-			return;
-		}
-		const result = toggleSelected();
-		if (result instanceof Promise) {
-			result.catch((e: unknown) => {
-				devCatch(e);
-			});
-		}
-	}
-</script>
-
-<div
-	class="card"
-	class:touch
-	role={selectable ? 'checkbox' : 'listitem'}
-	aria-checked={selectable ? selected : undefined}
-	aria-label={title}
->
-	{#if selectable}
-		<div
-			class="limit-size"
-			class:touch
-		>
-			<Checkbox
-				value={selected}
-				onchange={(
-					e: Event & {
-						currentTarget: EventTarget & HTMLInputElement;
-					}
-				) => {
-					e.stopPropagation();
-					fireToggle();
-				}}
-			/>
-		</div>
-	{/if}
-	<div
-		class="text"
-		class:touch
-	>
-		<span
-			class="title"
-			class:touch>{title}</span
-		>
-		<span
-			class="subtitle"
-			class:touch>{subtitle}</span
-		>
-	</div>
-	<span
-		class="row"
-		class:touch>{index + 1}</span
-	>
-</div>
-
+<svelte:options runes />
+
+<script lang="ts">
+	import { devCatch } from '../../Helpers/Helpers.svelte.js';
+	import Checkbox from '../Checkbox.svelte';
+	import type { DraggableCardProps } from './DraggableCardProps.js';
+
+	// `selected` must remain `let` because it is `$bindable`; the rest
+	// are read-only props.
+	let {
+		selectable,
+		title,
+		subtitle,
+		index,
+		selected = $bindable(false),
+		touch = false,
+		toggleSelected,
+	}: DraggableCardProps = $props();
+
+	function fireToggle(): void {
+		if (!toggleSelected) {
+			return;
+		}
+		const result = toggleSelected();
+		if (result instanceof Promise) {
+			result.catch((e: unknown) => {
+				devCatch(e);
+			});
+		}
+	}
+</script>
+
+<div
+	class="card"
+	class:touch
+	role={selectable ? 'checkbox' : 'listitem'}
+	aria-checked={selectable ? selected : undefined}
+	aria-label={title}
+>
+	{#if selectable}
+		<div
+			class="limit-size"
+			class:touch
+		>
+			<Checkbox
+				value={selected}
+				onchange={(
+					e: Event & {
+						currentTarget: EventTarget & HTMLInputElement;
+					}
+				) => {
+					e.stopPropagation();
+					fireToggle();
+				}}
+			/>
+		</div>
+	{/if}
+	<div
+		class="text"
+		class:touch
+	>
+		<span
+			class="title"
+			class:touch>{title}</span
+		>
+		<span
+			class="subtitle"
+			class:touch>{subtitle}</span
+		>
+	</div>
+	<span
+		class="row"
+		class:touch>{index + 1}</span
+	>
+</div>
+
 <style>.limit-size:not(.touch) {
   width: 1.5rem;
 }
@@ -170,4 +170,4 @@
   height: 1.75rem;
   width: 1.75rem;
   margin-right: 1rem;
-}</style>
+}</style>

package/dist/Components/FileCard.svelte

@@ -1,30 +1,30 @@
-<svelte:options runes />
-
-<script lang="ts">
-	import Action from './Action.svelte';
-	import { Colour } from '../scss/colours.js';
-	import type { FileCardProps } from './FileCardProps.js';
-
-	const { file, ondelete }: FileCardProps = $props();
-</script>
-
-<div
-	role="listitem"
-	aria-label={file.name}
->
-	<span>{file.name}</span>
-	<Action
-		icon={{ name: 'circle-cross' }}
-		backgroundColour={Colour['$transparent-0']}
-		label="Delete"
-		onclick={ondelete}
-	/>
-</div>
-
+<svelte:options runes />
+
+<script lang="ts">
+	import Action from './Action.svelte';
+	import { Colour } from '../scss/colours.js';
+	import type { FileCardProps } from './FileCardProps.js';
+
+	const { file, ondelete }: FileCardProps = $props();
+</script>
+
+<div
+	role="listitem"
+	aria-label={file.name}
+>
+	<span>{file.name}</span>
+	<Action
+		icon={{ name: 'circle-cross' }}
+		backgroundColour={Colour['$transparent-0']}
+		label="Delete"
+		onclick={ondelete}
+	/>
+</div>
+
 <style>div {
   display: flex;
   flex-flow: row nowrap;
   flex-grow: 1;
   align-items: center;
   gap: 0.375rem;
-}</style>
+}</style>