@lavalogic/scoria 0.37.44 → 0.37.46

package/dist/Components/Table/Misc/ColumnPanel.svelte

@@ -1,96 +1,96 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
->
-	import Button from '../../Button.svelte';
-	import SingleSelect from '../../SingleSelect.svelte';
-	import ColumnList from '../Body/Rows/ColumnList.svelte';
-	import TextInput from '../../TextInput.svelte';
-	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../Types/Context/TableInitOptions.js';
-
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
-	const labelledPresets: Array<SelectOption<string>> = $derived(
-		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
-	);
-
-	const selectedValue = $derived(
-		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
-	);
-	let searchValue = $state('');
-	let pendingPresetName = $state('');
-</script>
-
-<section class="side-panel-section">
-	<header class="side-panel-header">
-		<h2>Modify Columns</h2>
-	</header>
-
-	<div class="toolbar">
-		<SingleSelect
-			label="Selected Preset"
-			name="Preset"
-			options={labelledPresets}
-			labelProp="label"
-			valueProp="value"
-			value={selectedValue}
-			valueAsObject
-			onchange={(newSelection: SelectOption<string> | null) => {
-				const preset =
-					newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
-				if (preset) {
-					tableContext.setSelectedPreset(preset);
-				}
-			}}
-		/>
-		<TextInput
-			bind:value={searchValue}
-			leftIcon={{ name: 'search', size: Size.Medium }}
-			placeholder="Search Columns"
-			onkeydown={() => {
-				// Override the TextInput default `passthrough` keydown so the
-				// input does not blur on every alphanumeric keystroke (which
-				// is the barcode-scanner default; see `Helpers.svelte.ts`).
-			}}
-		/>
-	</div>
-
-	<div class="column-list-wrapper">
-		<ColumnList {searchValue} />
-	</div>
-
-	<form
-		class="side-panel-footer"
-		onsubmit={(e) => {
-			e.preventDefault();
-			const trimmed = pendingPresetName.trim();
-			if (!trimmed) {
-				return;
-			}
-			tableContext.saveColumnPreset(trimmed);
-			pendingPresetName = '';
-		}}
-	>
-		<TextInput
-			placeholder="Preset name"
-			bind:value={pendingPresetName}
-		/>
-		<Button
-			type="submit"
-			variant={Variant.Secondary}
-			nowrap
-			size={Size.MediumSmall}>Save Layout</Button
-		>
-	</form>
-</section>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>
+	import Button from '../../Button.svelte';
+	import SingleSelect from '../../SingleSelect.svelte';
+	import ColumnList from '../Body/Rows/ColumnList.svelte';
+	import TextInput from '../../TextInput.svelte';
+	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { Variant } from '../../../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../Types/Context/TableInitOptions.js';
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+
+	const labelledPresets: Array<SelectOption<string>> = $derived(
+		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
+	);
+
+	const selectedValue = $derived(
+		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
+	);
+	let searchValue = $state('');
+	let pendingPresetName = $state('');
+</script>
+
+<section class="side-panel-section">
+	<header class="side-panel-header">
+		<h2>Modify Columns</h2>
+	</header>
+
+	<div class="toolbar">
+		<SingleSelect
+			label="Selected Preset"
+			name="Preset"
+			options={labelledPresets}
+			labelProp="label"
+			valueProp="value"
+			value={selectedValue}
+			valueAsObject
+			onchange={(newSelection: SelectOption<string> | null) => {
+				const preset =
+					newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
+				if (preset) {
+					tableContext.setSelectedPreset(preset);
+				}
+			}}
+		/>
+		<TextInput
+			bind:value={searchValue}
+			leftIcon={{ name: 'search', size: Size.Medium }}
+			placeholder="Search Columns"
+			onkeydown={() => {
+				// Override the TextInput default `passthrough` keydown so the
+				// input does not blur on every alphanumeric keystroke (which
+				// is the barcode-scanner default; see `Helpers.svelte.ts`).
+			}}
+		/>
+	</div>
+
+	<div class="column-list-wrapper">
+		<ColumnList {searchValue} />
+	</div>
+
+	<form
+		class="side-panel-footer"
+		onsubmit={(e) => {
+			e.preventDefault();
+			const trimmed = pendingPresetName.trim();
+			if (!trimmed) {
+				return;
+			}
+			tableContext.saveColumnPreset(trimmed);
+			pendingPresetName = '';
+		}}
+	>
+		<TextInput
+			placeholder="Preset name"
+			bind:value={pendingPresetName}
+		/>
+		<Button
+			type="submit"
+			variant={Variant.Secondary}
+			nowrap
+			size={Size.MediumSmall}>Save Layout</Button
+		>
+	</form>
+</section>
+
 <style>.side-panel-section {
   display: flex;
   flex-flow: column nowrap;
@@ -162,4 +162,4 @@
   background-color: #ffffff;
   padding: 0 1.25rem;
   box-sizing: border-box;
-}</style>
+}</style>

package/dist/Components/Table/Misc/ColumnPanelModal.svelte

