@lavalogic/scoria 0.40.33 → 0.40.34

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, RowIdType extends Primitive"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, RowIdType extends Primitive"
 >import QuerySelect from "../../../../QuerySelect.svelte";
 import { TableContext } from "../../../Types/Context/TableContext.svelte.js";
 import "../../../Types/Context/TableInitOptions.js";
@@ -119,96 +119,96 @@ function removeKeydownEvent() {
 $effect(() => editable.attachEditListener(tdref));
 // Ensure the keydown listener is dropped when the cell unmounts.
 $effect(() => removeKeydownEvent);
-</script>
-
-{#if editable.isBeingEdited}
-	<div
-		class="select-cell"
-		bind:this={tdref}
-	>
-		{#await value then value}
-			<QuerySelect
-				focusOnLoad
-				name={cell.column.columnDef.id}
-				valueProp={'value' as never}
-				labelProp={'label' as never}
-				clearable={cell.column.columnDef.clearable}
-				valueAsObject={false}
-				value={value as never}
-				query={(v: string) => columnDef.query(v, cell.row.original, cell.row.originalIndex)}
-				bind:options={lastOptions as never}
-				onfocus={addKeydownEvent}
-				onchange={(newValue: unknown) => {
-					// `valueAsObject={false}` makes QuerySelect emit the
-					// primitive value directly. The `as never` casts work
-					// around component-generic inference (see TableSelect
-					// for the same workaround).
-					if (newValue !== value) {
-						tableContext
-							.onEditCell(cell.row.original, editable.focusDetails.coordinates, newValue ?? null)
-							.catch(devCatch);
-					}
-
-					removeKeydownEvent();
-					tableContext.focusStartIsBeingEdited = false;
-					tick()
-						.then(() => {
-							tdref?.focus();
-						})
-						.catch(devCatch);
-				}}
-			/>
-		{/await}
-	</div>
-{:else}
-	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div
-		style={editable.focusDetails.outline}
-		bind:this={tdref}
-		tabIndex="0"
-		id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-		class="focusable editable"
-		class:multifocus={editable.focusDetails.isMultiFocused}
-		class:multifocus-start={editable.focusDetails.isMultiFocusStart}
-		class:info={editable.validity == Validity.Info}
-		class:success={editable.validity == Validity.Valid}
-		class:warning={editable.validity == Validity.Warning}
-		class:error={editable.validity == Validity.Invalid}
-		ondblclick={() => {
-			editable.handleDoubleClickFocus();
-		}}
-		onmousedown={(e) => {
-			// start focus only on left click
-			if (e.button === 0) {
-				if (e.shiftKey) {
-					e.preventDefault();
-					tableContext.setFocusEnd(editable.focusDetails.coordinates);
-				} else {
-					tableContext.startFocus(editable.focusDetails.coordinates);
-				}
-			}
-		}}
-		onmouseover={() => {
-			if (tableContext.isMousingDown) {
-				tableContext.setFocusEnd(editable.focusDetails.coordinates);
-			}
-		}}
-		onmouseup={() => {
-			const wasHandled = editable.handleSingleClickFocus();
-			if (!wasHandled) {
-				tableContext.endFocus(editable.focusDetails.coordinates);
-			}
-		}}
-	>
-		{#await visibleValue}
-			{loadingText()}
-		{:then v}
-			{v}
-		{/await}
-	</div>
-{/if}
-
+</script>
+
+{#if editable.isBeingEdited}
+	<div
+		class="select-cell"
+		bind:this={tdref}
+	>
+		{#await value then value}
+			<QuerySelect
+				focusOnLoad
+				name={cell.column.columnDef.id}
+				valueProp={'value' as never}
+				labelProp={'label' as never}
+				clearable={cell.column.columnDef.clearable}
+				valueAsObject={false}
+				value={value as never}
+				query={(v: string) => columnDef.query(v, cell.row.original, cell.row.originalIndex)}
+				bind:options={lastOptions as never}
+				onfocus={addKeydownEvent}
+				onchange={(newValue: unknown) => {
+					// `valueAsObject={false}` makes QuerySelect emit the
+					// primitive value directly. The `as never` casts work
+					// around component-generic inference (see TableSelect
+					// for the same workaround).
+					if (newValue !== value) {
+						tableContext
+							.onEditCell(cell.row.original, editable.focusDetails.coordinates, newValue ?? null)
+							.catch(devCatch);
+					}
+
+					removeKeydownEvent();
+					tableContext.focusStartIsBeingEdited = false;
+					tick()
+						.then(() => {
+							tdref?.focus();
+						})
+						.catch(devCatch);
+				}}
+			/>
+		{/await}
+	</div>
+{:else}
+	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		style={editable.focusDetails.outline}
+		bind:this={tdref}
+		tabIndex="0"
+		id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+		class="focusable editable"
+		class:multifocus={editable.focusDetails.isMultiFocused}
+		class:multifocus-start={editable.focusDetails.isMultiFocusStart}
+		class:info={editable.validity == Validity.Info}
+		class:success={editable.validity == Validity.Valid}
+		class:warning={editable.validity == Validity.Warning}
+		class:error={editable.validity == Validity.Invalid}
+		ondblclick={() => {
+			editable.handleDoubleClickFocus();
+		}}
+		onmousedown={(e) => {
+			// start focus only on left click
+			if (e.button === 0) {
+				if (e.shiftKey) {
+					e.preventDefault();
+					tableContext.setFocusEnd(editable.focusDetails.coordinates);
+				} else {
+					tableContext.startFocus(editable.focusDetails.coordinates);
+				}
+			}
+		}}
+		onmouseover={() => {
+			if (tableContext.isMousingDown) {
+				tableContext.setFocusEnd(editable.focusDetails.coordinates);
+			}
+		}}
+		onmouseup={() => {
+			const wasHandled = editable.handleSingleClickFocus();
+			if (!wasHandled) {
+				tableContext.endFocus(editable.focusDetails.coordinates);
+			}
+		}}
+	>
+		{#await visibleValue}
+			{loadingText()}
+		{:then v}
+			{v}
+		{/await}
+	</div>
+{/if}
+
 <style>.focusable,
 .checkbox-cell,
 .input-cell,
@@ -285,4 +285,4 @@ $effect(() => removeKeydownEvent);
   --sv-item-wrap-padding: 0px 0.75rem;
   --input-height: var(--height);
   min-width: 0;
-}</style>
+}</style>

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

@@ -1,18 +1,18 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
 >import { TableContext } from "../../../Types/Context/TableContext.svelte.js";
 import "../../../Types/Context/TableInitOptions.js";
 import { devCatch, isValidityTuple } from "../../../../../Helpers/Helpers.svelte.js";
 import { Validity } from "../../../../../Types/Internal/Validity.js";
 import { getContext, tick, untrack } from "svelte";
-</script>
-
-<script
-	lang="ts"
-	generics="T extends object, RowIdType extends Primitive"
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object, RowIdType extends Primitive"
 >const { cell } = $props();
 const tableContext = getContext(TableContext.identifier);
 const focusDetails = $derived(tableContext._focus.getFocusDetailsFor(cell));
@@ -79,66 +79,66 @@ const onchange = () => {
 	tableContext.toggleSelected(cell.row.original)?.catch(devCatch);
 };
 let inputRef = $state();
-</script>
-
-<!-- svelte-ignore a11y_mouse_events_have_key_events -->
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class="checkbox-cell"
-	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);
-			}
-		}
-	}}
-	onkeydown={(e) => {
-		if (e.key === 'Enter') {
-			e.stopPropagation();
-		}
-	}}
-	onkeyup={(e) => {
-		if (e.key === 'Enter') {
-			e.stopPropagation();
-
-			tableContext.toggleSelected(cell.row.original)?.catch(devCatch);
-
-			inputRef?.dispatchEvent(new InputEvent('change'));
-		}
-	}}
-	onmouseover={() => {
-		if (tableContext.isMousingDown) {
-			tableContext.setFocusEnd(focusDetails.coordinates);
-		}
-	}}
-	onmouseup={() => {
-		tableContext.endFocus(focusDetails.coordinates);
-	}}
->
-	<label
-		class:multifocus={focusDetails.isMultiFocused}
-		class:multifocus-start={focusDetails.isMultiFocusStart}
-		style={focusDetails.outline}
-	>
-		<input
-			id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-			bind:this={inputRef}
-			{onchange}
-			type="checkbox"
-			checked={isSelected ?? _isSelectedAsync}
-			disabled={!isSelectable || tableContext.showSelectedOnly}
-		/>
-	</label>
-</div>
-
+</script>
+
+<!-- svelte-ignore a11y_mouse_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="checkbox-cell"
+	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);
+			}
+		}
+	}}
+	onkeydown={(e) => {
+		if (e.key === 'Enter') {
+			e.stopPropagation();
+		}
+	}}
+	onkeyup={(e) => {
+		if (e.key === 'Enter') {
+			e.stopPropagation();
+
+			tableContext.toggleSelected(cell.row.original)?.catch(devCatch);
+
+			inputRef?.dispatchEvent(new InputEvent('change'));
+		}
+	}}
+	onmouseover={() => {
+		if (tableContext.isMousingDown) {
+			tableContext.setFocusEnd(focusDetails.coordinates);
+		}
+	}}
+	onmouseup={() => {
+		tableContext.endFocus(focusDetails.coordinates);
+	}}
+>
+	<label
+		class:multifocus={focusDetails.isMultiFocused}
+		class:multifocus-start={focusDetails.isMultiFocusStart}
+		style={focusDetails.outline}
+	>
+		<input
+			id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+			bind:this={inputRef}
+			{onchange}
+			type="checkbox"
+			checked={isSelected ?? _isSelectedAsync}
+			disabled={!isSelectable || tableContext.showSelectedOnly}
+		/>
+	</label>
+</div>
+
 <style>.focusable,
 .checkbox-cell,
 .input-cell,
