@lavalogic/scoria 0.38.11 → 0.38.12

package/dist/Components/Table/Body/Rows/Columns/AccessorComponent.svelte

@@ -1,79 +1,79 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
->
-	import { AccessorDef } from '../../../Types/Columns/Definitions/Accessors/AccessorDef.svelte.js';
-	import type { ColumnDef } from '../../../Types/Columns/Definitions/ColumnDef.svelte.js';
-	import type { Component } from 'svelte';
-	import type { AccessorComponentProps } from './AccessorComponentProps.js';
-	import FocusableImmutableCell from './FocusableImmutableCell.svelte';
-	import TableCheckbox from './TableCheckbox.svelte';
-	import TableDatePicker from './TableDatePicker.svelte';
-	import TableNumberInput from './TableNumberInput.svelte';
-	import TableQuerySelect from './TableQuerySelect.svelte';
-	import TableSelect from './TableSelect.svelte';
-	import TableTextInput from './TableTextInput.svelte';
-
-	/**
-	 * Loose structural type used for the cell-host dispatch table.
-	 *
-	 * Every accessor cell host (TableNumberInput, TableDatePicker, ...) is a
-	 * Svelte 5 `Component` whose props include at minimum `{ cell: TableCell<T> }`
-	 * plus host-specific extras. A fully discriminated `AccessorComponentMap<T>`
-	 * keyed on `accessorType` was considered (see the RowGenericThreading
-	 * follow-up workorder) but deferred: it would force every cell host to share
-	 * an identical prop signature or each branch of the dispatch to be invoked
-	 * through a type-narrowed switch, both of which have a large blast radius
-	 * across the Table subtree. Using `Component<Record<string, unknown>>` keeps
-	 * the residual loosening contained to a single line and removes the previous
-	 * `Component<any>` from this file.
-	 */
-	type AccessorCellComponent = Component<Record<string, unknown>>;
-
-	/**
-	 * Frozen lookup from `AccessorDef.accessorType` discriminator to the matching
-	 * cell-host Svelte component. Hoisted to module scope so the table does not
-	 * allocate a fresh 6-key object per cell on each render (with 100 rows by
-	 * roughly 10 accessor columns that would be 1000 redundant allocations per
-	 * render).
-	 */
-	const cellTypes = Object.freeze({
-		Number: TableNumberInput,
-		Date: TableDatePicker,
-		Select: TableSelect,
-		Query: TableQuerySelect,
-		Checkbox: TableCheckbox,
-		Text: TableTextInput,
-	}) as unknown as Readonly<
-		Record<'Number' | 'Date' | 'Select' | 'Checkbox' | 'Query' | 'Text', AccessorCellComponent>
-	>;
-</script>
-
-<script
-	lang="ts"
-	generics="T extends object"
->
-	/** Single cell to render for the supplied {@link TableCell}. The accessor type discriminator is read off `cell.column.columnDef`. */
-	const { cell }: AccessorComponentProps<T> = $props();
-
-	const CurrentComponent = $derived(getAppropriateAccessorDef(cell.column.columnDef));
-
-	/**
-	 * Returns the cell-host component for `columnDef`'s discriminant. Falls back
-	 * to `FocusableImmutableCell` when the column is not an `AccessorDef` (this
-	 * branch is technically dead in the live dispatcher since `TableColumn`
-	 * filters first, but the total function keeps this file safe to call
-	 * directly from other dispatch sites).
-	 */
-	function getAppropriateAccessorDef(columnDef: ColumnDef<T>): AccessorCellComponent {
-		if (columnDef instanceof AccessorDef) {
-			return cellTypes[columnDef.accessorType];
-		}
-
-		return FocusableImmutableCell as unknown as AccessorCellComponent;
-	}
-</script>
-
-<CurrentComponent {cell} />
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
+>
+	import { AccessorDef } from '../../../Types/Columns/Definitions/Accessors/AccessorDef.svelte.js';
+	import type { ColumnDef } from '../../../Types/Columns/Definitions/ColumnDef.svelte.js';
+	import type { Component } from 'svelte';
+	import type { AccessorComponentProps } from './AccessorComponentProps.js';
+	import FocusableImmutableCell from './FocusableImmutableCell.svelte';
+	import TableCheckbox from './TableCheckbox.svelte';
+	import TableDatePicker from './TableDatePicker.svelte';
+	import TableNumberInput from './TableNumberInput.svelte';
+	import TableQuerySelect from './TableQuerySelect.svelte';
+	import TableSelect from './TableSelect.svelte';
+	import TableTextInput from './TableTextInput.svelte';
+
+	/**
+	 * Loose structural type used for the cell-host dispatch table.
+	 *
+	 * Every accessor cell host (TableNumberInput, TableDatePicker, ...) is a
+	 * Svelte 5 `Component` whose props include at minimum `{ cell: TableCell<T> }`
+	 * plus host-specific extras. A fully discriminated `AccessorComponentMap<T>`
+	 * keyed on `accessorType` was considered (see the RowGenericThreading
+	 * follow-up workorder) but deferred: it would force every cell host to share
+	 * an identical prop signature or each branch of the dispatch to be invoked
+	 * through a type-narrowed switch, both of which have a large blast radius
+	 * across the Table subtree. Using `Component<Record<string, unknown>>` keeps
+	 * the residual loosening contained to a single line and removes the previous
+	 * `Component<any>` from this file.
+	 */
+	type AccessorCellComponent = Component<Record<string, unknown>>;
+
+	/**
+	 * Frozen lookup from `AccessorDef.accessorType` discriminator to the matching
+	 * cell-host Svelte component. Hoisted to module scope so the table does not
+	 * allocate a fresh 6-key object per cell on each render (with 100 rows by
+	 * roughly 10 accessor columns that would be 1000 redundant allocations per
+	 * render).
+	 */
+	const cellTypes = Object.freeze({
+		Number: TableNumberInput,
+		Date: TableDatePicker,
+		Select: TableSelect,
+		Query: TableQuerySelect,
+		Checkbox: TableCheckbox,
+		Text: TableTextInput,
+	}) as unknown as Readonly<
+		Record<'Number' | 'Date' | 'Select' | 'Checkbox' | 'Query' | 'Text', AccessorCellComponent>
+	>;
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object"
+>
+	/** Single cell to render for the supplied {@link TableCell}. The accessor type discriminator is read off `cell.column.columnDef`. */
+	const { cell }: AccessorComponentProps<T> = $props();
+
+	const CurrentComponent = $derived(getAppropriateAccessorDef(cell.column.columnDef));
+
+	/**
+	 * Returns the cell-host component for `columnDef`'s discriminant. Falls back
+	 * to `FocusableImmutableCell` when the column is not an `AccessorDef` (this
+	 * branch is technically dead in the live dispatcher since `TableColumn`
+	 * filters first, but the total function keeps this file safe to call
+	 * directly from other dispatch sites).
+	 */
+	function getAppropriateAccessorDef(columnDef: ColumnDef<T>): AccessorCellComponent {
+		if (columnDef instanceof AccessorDef) {
+			return cellTypes[columnDef.accessorType];
+		}
+
+		return FocusableImmutableCell as unknown as AccessorCellComponent;
+	}
+</script>
+
+<CurrentComponent {cell} />

