@lavalogic/scoria 0.16.3 → 0.17.0

package/dist/Components/Table/Body/QuickSearchCell.svelte

@@ -2,7 +2,7 @@
 
 <script
 	lang="ts"
-	generics="T extends object"
+	generics="T extends object, FilterValueType"
 >
 	import { dev } from '$app/environment';
 	import Action from '../../Action.svelte';
@@ -39,7 +39,7 @@
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const { column, customFilters }: QuickSearchCellProps<T, unknown> = $props();
+	const { column, customFilters }: QuickSearchCellProps<T, FilterValueType> = $props();
 
 	const def = $derived(column.columnDef);
 

package/dist/Components/Table/Body/QuickSearchCell.svelte.d.ts

@@ -1,25 +1,25 @@
 import type { QuickSearchCellProps } from './QuickSearchCellProps.js';
-declare function $$render<T extends object>(): {
-    props: QuickSearchCellProps<T, unknown>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: QuickSearchCellProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends object>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const QuickSearchCell: $$IsomorphicComponent;
-type QuickSearchCell<T extends object> = InstanceType<typeof QuickSearchCell<T>>;
+type QuickSearchCell<T extends object, FilterValueType> = InstanceType<typeof QuickSearchCell<T, FilterValueType>>;
 export default QuickSearchCell;

package/dist/Components/Table/Body/QuickSearchCellProps.d.ts

@@ -1,6 +1,6 @@
 import type { Column } from '../Types/Columns/Column.js';
 import type { CustomRemoteFilters } from '../Types/Filtering/CustomRemoteFilters.js';
-export interface QuickSearchCellProps<T extends object, FilterValueType> {
+export interface QuickSearchCellProps<T extends object, in FilterValueType> {
     column: Column<T, FilterValueType>;
-    customFilters?: CustomRemoteFilters<FilterValueType> | undefined;
+    customFilters?: CustomRemoteFilters<unknown> | undefined;
 }

package/dist/Components/Table/Body/Rows/ColumnList.svelte

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	import { ColumnType } from '../../Types/Columns/ColumnType.js';
 	import type { ColumnDef } from '../../Types/Columns/Definitions/ColumnDef.svelte.js';
 	import { TableContext } from '../../Types/Context/TableContext.svelte.js';
@@ -12,7 +15,7 @@
 
 	const { searchValue }: ColumnListProps = $props();
 
-	const visibleColumns: Array<ColumnDef<T>> = $derived.by(() => {
+	const visibleColumns: Array<ColumnDef<T, never, unknown>> = $derived.by(() => {
 		const lowercasedSearchValue = searchValue.toLocaleLowerCase();
 		return tableContext.columnDefs.filter(
 			(it) =>
@@ -36,7 +39,10 @@
 	}
 </script>
 
-<ul class="column-list" ondrop={onDrop}>
+<ul
+	class="column-list"
+	ondrop={onDrop}
+>
 	<!-- key={"top-anchor"} -->
 	<!-- HACK this is used as an anchor for dragging rows to the top -->
 	<ColumnListRow columnDef={null} />

package/dist/Components/Table/Body/Rows/ColumnListRow.svelte

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	import Checkbox from '../../../Checkbox.svelte';
 	import Icon from '../../../Icon.svelte';
 	import { TableContext } from '../../Types/Context/TableContext.svelte.js';
@@ -44,7 +47,7 @@
 			return {
 				...pinning,
 				left: new Map(left.map(makeKVPairs)),
-				right: new Map(right.map(makeKVPairs))
+				right: new Map(right.map(makeKVPairs)),
 			};
 		});
 	}
@@ -73,7 +76,7 @@
 			return {
 				...pinning,
 				left: new Map(left.map(makeKVPairs)),
-				right: new Map(right.map(makeKVPairs))
+				right: new Map(right.map(makeKVPairs)),
 			};
 		});
 	}