@@ -214,4 +214,4 @@ label.multifocus.multifocus-start {
 .input-cell.error,
 .select-cell.error {
   background-color: #f9e9e9;
-}</style>
+}</style>

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
 >import { dev } from "$app/environment";
 import { m as i18n } from "../../../../../paraglide/messages.js";
 import SingleSelect from "../../../../SingleSelect.svelte";
@@ -12,11 +12,11 @@ import { cssLength, devCatch, loadingText } from "../../../../../Helpers/Helpers
 import { Validity } from "../../../../../Types/Internal/Validity.js";
 import { getContext, tick } from "svelte";
 import { useAsyncEditable } from "./_helpers/useAsyncEditable.svelte.js";
-</script>
-
-<script
-	lang="ts"
-	generics="T extends object, FilterValueType, RowIdType extends Primitive"
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object, FilterValueType, RowIdType extends Primitive"
 >const { cell } = $props();
 let tdref = $state();
 const selectValue = $derived(cell.getValue());
@@ -78,119 +78,119 @@ function removeKeydownEvent() {
 $effect(() => editable.attachEditListener(tdref));
 // Drop the keydown listener if the cell unmounts.
 $effect(() => removeKeydownEvent);
-</script>
-
-{#if editable.isBeingEdited}
-	<div
-		class="select-cell"
-		bind:this={tdref}
-	>
-		{#await Promise.all([optionsPromise, selectValue])}
-			{loadingText()}
-		{:then [options, value]}
-			<SingleSelect
-				focusOnLoad
-				name="Item"
-				placeholder={i18n['scoria.label.select_item']()}
-				valueProp={'value' as never}
-				labelProp={'label' as never}
-				value={(value ?? null) as never}
-				options={options as never}
-				width={cssLength('100%')}
-				clearable={cell.column.columnDef.clearable}
-				onfocus={addKeydownEvent}
-				valueAsObject={false}
-				onchange={(newValue: SelectOption<T>['value'] | null) => {
-					// `valueAsObject={false}` makes SingleSelect's onchange
-					// emit the primitive key value (`SelectOption<T>['value']`,
-					// i.e. `T`) directly, which flows straight through to
-					// `onEditCell`. The `as never` prop casts work around
-					// the fact that Svelte component generics cannot be
-					// passed explicitly in template syntax: the inferred V
-					// (from `value: T`) clashes with the option type
-					// (`SelectOption<T>`), and the casts let `V` be inferred
-					// from the explicit `onchange` annotation.
-					if (newValue !== value) {
-						if (optional || newValue != null) {
-							tableContext
-								.onEditCell(cell.row.original, editable.focusDetails.coordinates, newValue ?? null)
-								.catch(devCatch);
-						}
-					}
-					removeKeydownEvent();
-					tableContext.focusStartIsBeingEdited = false;
-					tick()
-						.then(() => {
-							tdref?.focus();
-						})
-						.catch(devCatch);
-				}}
-			/>
-		{:catch e}
-			{#if dev}
-				error: {e}
-				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
-				{@debug e}
-			{/if}
-			{i18n['scoria.text.options_not_retrieved']()}
-		{/await}
-	</div>
-{:else}
-	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div
-		bind:this={tdref}
-		tabIndex="0"
-		style={editable.focusDetails.outline}
-		id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-		class="focusable editable"
-		class:multifocus={editable.focusDetails.isMultiFocused}
-		class:multifocus-start={editable.focusDetails.isMultiFocusStart}
-		class:info={editable.validity == Validity.Info}
-		class:success={editable.validity == Validity.Valid}
-		class:warning={editable.validity == Validity.Warning}
-		class:error={editable.validity == Validity.Invalid}
-		ondblclick={() => {
-			editable.handleDoubleClickFocus();
-		}}
-		onmousedown={(e) => {
-			// start focus only on left click
-			if (e.button === 0) {
-				if (e.shiftKey) {
-					e.preventDefault();
-					tableContext.setFocusEnd(editable.focusDetails.coordinates);
-				} else {
-					tableContext.startFocus(editable.focusDetails.coordinates);
-				}
-			}
-		}}
-		onmouseover={() => {
-			if (tableContext.isMousingDown) {
-				tableContext.setFocusEnd(editable.focusDetails.coordinates);
-			}
-		}}
-		onmouseup={() => {
-			const wasHandled = editable.handleSingleClickFocus();
-			if (!wasHandled) {
-				tableContext.endFocus(editable.focusDetails.coordinates);
-			}
-		}}
-	>
-		{#await visibleValue}
-			{loadingText()}
-		{:then value}
-			{value ?? '-'}
-		{:catch e}
-			{#if dev}
-				error: {e}
-				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
-				{@debug e}
-			{/if}
-			{i18n['scoria.text.options_not_retrieved']()}
-		{/await}
-	</div>
-{/if}
-
+</script>
+
+{#if editable.isBeingEdited}
+	<div
+		class="select-cell"
+		bind:this={tdref}
+	>
+		{#await Promise.all([optionsPromise, selectValue])}
+			{loadingText()}
+		{:then [options, value]}
+			<SingleSelect
+				focusOnLoad
+				name="Item"
+				placeholder={i18n['scoria.label.select_item']()}
+				valueProp={'value' as never}
+				labelProp={'label' as never}
+				value={(value ?? null) as never}
+				options={options as never}
+				width={cssLength('100%')}
+				clearable={cell.column.columnDef.clearable}
+				onfocus={addKeydownEvent}
+				valueAsObject={false}
+				onchange={(newValue: SelectOption<T>['value'] | null) => {
+					// `valueAsObject={false}` makes SingleSelect's onchange
+					// emit the primitive key value (`SelectOption<T>['value']`,
+					// i.e. `T`) directly, which flows straight through to
+					// `onEditCell`. The `as never` prop casts work around
+					// the fact that Svelte component generics cannot be
+					// passed explicitly in template syntax: the inferred V
+					// (from `value: T`) clashes with the option type
+					// (`SelectOption<T>`), and the casts let `V` be inferred
+					// from the explicit `onchange` annotation.
+					if (newValue !== value) {
+						if (optional || newValue != null) {
+							tableContext
+								.onEditCell(cell.row.original, editable.focusDetails.coordinates, newValue ?? null)
+								.catch(devCatch);
+						}
+					}
+					removeKeydownEvent();
+					tableContext.focusStartIsBeingEdited = false;
+					tick()
+						.then(() => {
+							tdref?.focus();
+						})
+						.catch(devCatch);
+				}}
+			/>
+		{:catch e}
+			{#if dev}
+				error: {e}
+				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+				{@debug e}
+			{/if}
+			{i18n['scoria.text.options_not_retrieved']()}
+		{/await}
+	</div>
+{:else}
+	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		bind:this={tdref}
+		tabIndex="0"
+		style={editable.focusDetails.outline}
+		id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+		class="focusable editable"
+		class:multifocus={editable.focusDetails.isMultiFocused}
+		class:multifocus-start={editable.focusDetails.isMultiFocusStart}
+		class:info={editable.validity == Validity.Info}
+		class:success={editable.validity == Validity.Valid}
+		class:warning={editable.validity == Validity.Warning}
+		class:error={editable.validity == Validity.Invalid}
+		ondblclick={() => {
+			editable.handleDoubleClickFocus();
+		}}
+		onmousedown={(e) => {
+			// start focus only on left click
+			if (e.button === 0) {
+				if (e.shiftKey) {
+					e.preventDefault();
+					tableContext.setFocusEnd(editable.focusDetails.coordinates);
+				} else {
+					tableContext.startFocus(editable.focusDetails.coordinates);
+				}
+			}
+		}}
+		onmouseover={() => {
+			if (tableContext.isMousingDown) {
+				tableContext.setFocusEnd(editable.focusDetails.coordinates);
+			}
+		}}
+		onmouseup={() => {
+			const wasHandled = editable.handleSingleClickFocus();
+			if (!wasHandled) {
+				tableContext.endFocus(editable.focusDetails.coordinates);
+			}
+		}}
+	>
+		{#await visibleValue}
+			{loadingText()}
+		{:then value}
+			{value ?? '-'}
+		{:catch e}
+			{#if dev}
+				error: {e}
+				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+				{@debug e}
+			{/if}
+			{i18n['scoria.text.options_not_retrieved']()}
+		{/await}
+	</div>
+{/if}
+
 <style>.focusable,
 .checkbox-cell,
 .input-cell,
@@ -267,4 +267,4 @@ $effect(() => removeKeydownEvent);
   --sv-item-wrap-padding: 0px 0.75rem;
   --input-height: var(--height);
   min-width: 0;
-}</style>
+}</style>