@lavalogic/scoria 0.40.33 → 0.40.34

package/dist/Components/Base/ContextWrapper.svelte

@@ -1,38 +1,38 @@
-<svelte:options runes />
-
-<!--
-@component
-Application-level wrapper that mounts the global context hosts and
-instantiates the contexts they depend on. Mount it once near the root
-of a SvelteKit app, in `+layout.svelte` or `+page.svelte`, so that
-every descendant can read the contexts via `getContext`.
-
-### Hosts mounted
-
-| Host             | Driving context        | Notes                                              |
-| ---------------- | ---------------------- | -------------------------------------------------- |
-| `ContextMenu`    | `ContextMenuContext`   | Right-click / programmatic menus.                  |
-| `Tooltip`        | `TooltipContext`       | Hover tooltips driven by Button / Action.          |
-| `ToastContainer` | `ToastContext`         | Queue of toast notifications.                      |
-| `AlertModal`     | `AlertContext`         | Mounts only when `alertContext.showModal` is true. |
-
-`UntypedInputContext` is registered alongside the visual hosts. The
-wrapper installs a `svelte:window onkeydown` listener that forwards
-key events to `untypedListenerContext.handleGlobalKeydown` so barcode
-scanners and similar untyped input sources reach the context queue.
-
-### Usage
-
-```svelte
-<script lang="ts">
-	import { ContextWrapper } from '@lavalogic/scoria';
-</script>
-
-<ContextWrapper>
-	{@render children()}
-</ContextWrapper>
-```
--->
+<svelte:options runes />
+
+<!--
+@component
+Application-level wrapper that mounts the global context hosts and
+instantiates the contexts they depend on. Mount it once near the root
+of a SvelteKit app, in `+layout.svelte` or `+page.svelte`, so that
+every descendant can read the contexts via `getContext`.
+
+### Hosts mounted
+
+| Host             | Driving context        | Notes                                              |
+| ---------------- | ---------------------- | -------------------------------------------------- |
+| `ContextMenu`    | `ContextMenuContext`   | Right-click / programmatic menus.                  |
+| `Tooltip`        | `TooltipContext`       | Hover tooltips driven by Button / Action.          |
+| `ToastContainer` | `ToastContext`         | Queue of toast notifications.                      |
+| `AlertModal`     | `AlertContext`         | Mounts only when `alertContext.showModal` is true. |
+
+`UntypedInputContext` is registered alongside the visual hosts. The
+wrapper installs a `svelte:window onkeydown` listener that forwards
+key events to `untypedListenerContext.handleGlobalKeydown` so barcode
+scanners and similar untyped input sources reach the context queue.
+
+### Usage
+
+```svelte
+<script lang="ts">
+	import { ContextWrapper } from '@lavalogic/scoria';
+</script>
+
+<ContextWrapper>
+	{@render children()}
+</ContextWrapper>
+```
+-->
 <script lang="ts">import { AlertContext } from "../../Contexts/AlertContext.svelte.js";
 import { ContextMenuContext } from "../../Contexts/ContextMenuContext.svelte.js";
 import { ToastContext } from "../../Contexts/ToastContext.svelte.js";
@@ -55,13 +55,13 @@ setContext(AlertContext.identifier, alertContext);
 // svelte-ignore state_referenced_locally
 const untypedListenerContext = new UntypedInputContext(debug);
 setContext(UntypedInputContext.identifier, untypedListenerContext);