@@ -142,7 +145,10 @@
 				id={`drag-handle-${tableContext.tableName}-${columnDef.id}`}
 				style="display: flex; cursor: move;"
 			>
-				<Icon name="handle" size={Size.Large} />
+				<Icon
+					name="handle"
+					size={Size.Large}
+				/>
 			</div>
 		{/if}
 		{#if typeof columnDef.header === 'function'}

package/dist/Components/Table/Body/Rows/ColumnListRowProps.d.ts

@@ -1,4 +1,4 @@
 import type { ColumnDef } from '../../Types/Columns/Definitions/ColumnDef.svelte.js';
-export interface ColumnListRowProps<T extends object, FilterValueType = unknown> {
-    columnDef: ColumnDef<T, FilterValueType> | null;
+export interface ColumnListRowProps<T extends object> {
+    columnDef: ColumnDef<T, never, unknown> | null;
 }

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script
+	lang="ts"
+	module
+>
 	import Action from '../../../../Action.svelte';
 	import Portal from '../../../../Portal.svelte';
 	import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
@@ -19,7 +22,10 @@
 	export let shownPopup = refWrapper<symbol | undefined>(undefined);
 </script>
 
-<script lang="ts" generics="T extends object,FilterValueType">
+<script
+	lang="ts"
+	generics="T extends object,FilterValueType"
+>
 	const { cell }: ActionsCellProps<T, FilterValueType> = $props();
 
 	const value = $derived(cell.getValue());
@@ -33,7 +39,7 @@
 	const thisPopupIsVisibile = $derived(thisPopup === shownPopup.value);
 	const hasValue: boolean = $derived(value !== undefined);
 	const edge: MultiFocusEdge | undefined = $state();
-	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
@@ -173,10 +179,16 @@
 		)}
 		{#await awaitedActions then actions}
 			<Portal>
-				<div class="popup" style="--y: {y}px; --x: {x}px;">
+				<div
+					class="popup"
+					style="--y: {y}px; --x: {x}px;"
+				>
 					<div class="action-container">
 						{#each actions as [action, label] (label)}
-							<TableAction {action} {cell} />
+							<TableAction
+								{action}
+								{cell}
+							/>
 						{/each}
 					</div>
 				</div>

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

@@ -1,7 +1,10 @@
 <svelte:options runes />
 
 <!-- TODO editable version of this should contain a multi select -->
-<script lang="ts" generics="T extends object,FilterValueType">
+<script
+	lang="ts"
+	generics="T extends object,FilterValueType"
+>
 	import Bubble from '../../../../Bubble.svelte';
 	import { BubbleDef } from '../../../Types/Columns/Definitions/Display/BubbleDef.svelte.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
@@ -19,7 +22,7 @@
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
@@ -105,7 +108,10 @@
 					<Bubble {value} />
 				{:else}
 					{#await colourPromise then colour}
-						<Bubble {value} colours={colour} />
+						<Bubble
+							{value}
+							colours={colour}
+						/>
 					{/await}
 				{/if}
 			{/each}

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

@@ -17,12 +17,12 @@
 	const {
 		cell,
 		expandedColumnDef,
-		onExpandChange
+		onExpandChange,
 	}: ExpandCellProps<T, R, IdType, FilterValueType> = $props();
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
-	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
@@ -80,7 +80,7 @@
 			size={Size.FillWidth}
 			icon={{
 				name: expandedColumnDef?.id === cell.column.columnDef.id ? 'minus' : 'plus',
-				size: Size.Medium
+				size: Size.Medium,
 			}}
 			colourSet={expandedColumnDef?.id === cell.column.columnDef.id
 				? ColourSet.Primary

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object, FilterValueType">
+<script
+	lang="ts"
+	generics="T extends object, FilterValueType"
+>
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
@@ -27,7 +30,7 @@
 	);
 	const hasValue: boolean = $derived(value !== undefined);
 
-	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 </script>

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<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';
@@ -16,7 +19,10 @@
 </script>
 
 <!-- TODO editable version of this should contain a multi select -->
-<script lang="ts" generics="T extends object, FilterValueType">
+<script
+	lang="ts"
+	generics="T extends object, FilterValueType"
+>
 	const { cell }: ProgressCellProps<T, FilterValueType> = $props();
 
 	const value: [number, number] = $derived(cell.getValue()) as [number, number];
@@ -26,9 +32,7 @@
 
 	// const previousRowIndex: number | undefined = $state(undefined);
 
-	const focusDetails = $derived(
-		new TableFocusDetails<T, FilterValueType>(cell, tableContext, toast)
-	);
+	const focusDetails = $derived(new TableFocusDetails<T>(cell, tableContext, toast));
 
 	let previousValidity: Validity = $state(Validity.Valid);
 	let validity: Validity = $state(Validity.Valid);
@@ -103,7 +107,10 @@
 	}}
 >
 	<div class="bubble-parent">
-		<ProgressBubble {value} {colours} />
+		<ProgressBubble
+			{value}
+			{colours}
+		/>
 	</div>
 </td>
 

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script
+	lang="ts"
+	module
+>
 	export interface TableCheckboxProps<T extends object> {
 		cell: TableCell<T, BoolFilterValueType>;
 
@@ -8,7 +11,10 @@
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
@@ -26,7 +32,7 @@
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T, BoolFilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script
+	lang="ts"
+	module
+>
 	import { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 	import { DisplayType } from '../../../Types/Columns/DisplayType.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
@@ -36,7 +39,10 @@
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	import { dev } from '$app/environment';
 	import { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 	import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
@@ -78,7 +84,11 @@
 	{:else if isActionsDef(cell)}
 		<ActionsCell {cell} />
 	{:else if isExpandTableCell(cell)}
-		<ExpandCell {cell} {expandedColumnDef} {onExpandChange} />
+		<ExpandCell
+			{cell}
+			{expandedColumnDef}
+			{onExpandChange}
+		/>
 	{:else if columnDef.columnType !== ColumnType.Display}
 		<AccessorComponent {cell} />
 	{:else if cell.column.columnDef instanceof AbstractDisplayDef}

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

@@ -1,10 +1,12 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	import { dev } from '$app/environment';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import type { CellCoordinates } from '../../../Types/Coordinates/CellCoordinates.js';
-	import type { DateFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import DateModal from '../../../../Touch/DateModal.svelte';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
@@ -26,7 +28,7 @@
 	const coordinates: CellCoordinates = $derived({
 		row: cell.row.visibleIndex,
 		column: columnDef.index,
-		id: columnDef.id
+		id: columnDef.id,
 	});
 
 	const editableAsync = $derived(
@@ -58,7 +60,7 @@
 			}
 		})().catch(devCatch);
 	});
-	const focusDetails: TableFocusDetails<T, DateFilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 

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

@@ -1,12 +1,18 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script
+	lang="ts"
+	module
+>
 	export interface TableNumberInputProps<T extends object> {
 		cell: TableCell<T, NumberFilterValueType>;
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	import NumberInput from '../../../../NumberInput.svelte';
 	import { NumberInputDef } from '../../../Types/Columns/Definitions/Accessors/NumberInputDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
@@ -80,7 +86,7 @@
 		})().catch(devCatch);
 	});
 