package/dist/Components/Table/Body/Rows/Columns/ExpandCell.svelte

@@ -1,122 +1,122 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, R extends object,FilterValueType, IdType extends Primitive"
->
-	import Action from '../../../../Action.svelte';
-	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
-	import type { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
-	import { ColourSet } from '../../../../../scss/colours.js';
-	import { Size } from '../../../../../Types/Internal/Size.js';
-	import { Validity } from '../../../../../Types/Internal/Validity.js';
-	import { getContext } from 'svelte';
-	import type { ExpandCellProps } from './ExpandCellProps.js';
-
-	const {
-		cell,
-		expandedColumnDef,
-		onExpandChange,
-	}: ExpandCellProps<T, R, IdType, FilterValueType> = $props();
-
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-	const focusDetails: TableFocusDetails<T, IdType> = $derived(
-		tableContext._focus.getFocusDetailsFor(cell)
-	);
-
-	const enabled: boolean | Promise<boolean> = $derived(
-		cell.column.columnDef.isEnabled(cell.row.original, cell.row.originalIndex)
-	);
-
-	let validity: Validity = $state(Validity.Valid);
-	$effect(() => {
-		const validityPromise = focusDetails.validity;
-
-		validityPromise
-			.then((v) => {
-				if (!v) {
-					validity = Validity.Neutral;
-				} else if (isValidityTuple(v)) {
-					validity = v.value;
-				} else {
-					validity = v;
-				}
-			})
-			.catch(devCatch);
-	});
-</script>
-
-<!-- svelte-ignore a11y_mouse_events_have_key_events -->
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class:info={validity == Validity.Info}
-	class:success={validity == Validity.Valid}
-	class:warning={validity == Validity.Warning}
-	class:error={validity == Validity.Invalid}
-	class="focusable"
-	onmousedown={(e) => {
-		// start focus only on left click
-		if (e.button === 0) {
-			if (e.shiftKey) {
-				e.preventDefault();
-				tableContext.setFocusEnd(focusDetails.coordinates);
-			} else {
-				tableContext.startFocus(focusDetails.coordinates);
-			}
-		}
-	}}
-	onmouseover={() => {
-		if (tableContext.isMousingDown) {
-			tableContext.setFocusEnd(focusDetails.coordinates);
-		}
-	}}
-	onmouseup={() => {
-		tableContext.endFocus(focusDetails.coordinates);
-	}}
->
-	<div
-		class="slot-wrapper"
-		class:multifocus={focusDetails.isMultiFocused}
-		class:multifocus-start={focusDetails.isMultiFocusStart}
-	>
-		{#await enabled}
-			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-			{@render action(false)}
-		{:then enabled}
-			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-			{@render action(enabled)}
-		{/await}
-	</div>
-</div>
-
-{#snippet action(enabled: boolean)}
-	<div class="noninteractive">
-		<Action
-			id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-			style={focusDetails.outline}
-			disabled={!enabled}
-			border={false}
-			label="Expand Nested Table"
-			size={Size.FillWidth}
-			icon={{
-				name: expandedColumnDef?.id === cell.column.columnDef.id ? 'minus' : 'plus',
-				size: Size.Medium,
-			}}
-			colourSet={expandedColumnDef?.id === cell.column.columnDef.id
-				? ColourSet.Primary
-				: ColourSet.Auxiliary}
-			onclick={(e: MouseEvent) => {
-				// FIXME why is this required? svelte bug?
-				e.stopImmediatePropagation();
-				// toastContext.toast("clicked")
-				onExpandChange(cell.column.columnDef);
-			}}
-		/>
-	</div>
-{/snippet}
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, R extends object,FilterValueType, IdType extends Primitive"
+>
+	import Action from '../../../../Action.svelte';
+	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
+	import type { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
+	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
+	import { ColourSet } from '../../../../../scss/colours.js';
+	import { Size } from '../../../../../Types/Internal/Size.js';
+	import { Validity } from '../../../../../Types/Internal/Validity.js';
+	import { getContext } from 'svelte';
+	import type { ExpandCellProps } from './ExpandCellProps.js';
+
+	const {
+		cell,
+		expandedColumnDef,
+		onExpandChange,
+	}: ExpandCellProps<T, R, IdType, FilterValueType> = $props();
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+	const focusDetails: TableFocusDetails<T, IdType> = $derived(
+		tableContext._focus.getFocusDetailsFor(cell)
+	);
+
+	const enabled: boolean | Promise<boolean> = $derived(
+		cell.column.columnDef.isEnabled(cell.row.original, cell.row.originalIndex)
+	);
+
+	let validity: Validity = $state(Validity.Valid);
+	$effect(() => {
+		const validityPromise = focusDetails.validity;
+
+		validityPromise
+			.then((v) => {
+				if (!v) {
+					validity = Validity.Neutral;
+				} else if (isValidityTuple(v)) {
+					validity = v.value;
+				} else {
+					validity = v;
+				}
+			})
+			.catch(devCatch);
+	});
+</script>
+
+<!-- svelte-ignore a11y_mouse_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class:info={validity == Validity.Info}
+	class:success={validity == Validity.Valid}
+	class:warning={validity == Validity.Warning}
+	class:error={validity == Validity.Invalid}
+	class="focusable"
+	onmousedown={(e) => {
+		// start focus only on left click
+		if (e.button === 0) {
+			if (e.shiftKey) {
+				e.preventDefault();
+				tableContext.setFocusEnd(focusDetails.coordinates);
+			} else {
+				tableContext.startFocus(focusDetails.coordinates);
+			}
+		}
+	}}
+	onmouseover={() => {
+		if (tableContext.isMousingDown) {
+			tableContext.setFocusEnd(focusDetails.coordinates);
+		}
+	}}
+	onmouseup={() => {
+		tableContext.endFocus(focusDetails.coordinates);
+	}}
+>
+	<div
+		class="slot-wrapper"
+		class:multifocus={focusDetails.isMultiFocused}
+		class:multifocus-start={focusDetails.isMultiFocusStart}
+	>
+		{#await enabled}
+			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
+			{@render action(false)}
+		{:then enabled}
+			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
+			{@render action(enabled)}
+		{/await}
+	</div>
+</div>
+
+{#snippet action(enabled: boolean)}
+	<div class="noninteractive">
+		<Action
+			id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+			style={focusDetails.outline}
+			disabled={!enabled}
+			border={false}
+			label="Expand Nested Table"
+			size={Size.FillWidth}
+			icon={{
+				name: expandedColumnDef?.id === cell.column.columnDef.id ? 'minus' : 'plus',
+				size: Size.Medium,
+			}}
+			colourSet={expandedColumnDef?.id === cell.column.columnDef.id
+				? ColourSet.Primary
+				: ColourSet.Auxiliary}
+			onclick={(e: MouseEvent) => {
+				// FIXME why is this required? svelte bug?
+				e.stopImmediatePropagation();
+				// toastContext.toast("clicked")
+				onExpandChange(cell.column.columnDef);
+			}}
+		/>
+	</div>
+{/snippet}
+
 <style>.focusable,
 .checkbox-cell,
 .input-cell,
@@ -199,4 +199,4 @@ div.slot-wrapper {
 .noninteractive {
   display: contents;
   user-select: none;
-}</style>
+}</style>

package/dist/Components/Table/Body/Rows/Columns/ProgressCell.svelte

@@ -1,107 +1,107 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
->
-	import ProgressBubble from '../../../../ProgressBubble.svelte';
-	import type { ProgressBarTableCell } from '../../../Types/Columns/ProgressBarTableCell.js';
-	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
-	import { type Primitive } from '../../../Types/Context/TableInitOptions.js';
-	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
-	import { Validity } from '../../../../../Types/Internal/Validity.js';
-	import { getContext } from 'svelte';
-
-	/**
-	 * Props for {@link ProgressCell}. The cell renders a single `<ProgressBubble>`
-	 * whose `[done, total]` tuple comes from `cell.getValue()`.
-	 */
-	export interface ProgressCellProps<T extends object, FilterValueType> {
-		/** Progress-bar table cell whose `[done, total]` value should be rendered. */
-		cell: ProgressBarTableCell<T, FilterValueType>;
-	}
-</script>
-
-<script
-	lang="ts"
-	generics="T extends object, FilterValueType, RowIdType extends Primitive"
->
-	const { cell }: ProgressCellProps<T, FilterValueType> = $props();
-
-	/**
-	 * Tuple of `[done, total]`. The cast is unavoidable until `ProgressBarDef`
-	 * carries a narrowed `TValue = [number, number]` generic; tracked under
-	 * the cross-cutting RowGenericThreading + ProgressBarDef.value follow-up.
-	 */
-	const value: [number, number] = $derived(cell.getValue()) as [number, number];
-
-	const tableContext = getContext<TableContext<T, RowIdType>>(TableContext.identifier);
-
-	const focusDetails = $derived(tableContext._focus.getFocusDetailsFor(cell));
-
-	let validity: Validity = $state(Validity.Valid);
-	$effect(() => {
-		const validityPromise = focusDetails.validity;
-
-		validityPromise
-			.then((v) => {
-				if (!v) {
-					validity = Validity.Neutral;
-				} else if (isValidityTuple(v)) {
-					validity = v.value;
-				} else {
-					validity = v;
-				}
-			})
-			.catch(devCatch);
-	});
-
-	const colours = $derived(
-		cell.column.columnDef.getColour(cell.row.original, cell.row.originalIndex, value)
-	);
-</script>
-
-<!-- svelte-ignore a11y_mouse_events_have_key_events -->
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-	tabIndex={0}
-	class="focusable"
-	class:multifocus={focusDetails.isMultiFocused}
-	class:multifocus-start={focusDetails.isMultiFocusStart}
-	style={focusDetails.outline}
-	class:info={validity == Validity.Info}
-	class:success={validity == Validity.Valid}
-	class:warning={validity == Validity.Warning}
-	class:error={validity == Validity.Invalid}
-	onmousedown={(e) => {
-		// start focus only on left click
-		if (e.button === 0) {
-			if (e.shiftKey) {
-				e.preventDefault();
-				tableContext.setFocusEnd(focusDetails.coordinates);
-			} else {
-				tableContext.startFocus(focusDetails.coordinates);
-			}
-		}
-	}}
-	onmouseover={() => {
-		if (tableContext.isMousingDown) {
-			tableContext.setFocusEnd(focusDetails.coordinates);
-		}
-	}}
-	onmouseup={() => {
-		tableContext.endFocus(focusDetails.coordinates);
-	}}
->
-	<div class="bubble-parent">
-		<ProgressBubble
-			{value}
-			{colours}
-		/>
-	</div>
-</div>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
+>
+	import ProgressBubble from '../../../../ProgressBubble.svelte';
+	import type { ProgressBarTableCell } from '../../../Types/Columns/ProgressBarTableCell.js';
+	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import { type Primitive } from '../../../Types/Context/TableInitOptions.js';
+	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
+	import { Validity } from '../../../../../Types/Internal/Validity.js';
+	import { getContext } from 'svelte';
+
+	/**
+	 * Props for {@link ProgressCell}. The cell renders a single `<ProgressBubble>`
+	 * whose `[done, total]` tuple comes from `cell.getValue()`.
+	 */
+	export interface ProgressCellProps<T extends object, FilterValueType> {
+		/** Progress-bar table cell whose `[done, total]` value should be rendered. */
+		cell: ProgressBarTableCell<T, FilterValueType>;
+	}
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object, FilterValueType, RowIdType extends Primitive"
+>
+	const { cell }: ProgressCellProps<T, FilterValueType> = $props();
+
+	/**
+	 * Tuple of `[done, total]`. The cast is unavoidable until `ProgressBarDef`
+	 * carries a narrowed `TValue = [number, number]` generic; tracked under
+	 * the cross-cutting RowGenericThreading + ProgressBarDef.value follow-up.
+	 */
+	const value: [number, number] = $derived(cell.getValue()) as [number, number];
+
+	const tableContext = getContext<TableContext<T, RowIdType>>(TableContext.identifier);
+
+	const focusDetails = $derived(tableContext._focus.getFocusDetailsFor(cell));
+
+	let validity: Validity = $state(Validity.Valid);
+	$effect(() => {
+		const validityPromise = focusDetails.validity;
+
+		validityPromise
+			.then((v) => {
+				if (!v) {
+					validity = Validity.Neutral;
+				} else if (isValidityTuple(v)) {
+					validity = v.value;
+				} else {
+					validity = v;
+				}
+			})
+			.catch(devCatch);
+	});
+
+	const colours = $derived(
+		cell.column.columnDef.getColour(cell.row.original, cell.row.originalIndex, value)
+	);
+</script>
+
+<!-- svelte-ignore a11y_mouse_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+	tabIndex={0}
+	class="focusable"
+	class:multifocus={focusDetails.isMultiFocused}
+	class:multifocus-start={focusDetails.isMultiFocusStart}
+	style={focusDetails.outline}
+	class:info={validity == Validity.Info}
+	class:success={validity == Validity.Valid}
+	class:warning={validity == Validity.Warning}
+	class:error={validity == Validity.Invalid}
+	onmousedown={(e) => {
+		// start focus only on left click
+		if (e.button === 0) {
+			if (e.shiftKey) {
+				e.preventDefault();
+				tableContext.setFocusEnd(focusDetails.coordinates);
+			} else {
+				tableContext.startFocus(focusDetails.coordinates);
+			}
+		}
+	}}
+	onmouseover={() => {
+		if (tableContext.isMousingDown) {
+			tableContext.setFocusEnd(focusDetails.coordinates);
+		}
+	}}
+	onmouseup={() => {
+		tableContext.endFocus(focusDetails.coordinates);
+	}}
+>
+	<div class="bubble-parent">
+		<ProgressBubble
+			{value}
+			{colours}
+		/>
+	</div>
+</div>
+
 <style>.focusable,
 .checkbox-cell,
 .input-cell,
@@ -188,4 +188,4 @@ div.bubble-parent {
   align-items: center;
   gap: 0.75rem;
   --line-height: 1;
-}</style>
+}</style>