-</script>
-
-<ContextMenu />
-<Tooltip />
-<ToastContainer />
-{#if alertContext.showModal}
-	<AlertModal />
-{/if}
-<svelte:window onkeydown={untypedListenerContext.handleGlobalKeydown} />
-{@render children()}
+</script>
+
+<ContextMenu />
+<Tooltip />
+<ToastContainer />
+{#if alertContext.showModal}
+	<AlertModal />
+{/if}
+<svelte:window onkeydown={untypedListenerContext.handleGlobalKeydown} />
+{@render children()}

package/dist/Components/Base/Pagination.svelte

@@ -1,27 +1,27 @@
-<svelte:options runes />
-
-<!--
-@component
-Generic local-collection paginator. Renders a window of items via a
-`snippet` plus a control bar with page-number buttons, a jump-to-page
-input, and previous/next buttons. The component is generic over
-`T extends object` with a `key: keyof T` used as the
-`{#each}` key inside the rendered page.
-
-### Usage
-
-```svelte
-<Pagination snippet={itemSnippet} pageSize={20} items={dataWrapper.value} key="id" />
-```
-
-The `pageButtons` window (up to five numbered buttons) is recomputed
-via `$derived`, not via an `$effect`, so the page bar diffs in a
-single reactive pass and the keyed `{#each pageButtons as page ...}`
-preserves button identity across page changes.
--->
-<script
-	lang="ts"
-	generics="T extends object"
+<svelte:options runes />
+
+<!--
+@component
+Generic local-collection paginator. Renders a window of items via a
+`snippet` plus a control bar with page-number buttons, a jump-to-page
+input, and previous/next buttons. The component is generic over
+`T extends object` with a `key: keyof T` used as the
+`{#each}` key inside the rendered page.
+
+### Usage
+
+```svelte
+<Pagination snippet={itemSnippet} pageSize={20} items={dataWrapper.value} key="id" />
+```
+
+The `pageButtons` window (up to five numbered buttons) is recomputed
+via `$derived`, not via an `$effect`, so the page bar diffs in a
+single reactive pass and the keyed `{#each pageButtons as page ...}`
+preserves button identity across page changes.
+-->
+<script
+	lang="ts"
+	generics="T extends object"
 >import { m as i18n } from "../../paraglide/messages.js";
 import { autoPluralise, generateWeakId } from "../../Helpers/Helpers.svelte.js";
 import { Colour } from "../../scss/colours.js";
@@ -70,116 +70,116 @@ function getPageWindow(currentIndex, totalPages, windowSize) {
 	return out;
 }
 const pageButtons = $derived(getPageWindow(pageIndex, lastPage, 5));
-</script>
-
-<div
-	class="wrapper"
-	class:border
-	style:padding
-	style:gap
-	style:height
->
-	{#each pageItems as item, index (item[key])}
-		{@render snippet(item, index)}
-	{/each}
-	<div class="spread_row bottom_row">
-		<div class="block">
-			<span
-				>{countLabel
-					? countLabel(items.length)
-					: i18n['scoria.text.item_count']({
-							count: items.length,
-							noun: autoPluralise(itemName, items.length),
-						})}</span
-			>
-		</div>
-
-		<div class="block records-per-page">
-			<span>{i18n['scoria.label.records_per_page']()} {pageSize}</span>
-		</div>
-
-		<div class="spacer"></div>
-
-		<div
-			class="scrollable"
-			role="navigation"
-			aria-label={i18n['scoria.label.pagination']()}
-		>
-			<div class="block">
-				<Icon
-					name="paper"
-					colour={Colour['$ui-blue-6']}
-				/>
-				<span>{i18n['scoria.text.page_count']({ count: lastPage })}</span>
-			</div>
-
-			<div class="block">
-				<label for="{_uuid}-jump-to-page"
-					><Icon
-						name="arrow-move-horizontal"
-						colour={Colour['$ui-blue-6']}
-					/></label
-				>
-
-				<label for="{_uuid}-jump-to-page">{i18n['scoria.label.jump_to_page']()}</label>
-
-				<NumberInput
-					id="{_uuid}-jump-to-page"
-					value={pageValue}
-					oninput={onNumberInput}
-				/>
-			</div>
-
-			<div class="block nopad page-arrow">
-				<Button
-					variant={Variant.Toolbar}
-					disabled={pageIndex === 0}
-					side={Side.Bottom}
-					onclick={() => {
-						pageIndex = Math.max(pageIndex - 1, 0);
-					}}
-					size={Size.FillHeight}
-					iconLeft={{
-						name: 'left-close',
-						size: Size.FillHeight,
-					}}>{i18n['scoria.action.previous_page']()}</Button
-				>
-			</div>
-
-			{#each pageButtons as pageNumber (pageNumber)}
-				<div class="block nopad">
-					<Button
-						variant={Variant.Toolbar}
-						side={Side.Bottom}
-						size={Size.FillHeight}
-						toggled={pageIndex + 1 === pageNumber}
-						label={i18n['scoria.action.go_to_page']({ number: pageNumber })}
-						onclick={() => {
-							pageIndex = pageNumber - 1;
-						}}>{pageNumber}</Button
-					>
-				</div>
-			{/each}
-
-			<div class="block nopad page-arrow">
-				<Button
-					variant={Variant.Toolbar}
-					side={Side.Bottom}
-					size={Size.FillHeight}
-					onclick={() => {
-						pageIndex = Math.min(pageIndex + 1, lastPageIndex);
-					}}
-					disabled={pageIndex == lastPageIndex}
-					iconRight={{
-						name: 'right-close',
-						size: Size.FillHeight,
-					}}>{i18n['scoria.action.next_page']()}</Button
-				>
-			</div>
-		</div>
-	</div>
-</div>
-
+</script>
+
+<div
+	class="wrapper"
+	class:border
+	style:padding
+	style:gap
+	style:height
+>
+	{#each pageItems as item, index (item[key])}
+		{@render snippet(item, index)}
+	{/each}
+	<div class="spread_row bottom_row">
+		<div class="block">
+			<span
+				>{countLabel
+					? countLabel(items.length)
+					: i18n['scoria.text.item_count']({
+							count: items.length,
+							noun: autoPluralise(itemName, items.length),
+						})}</span
+			>
+		</div>
+
+		<div class="block records-per-page">
+			<span>{i18n['scoria.label.records_per_page']()} {pageSize}</span>
+		</div>
+
+		<div class="spacer"></div>
+
+		<div
+			class="scrollable"
+			role="navigation"
+			aria-label={i18n['scoria.label.pagination']()}
+		>
+			<div class="block">
+				<Icon
+					name="paper"
+					colour={Colour['$ui-blue-6']}
+				/>
+				<span>{i18n['scoria.text.page_count']({ count: lastPage })}</span>
+			</div>
+
+			<div class="block">
+				<label for="{_uuid}-jump-to-page"
+					><Icon
+						name="arrow-move-horizontal"
+						colour={Colour['$ui-blue-6']}
+					/></label
+				>
+
+				<label for="{_uuid}-jump-to-page">{i18n['scoria.label.jump_to_page']()}</label>
+
+				<NumberInput
+					id="{_uuid}-jump-to-page"
+					value={pageValue}
+					oninput={onNumberInput}
+				/>
+			</div>
+
+			<div class="block nopad page-arrow">
+				<Button
+					variant={Variant.Toolbar}
+					disabled={pageIndex === 0}
+					side={Side.Bottom}
+					onclick={() => {
+						pageIndex = Math.max(pageIndex - 1, 0);
+					}}
+					size={Size.FillHeight}
+					iconLeft={{
+						name: 'left-close',
+						size: Size.FillHeight,
+					}}>{i18n['scoria.action.previous_page']()}</Button
+				>
+			</div>
+
+			{#each pageButtons as pageNumber (pageNumber)}
+				<div class="block nopad">
+					<Button
+						variant={Variant.Toolbar}
+						side={Side.Bottom}
+						size={Size.FillHeight}
+						toggled={pageIndex + 1 === pageNumber}
+						label={i18n['scoria.action.go_to_page']({ number: pageNumber })}
+						onclick={() => {
+							pageIndex = pageNumber - 1;
+						}}>{pageNumber}</Button
+					>
+				</div>
+			{/each}
+
+			<div class="block nopad page-arrow">
+				<Button
+					variant={Variant.Toolbar}
+					side={Side.Bottom}
+					size={Size.FillHeight}
+					onclick={() => {
+						pageIndex = Math.min(pageIndex + 1, lastPageIndex);
+					}}
+					disabled={pageIndex == lastPageIndex}
+					iconRight={{
+						name: 'right-close',
+						size: Size.FillHeight,
+					}}>{i18n['scoria.action.next_page']()}</Button
+				>
+			</div>
+		</div>
+	</div>
+</div>
+
 <style>.wrapper {
   display: flex;
   flex: 1;
@@ -254,4 +254,4 @@ const pageButtons = $derived(getPageWindow(pageIndex, lastPage, 5));
 }
 .spread_row .spacer {
   flex-grow: 2;
-}</style>
+}</style>

package/dist/Components/Base/Snippets.svelte

@@ -1,13 +1,13 @@
-<svelte:options runes />
-
-<!-- @component
-An empty component that only exists to export common snippets
-(`pending` and `failed`) for re-use by `{#await}` blocks and other
-async-status surfaces. The component itself renders nothing.
- -->
-<script
-	lang="ts"
-	module
+<svelte:options runes />
+
+<!-- @component
+An empty component that only exists to export common snippets
+(`pending` and `failed`) for re-use by `{#await}` blocks and other
+async-status surfaces. The component itself renders nothing.
+ -->
+<script
+	lang="ts"
+	module
 >import { getErrorMessage, loadingText } from "../../Helpers/Helpers.svelte.js";
 import Button from "../Button.svelte";
 import { m as i18n } from "../../paraglide/messages.js";
@@ -18,18 +18,18 @@ import { m as i18n } from "../../paraglide/messages.js";
 // declaration and expose the un-prefixed name as the public surface.
 export const pending = _pending;
 export const failed = _failed;
-</script>
-
-{#snippet _pending()}
-	{loadingText()}
-{/snippet}
-{#snippet _failed(e: unknown, retry?: () => void)}
-	{i18n['scoria.text.error_prefix']({ message: getErrorMessage(e) })}
-	{#if retry}
-		<Button
-			onclick={() => {
-				retry();
-			}}>{i18n['scoria.action.retry_load']()}</Button
-		>
-	{/if}
-{/snippet}
+</script>
+
+{#snippet _pending()}
+	{loadingText()}
+{/snippet}
+{#snippet _failed(e: unknown, retry?: () => void)}
+	{i18n['scoria.text.error_prefix']({ message: getErrorMessage(e) })}
+	{#if retry}
+		<Button
+			onclick={() => {
+				retry();
+			}}>{i18n['scoria.action.retry_load']()}</Button
+		>
+	{/if}
+{/snippet}

package/dist/Components/BigRadioSet.svelte

@@ -1,38 +1,38 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T"
 >let { name, options, selected = $bindable(), onchange } = $props();
 export {};
-</script>
-
-<div
-	class="wrapper"
-	role="radiogroup"
->
-	{#each options as option (option.value)}
-		<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-		{@render radio(option)}
-	{/each}
-</div>
-
-{#snippet radio(option: BigRadioOption<T>)}
-	<label class:selected={selected === option.value}>
-		<input
-			type="radio"
-			{name}
-			bind:group={selected}
-			value={option.value}
-			onchange={() => void onchange?.(option.value)}
-		/>
-		<div class="text">
-			<h5 class="title">{option.label}</h5>
-			<p class="note">{option.info}</p>
-		</div>
-	</label>
-{/snippet}
-
+</script>
+
+<div
+	class="wrapper"
+	role="radiogroup"
+>
+	{#each options as option (option.value)}
+		<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
+		{@render radio(option)}
+	{/each}
+</div>
+
+{#snippet radio(option: BigRadioOption<T>)}
+	<label class:selected={selected === option.value}>
+		<input
+			type="radio"
+			{name}
+			bind:group={selected}
+			value={option.value}
+			onchange={() => void onchange?.(option.value)}
+		/>
+		<div class="text">
+			<h5 class="title">{option.label}</h5>
+			<p class="note">{option.info}</p>
+		</div>
+	</label>
+{/snippet}
+
 <style>.wrapper {
   display: flex;
   flex-flow: row wrap;
@@ -85,4 +85,4 @@ label.selected {
 }
 label.selected h5 {
   color: #ffffff;
-}</style>
+}</style>

package/dist/Components/Bubble.svelte

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
 >import { Size } from "../Types/Internal/Size.js";
 import Icon from "./Icon.svelte";
 // Per-size padding/typography. Only `Size.Large` has explicit overrides;
@@ -18,11 +18,11 @@ const DEFAULT_VERTICAL = "0.18rem";
 const DEFAULT_HORIZONTAL_WITH_VALUE = "0.5rem";
 const DEFAULT_HORIZONTAL_WITHOUT_VALUE = "0.75rem";
 const DEFAULT_FONT_SIZE = "1rem";
-</script>
-
-<script
-	lang="ts"
-	generics="T = unknown"
+</script>
+
+<script
+	lang="ts"
+	generics="T = unknown"
 >// `BubbleProps<T>` is intentionally annotated with `<T>` even though
 // the interface declares `T = unknown` as a default; the explicit
 // substitution flows the generic from `<Bubble<MyType> ...>` consumers
@@ -48,33 +48,33 @@ const wrapperStyle = $derived.by(() => {
 	const radiusPart = isLarge ? `border-radius: ${LARGE_BORDER_RADIUS};` : "";
 	return `${colourPart} padding: var(--bubble-padding, ${verticalPadding} ${horizontalPadding}); font-size: ${fontSize}; ${radiusPart}`;
 });
-</script>
-
-{#if onclick}
-	<button
-		class="contents"
-		{onclick}
-	>
-		<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-		{@render bubble()}
-	</button>
-{:else}
-	<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-	{@render bubble()}
-{/if}
-
-{#snippet bubble()}
-	<span
-		class="bubble"
-		class:bold
-		class:hoverable={!!onclick}
-		style={wrapperStyle}
-		>{#if label}{label}:&nbsp;{/if}{displayLabel}{#if icon}<div class="icon">
-				<Icon {...icon} />
-			</div>{/if}</span
-	>
-{/snippet}
-
+</script>
+
+{#if onclick}
+	<button
+		class="contents"
+		{onclick}
+	>
+		<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
+		{@render bubble()}
+	</button>
+{:else}
+	<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
+	{@render bubble()}
+{/if}
+
+{#snippet bubble()}
+	<span
+		class="bubble"
+		class:bold
+		class:hoverable={!!onclick}
+		style={wrapperStyle}
+		>{#if label}{label}:&nbsp;{/if}{displayLabel}{#if icon}<div class="icon">
+				<Icon {...icon} />
+			</div>{/if}</span
+	>
+{/snippet}
+
 <style>button.contents {
   display: contents;
   cursor: pointer;
@@ -105,4 +105,4 @@ const wrapperStyle = $derived.by(() => {
 }
 .bubble.bold {
   font-weight: 700;
-}</style>
+}</style>