@@ -1,114 +1,114 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
->
-	import Button from '../../Button.svelte';
-	import SingleSelect from '../../SingleSelect.svelte';
-	import ColumnList from '../Body/Rows/ColumnList.svelte';
-	import TextInput from '../../TextInput.svelte';
-	import TouchModal from '../../Touch/TouchModal.svelte';
-	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../Types/Context/TableInitOptions.js';
-	import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
-
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
-	const { onclose }: ColumnPanelModalProps = $props();
-	const labelledPresets: Array<SelectOption<string>> = $derived(
-		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
-	);
-	let searchValue = $state('');
-	let pendingPresetName = $state('');
-
-	const selectedValue = $derived(
-		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
-	);
-
-	function trySavePreset(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			const trimmed = pendingPresetName.trim();
-			if (!trimmed) {
-				return;
-			}
-			tableContext.saveColumnPreset(trimmed);
-			pendingPresetName = '';
-		}
-	}
-
-	function savePreset(e: MouseEvent) {
-		e.preventDefault();
-		const trimmed = pendingPresetName.trim();
-		if (!trimmed) {
-			return;
-		}
-		tableContext.saveColumnPreset(trimmed);
-		pendingPresetName = '';
-	}
-</script>
-
-<TouchModal
-	header="Modify Columns"
-	onclose={() => onclose?.()}
-	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
->
-	<div class="flex">
-		<div class="column-panel top presets-and-filter">
-			<div class="select">
-				<SingleSelect
-					label="Selected Preset"
-					name="Preset"
-					options={labelledPresets}
-					labelProp="label"
-					valueProp="value"
-					value={selectedValue}
-					valueAsObject
-					onchange={(newSelection: SelectOption<string> | null) => {
-						const preset =
-							newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
-						if (preset) {
-							tableContext.setSelectedPreset(preset);
-						}
-					}}
-				/>
-			</div>
-			<TextInput
-				bind:value={searchValue}
-				leftIcon={{ name: 'search', size: Size.Medium }}
-				placeholder="Search Columns"
-				onkeydown={() => {
-					// Override the TextInput default `passthrough` keydown so
-					// the input does not blur on every alphanumeric keystroke
-					// (the barcode-scanner default; see `Helpers.svelte.ts`).
-				}}
-			/>
-		</div>
-		<div class="scrollable">
-			<ColumnList {searchValue} />
-		</div>
-		<div class="column-panel bottom save-preset-wrapper">
-			<TextInput
-				placeholder="Preset name"
-				bind:value={pendingPresetName}
-				onkeydown={trySavePreset}
-			/>
-			<Button
-				type="submit"
-				variant={Variant.Secondary}
-				nowrap
-				size={Size.MediumSmall}
-				onclick={savePreset}>Save Layout</Button
-			>
-		</div>
-	</div>
-</TouchModal>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>
+	import Button from '../../Button.svelte';
+	import SingleSelect from '../../SingleSelect.svelte';
+	import ColumnList from '../Body/Rows/ColumnList.svelte';
+	import TextInput from '../../TextInput.svelte';
+	import TouchModal from '../../Touch/TouchModal.svelte';
+	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { Variant } from '../../../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../Types/Context/TableInitOptions.js';
+	import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+
+	const { onclose }: ColumnPanelModalProps = $props();
+	const labelledPresets: Array<SelectOption<string>> = $derived(
+		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
+	);
+	let searchValue = $state('');
+	let pendingPresetName = $state('');
+
+	const selectedValue = $derived(
+		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
+	);
+
+	function trySavePreset(e: KeyboardEvent) {
+		if (e.key === 'Enter') {
+			e.preventDefault();
+			const trimmed = pendingPresetName.trim();
+			if (!trimmed) {
+				return;
+			}
+			tableContext.saveColumnPreset(trimmed);
+			pendingPresetName = '';
+		}
+	}
+
+	function savePreset(e: MouseEvent) {
+		e.preventDefault();
+		const trimmed = pendingPresetName.trim();
+		if (!trimmed) {
+			return;
+		}
+		tableContext.saveColumnPreset(trimmed);
+		pendingPresetName = '';
+	}
+</script>
+
+<TouchModal
+	header="Modify Columns"
+	onclose={() => onclose?.()}
+	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
+>
+	<div class="flex">
+		<div class="column-panel top presets-and-filter">
+			<div class="select">
+				<SingleSelect
+					label="Selected Preset"
+					name="Preset"
+					options={labelledPresets}
+					labelProp="label"
+					valueProp="value"
+					value={selectedValue}
+					valueAsObject
+					onchange={(newSelection: SelectOption<string> | null) => {
+						const preset =
+							newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
+						if (preset) {
+							tableContext.setSelectedPreset(preset);
+						}
+					}}
+				/>
+			</div>
+			<TextInput
+				bind:value={searchValue}
+				leftIcon={{ name: 'search', size: Size.Medium }}
+				placeholder="Search Columns"
+				onkeydown={() => {
+					// Override the TextInput default `passthrough` keydown so
+					// the input does not blur on every alphanumeric keystroke
+					// (the barcode-scanner default; see `Helpers.svelte.ts`).
+				}}
+			/>
+		</div>
+		<div class="scrollable">
+			<ColumnList {searchValue} />
+		</div>
+		<div class="column-panel bottom save-preset-wrapper">
+			<TextInput
+				placeholder="Preset name"
+				bind:value={pendingPresetName}
+				onkeydown={trySavePreset}
+			/>
+			<Button
+				type="submit"
+				variant={Variant.Secondary}
+				nowrap
+				size={Size.MediumSmall}
+				onclick={savePreset}>Save Layout</Button
+			>
+		</div>
+	</div>
+</TouchModal>
+
 <style>.flex {
   display: flex;
   flex-flow: column nowrap;
@@ -149,4 +149,4 @@
 }
 .column-panel .select {
   width: 100%;
-}</style>
+}</style>