-	const focusDetails: TableFocusDetails<T, NumberFilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -239,7 +245,7 @@
 		(e.target as HTMLInputElement).scrollIntoView({
 			behavior: 'instant',
 			block: 'nearest',
-			inline: 'nearest'
+			inline: 'nearest',
 		});
 	}
 

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object,">
+<script
+	lang="ts"
+	generics="T extends object,"
+>
 	import { dev } from '$app/environment';
 	import QuerySelect from '../../../../QuerySelect.svelte';
 	import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
@@ -55,7 +58,7 @@
 						if (!lastOptions.some((it) => it.value == awaitedValue)) {
 							lastOptions.push({
 								label,
-								value: awaitedValue
+								value: awaitedValue,
 							});
 						}
 					} else if (columnDef.debug) {
@@ -102,7 +105,7 @@
 		});
 	});
 
-	const focusDetails: TableFocusDetails<T, unknown> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -251,7 +254,7 @@
 							metaKey: e.getModifierState('Meta'),
 							shiftKey: e.getModifierState('Shift'),
 							ctrlKey: e.getModifierState('Control'),
-							bubbles: true
+							bubbles: true,
 						})
 					);
 				})
@@ -279,7 +282,10 @@
 {#if isBeingEdited}
 	<!-- onkeydown={handleInputKeydown} -->
 	<!-- onkeydown={handleEsc} -->
-	<td class="select-cell" bind:this={tdref}>
+	<td
+		class="select-cell"
+		bind:this={tdref}
+	>
 		<!-- TODO: -->
 		{#await value then value}
 			<QuerySelect

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

@@ -1,10 +1,12 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script
+	lang="ts"
+	module
+>
 	import type { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
-	import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
 	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
@@ -12,19 +14,22 @@
 	import type { ChangeEventHandler } from 'svelte/elements';
 
 	export interface TableCheckboxProps<T extends object> {
-		cell: TableCell<T, BoolFilterValueType>;
+		cell: TableCell<T>;
 
 		onchange?: ChangeEventHandler<HTMLInputElement>;
 	}
 </script>
 
-<script lang="ts" generics="T extends object,">
+<script
+	lang="ts"
+	generics="T extends object,"
+>
 	const { cell, onchange: parentOnchange }: TableCheckboxProps<T> = $props();
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T, BoolFilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 

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

@@ -1,8 +1,7 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
-import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 import type { ChangeEventHandler } from 'svelte/elements';
 export interface TableCheckboxProps<T extends object> {
-    cell: TableCell<T, BoolFilterValueType>;
+    cell: TableCell<T>;
     onchange?: ChangeEventHandler<HTMLInputElement>;
 }
 declare function $$render<T extends object>(): {

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script
+	lang="ts"
+	module
+>
 	import { dev } from '$app/environment';
 	import SingleSelect from '../../../../SingleSelect.svelte';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
@@ -13,7 +16,10 @@
 	import type { TableSelectProps } from './TableSelectProps.js';
 </script>
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	const { cell }: TableSelectProps<T, T> = $props();
 
 	let tdref = $state<HTMLTableCellElement | undefined>();
@@ -58,7 +64,7 @@
 		})().catch(devCatch);
 	});
 
-	const focusDetails: TableFocusDetails<T, T> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -204,7 +210,7 @@
 					metaKey: e.getModifierState('Meta'),
 					shiftKey: e.getModifierState('Shift'),
 					ctrlKey: e.getModifierState('Control'),
-					bubbles: true
+					bubbles: true,
 				})
 			);
 		}
@@ -229,7 +235,10 @@
 {#if isBeingEdited}
 	<!-- onkeydown={handleInputKeydown} -->
 	<!-- onkeydown={handleEsc} -->
-	<td class="select-cell" bind:this={tdref}>
+	<td
+		class="select-cell"
+		bind:this={tdref}
+	>
 		{#await Promise.all([optionsPromise, selectValue])}
 			loading…
 		{:then [options, value]}

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

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object,FilterValueType">
+<script
+	lang="ts"
+	generics="T extends object,FilterValueType"
+>
 	import { dev } from '$app/environment';
 
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
@@ -59,7 +62,7 @@
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
+	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
@@ -227,7 +230,7 @@
 		(e.target as HTMLInputElement).scrollIntoView({
 			behavior: 'instant',
 			block: 'nearest',
-			inline: 'nearest'
+			inline: 'nearest',
 		});
 	}