@lavalogic/scoria 0.14.2 → 0.16.0

package/dist/Components/AlertModal.svelte

@@ -41,6 +41,9 @@
 					alertContext.onOther();
 					break;
 				}
+				default: {
+					console.warn(`Uncaught command \`${value}\``);
+				}
 			}
 
 			return true;

package/dist/Components/Contexts/ContextMenu.svelte

@@ -41,7 +41,9 @@
 		if (!menuEl) {
 			return;
 		}
-		if (e.target === menuEl || menuEl.contains(e.target as Node)) return;
+		if (e.target === menuEl || menuEl.contains(e.target as Node)) {
+			return;
+		}
 		contextMenuContext.closeMenu();
 	}
 </script>

package/dist/Components/LoadingModal.svelte

@@ -21,7 +21,9 @@
 	});
 
 	$effect(() => {
-		if (!showModal && dialog) dialog.close();
+		if (!showModal && dialog) {
+			dialog.close();
+		}
 	});
 
 	function uncloseable(

package/dist/Components/Modal.svelte

@@ -130,7 +130,9 @@
 	onkeydown={handleEsc}
 	onclick={(e) => {
 		if (e.target === dialog) {
-			if (!mandatory) dialog.close();
+			if (!mandatory) {
+				dialog.close();
+			}
 		}
 		clearTimer();
 	}}

package/dist/Components/Table/Body/QuickSearchCell.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 Action from '../../Action.svelte';
 	import Button from '../../Button.svelte';
@@ -402,8 +405,10 @@
 						case false: {
 							return Ternary.False;
 						}
+						default: {
+							return Ternary.Neutral;
+						}
 					}
-					return Ternary.Neutral;
 				})()}
 				<div class="centered">
 					<ThreeStateRadio
@@ -459,7 +464,7 @@
 							onkeydown={closeOnCtrlF}
 						/>
 					</div>
-				{:else if value == null || typeof value == 'string'}
+				{:else if value == null || typeof value == 'number'}
 					<div class="input-wrapper right">
 						{#if selectedNumberFilterType?.value == NumberDateFilterMode.null}
 							<TextInput
@@ -470,19 +475,33 @@
 								variant={InputVariant.Table}
 							/>
 						{:else}
-							<TextInput
+							<NumberInput
 								data-type="quicksearch"
 								id={inputId}
-								bind:value={value as string | null}
-								placeholder="Filter&hellip;"
+								bind:value={valueMin}
 								variant={InputVariant.Table}
+								placeholder="Min&hellip;"
 								oninput={() => {
-									tableContext.paginationRepo?.filterBy(def.id, [value]);
+									tableContext.paginationRepo?.filterBy(def.id, [valueMin, null]);
 								}}
 								onkeydown={closeOnCtrlF}
 							/>
 						{/if}
 					</div>
+				{:else if typeof value == 'string'}
+					<div class="input-wrapper right">
+						<TextInput
+							data-type="quicksearch"
+							id={inputId}
+							bind:value={value as string | null}
+							placeholder="Filter&hellip;"
+							variant={InputVariant.Table}
+							oninput={() => {
+								tableContext.paginationRepo?.filterBy(def.id, [value]);
+							}}
+							onkeydown={closeOnCtrlF}
+						/>
+					</div>
 				{/if}
 			{:else if value == null || typeof value == 'string'}
 				<div class="input-wrapper right">
@@ -529,7 +548,7 @@
 					icon={{
 						name: 'filter-2',
 						size: Size.MediumLarge,
-						colour: Colour['$ui-blue-5']
+						colour: Colour['$ui-blue-5'],
 					}}
 					onclick={() => {
 						if (!openedSelect) {
@@ -547,7 +566,10 @@
 	{/if}
 
 	{#if isSelectOpen}
-		<div class="floating" transition:fade={{ easing: cubicOut, duration: 100 }}>
+		<div
+			class="floating"
+			transition:fade={{ easing: cubicOut, duration: 100 }}
+		>
 			<div class="select-wrapper">
 				{#if isNumeric}
 					<SingleSelect

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

@@ -12,7 +12,7 @@
 
 	const { searchValue }: ColumnListProps = $props();
 
-	const visibleColumns: Array<ColumnDef<T, unknown>> = $derived.by(() => {
+	const visibleColumns: Array<ColumnDef<T>> = $derived.by(() => {
 		const lowercasedSearchValue = searchValue.toLocaleLowerCase();
 		return tableContext.columnDefs.filter(
 			(it) =>

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

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object,FilterValueType">
+<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';
@@ -9,7 +9,7 @@
 	import type { ColumnListRowProps } from './ColumnListRowProps.js';
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const { columnDef }: ColumnListRowProps<T, FilterValueType> = $props();
+	const { columnDef }: ColumnListRowProps<T> = $props();
 
 	const isExpandColumn = $derived(columnDef?.columnType === 'Expand');
 
@@ -23,7 +23,9 @@
 		return [item, index];
 	}
 	function togglePinLeft() {
-		if (columnDef == null) return;
+		if (columnDef == null) {
+			return;
+		}
 
 		tableContext.setColumnPinning((pinning) => {
 			const leftPinIndex = pinning.left?.get(columnDef.id) ?? -1;
@@ -48,7 +50,9 @@
 	}
 
 	function togglePinRight() {
-		if (columnDef == null) return;
+		if (columnDef == null) {
+			return;
+		}
 
 		tableContext.setColumnPinning((pinning) => {
 			const rightPinIndex = pinning.right?.get(columnDef.id) ?? -1;

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

@@ -1,25 +1,25 @@
 import type { ColumnListRowProps } from './ColumnListRowProps.js';
-declare function $$render<T extends object, FilterValueType>(): {
-    props: ColumnListRowProps<T, FilterValueType>;
+declare function $$render<T extends object>(): {
+    props: ColumnListRowProps<T>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-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'];
+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'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    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']>;
+    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']>;
 }
 declare const ColumnListRow: $$IsomorphicComponent;
-type ColumnListRow<T extends object, FilterValueType> = InstanceType<typeof ColumnListRow<T, FilterValueType>>;
+type ColumnListRow<T extends object> = InstanceType<typeof ColumnListRow<T>>;
 export default ColumnListRow;

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> {
+export interface ColumnListRowProps<T extends object, FilterValueType = unknown> {
     columnDef: ColumnDef<T, FilterValueType> | null;
 }

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

@@ -15,7 +15,6 @@
 
 	const cellTypes: Record<
 		'Number' | 'Date' | 'Select' | 'Checkbox' | 'Query' | 'Text',
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		Component<any>
 	> = {
 		Number: TableNumberInput,
@@ -27,13 +26,12 @@
 	} as const;
 </script>
 
-<script lang="ts" generics="T extends object, FilterValueType">
-	const { cell }: AccessorComponentProps<T, FilterValueType> = $props();
+<script lang="ts" generics="T extends object,  ">
+	const { cell }: AccessorComponentProps<T> = $props();
 
 	const CurrentComponent = $derived(getAppropriateAccessorDef(cell.column.columnDef));
 
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	function getAppropriateAccessorDef(columnDef: ColumnDef<T, FilterValueType>): Component<any> {
+	function getAppropriateAccessorDef(columnDef: ColumnDef<T>): Component<any> {
 		if (columnDef instanceof AccessorDef) {
 			return cellTypes[columnDef.accessorType];
 		}

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

@@ -1,25 +1,25 @@
 import type { AccessorComponentProps } from './AccessorComponentProps.js';
-declare function $$render<T extends object, FilterValueType>(): {
-    props: AccessorComponentProps<T, FilterValueType>;
+declare function $$render<T extends object>(): {
+    props: AccessorComponentProps<T>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-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'];
+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'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    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']>;
+    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']>;
 }
 declare const AccessorComponent: $$IsomorphicComponent;
-type AccessorComponent<T extends object, FilterValueType> = InstanceType<typeof AccessorComponent<T, FilterValueType>>;
+type AccessorComponent<T extends object> = InstanceType<typeof AccessorComponent<T>>;
 export default AccessorComponent;

package/dist/Components/Table/Body/Rows/Columns/AccessorComponentProps.d.ts

@@ -1,4 +1,4 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
-export interface AccessorComponentProps<T extends object, FilterValueType> {
-    cell: TableCell<T, FilterValueType>;
+export interface AccessorComponentProps<T extends object> {
+    cell: TableCell<T>;
 }

package/dist/Components/Table/Body/Rows/Columns/SelectColumn.d.ts

@@ -1,6 +1,5 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { SelectDef } from '../../../Types/Columns/Definitions/Accessors/SelectDef.svelte.js';
-import type { SelectFilterValueType } from '../../../Types/Filtering/FilterFn.js';
-export interface SelectColumn<T extends object, FilterValueType = SelectFilterValueType<T>> extends Column<T, FilterValueType> {
-    columnDef: SelectDef<T, FilterValueType>;
+export interface SelectColumn<T extends object, in FilterValueType = T, out SelectValueType = T> extends Column<T, FilterValueType> {
+    columnDef: SelectDef<T, FilterValueType, SelectValueType>;
 }

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

@@ -25,8 +25,8 @@
 
 	export interface TableColumnProps<T extends object> {
 		cell: TableCell<T>;
-		expandedColumnDef: ExpandDef<T, object, Primitive> | undefined;
-		onExpandChange: (columnDef: ExpandDef<T, object, Primitive>) => void;
+		expandedColumnDef: ExpandDef<T, object> | undefined;
+		onExpandChange: (columnDef: ExpandDef<T, object>) => void;
 	}
 
 	function isProgressBarTableCell<T extends object>(

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

@@ -2,10 +2,9 @@ import { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.s
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
 export interface TableColumnProps<T extends object> {
     cell: TableCell<T>;
-    expandedColumnDef: ExpandDef<T, object, Primitive> | undefined;
-    onExpandChange: (columnDef: ExpandDef<T, object, Primitive>) => void;
+    expandedColumnDef: ExpandDef<T, object> | undefined;
+    onExpandChange: (columnDef: ExpandDef<T, object>) => void;
 }
-import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
 declare function $$render<T extends object>(): {
     props: TableColumnProps<T>;
     exports: {};

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

@@ -210,6 +210,10 @@
 					})
 					.catch(devCatch);
 				break;
+			default: {
+				//ignore other keys
+				break;
+			}
 		}
 	}
 

package/dist/Components/Table/Body/Rows/Columns/TableQueryColumn.d.ts

@@ -1,6 +1,5 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
-import type { SelectFilterValueType } from '../../../Types/Filtering/FilterFn.js';
-export interface TableQueryColumn<T extends object, FilterValueType = SelectFilterValueType<T>> extends Column<T, FilterValueType> {
-    columnDef: QueryDef<T, FilterValueType>;
+export interface TableQueryColumn<T extends object, in FilterValueType = T, out SelectValueType = T> extends Column<T, FilterValueType, SelectValueType> {
+    columnDef: QueryDef<T, FilterValueType, SelectValueType>;
 }

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

@@ -203,6 +203,10 @@
 					})
 					.catch(devCatch);
 				break;
+			default: {
+				//ignore other keys
+				break;
+			}
 		}
 	}
 

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

@@ -9,7 +9,6 @@
 	import type { DefsWrapper } from '../../Types/Columns/DefsWrapper.js';
 	import type { TableCell } from '../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../../Types/Context/TableInitOptions.js';
 	import ColumnHighlight from './ColumnHighlight.svelte';
 	import TableColumn from './Columns/TableColumn.svelte';
 	import type { TableRowProps } from './TableRowProps.js';
@@ -28,7 +27,7 @@
 				: row.getCenterVisibleCells()
 	);
 
-	let expandedColumnDef: ExpandDef<T, object, Primitive> | undefined = $state();
+	let expandedColumnDef: ExpandDef<T, object> | undefined = $state();
 
 	$effect(() => {
 		if (cells.length) {
@@ -45,7 +44,7 @@
 	let innerColumnDefs: DefsWrapper<object> = $state({ defs: [] });
 	let innerTableName: string | undefined = $state();
 
-	let prevExpandedColumnDef: ExpandDef<T, object, Primitive> | undefined = $state();
+	let prevExpandedColumnDef: ExpandDef<T, object> | undefined = $state();
 
 	const rowIndex = $derived(cells.at(0) && cells[0].row.visibleIndex);
 	const highlighted = $derived(
@@ -84,7 +83,7 @@
 		});
 	});
 
-	function onExpandChange(columnDef: ExpandDef<T, object, Primitive>) {
+	function onExpandChange(columnDef: ExpandDef<T, object>) {
 		if (expandedColumnDef?.id === columnDef.id) {
 			expandedColumnDef = undefined;
 		} else {

package/dist/Components/Table/ColumnDefinitions/ExampleItemColumnDefRepository.svelte.d.ts

@@ -2,4 +2,4 @@ import type { ExampleItem } from '../../../Types/Examples/ExampleItem.js';
 import { type Component } from 'svelte';
 import type { DisplayDefModalProps } from '../Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 import type { DefsWrapper } from '../Types/Columns/DefsWrapper.js';
-export declare function generateExampleItemColumnDefs(modal: Component<DisplayDefModalProps<ExampleItem, unknown>, object, ''>): DefsWrapper<ExampleItem>;
+export declare function generateExampleItemColumnDefs(modal: Component<DisplayDefModalProps<ExampleItem>, object, ''>): DefsWrapper<ExampleItem>;

package/dist/Components/Table/ColumnDefinitions/ExampleItemColumnDefRepository.svelte.js

@@ -28,33 +28,6 @@ export function generateExampleItemColumnDefs(modal) {
         },
         isEnabled: () => true
     }));
-    const selectDef = $state(new SelectDef({
-        id: 'someSelect',
-        header: 'Select Example',
-        optional: false,
-        getOptions: () => {
-            return [
-                {
-                    label: 'First Option',
-                    value: ExampleSelectEnum.FirstOption
-                },
-                {
-                    label: 'Second Option',
-                    value: ExampleSelectEnum.SecondOption
-                },
-                {
-                    label: 'Third Option',
-                    value: ExampleSelectEnum.ThirdOption
-                },
-                {
-                    label: 'Fourth Option',
-                    value: ExampleSelectEnum.FourthOption
-                }
-            ];
-        },
-        getDisplayValue: (item) => item.someSelect,
-        isEditable: () => true
-    })).downcast();
     let defs = $state([
         expandDef,
         new ValidityDef({
@@ -171,7 +144,33 @@ export function generateExampleItemColumnDefs(modal) {
             showTime: true
         }),
         // altSelectDef,
-        selectDef,
+        new SelectDef({
+            id: 'someSelect',
+            header: 'Select Example',
+            optional: false,
+            getOptions: () => {
+                return [
+                    {
+                        label: 'First Option',
+                        value: ExampleSelectEnum.FirstOption
+                    },
+                    {
+                        label: 'Second Option',
+                        value: ExampleSelectEnum.SecondOption
+                    },
+                    {
+                        label: 'Third Option',
+                        value: ExampleSelectEnum.ThirdOption
+                    },
+                    {
+                        label: 'Fourth Option',
+                        value: ExampleSelectEnum.FourthOption
+                    }
+                ];
+            },
+            getDisplayValue: (item) => item.someSelect,
+            isEditable: () => true
+        }),
         new BubbleDef({
             header: 'Generated Bubble',
             id: 'generatedBubble',

package/dist/Components/Table/Headers/TableHead.svelte

@@ -59,7 +59,7 @@
 		currentDropTarget = target as HTMLTableCellElement | null;
 	}
 
-	function showtooltip(e: MouseEvent, columnDef: ColumnDef<T, unknown>): void {
+	function showtooltip(e: MouseEvent, columnDef: ColumnDef<T>): void {
 		if (columnDef instanceof ExpandDef) {
 			const rect = (e.target as HTMLElement).closest('th')?.getBoundingClientRect();
 
@@ -78,7 +78,7 @@
 		}
 	}
 
-	function hideTooltip(columnDef: ColumnDef<T, unknown>): void {
+	function hideTooltip(columnDef: ColumnDef<T>): void {
 		if (columnDef instanceof ExpandDef) {
 			tooltipContext.hideTooltip(
 				`Show ${typeof columnDef.header === 'string' ? columnDef.header : columnDef.id}`
@@ -101,7 +101,7 @@
 		currentDropTarget = null;
 	}
 
-	function setDragTarget(def: ColumnDef<T, unknown>) {
+	function setDragTarget(def: ColumnDef<T>) {
 		tableContext.dragTarget = def;
 	}
 

package/dist/Components/Table/Types/Columns/Column.d.ts

@@ -1,7 +1,7 @@
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
-export interface Column<T extends object, FilterFnType = unknown> {
+export interface Column<T extends object, in FilterFnType = unknown, out OptionsValueType = unknown> {
     id: string;
-    columnDef: ColumnDef<T, FilterFnType>;
+    columnDef: ColumnDef<T, FilterFnType, OptionsValueType>;
     getCanSort: () => boolean;
     getToggleSortingHandler: () => ((e: MouseEvent) => void) | undefined;
     getIsSorted: () => 'asc' | 'desc' | 'none';

package/dist/Components/Table/Types/Columns/Definitions/Accessors/AccessorDef.svelte.d.ts

@@ -1,10 +1,10 @@
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
 import type { AccessorType } from './AccessorType.js';
-export interface AccessorDefProps<T extends object, FilterValueType> extends ColumnDefProps<T, FilterValueType> {
+export interface AccessorDefProps<T extends object, in FilterValueType, out OptionsValueType> extends ColumnDefProps<T, FilterValueType, OptionsValueType> {
     readonly id: string & keyof T;
 }
-export declare abstract class AccessorDef<T extends object, FilterValueType> extends ColumnDef<T, FilterValueType> {
-    constructor(props: AccessorDefProps<T, FilterValueType>);
+export declare abstract class AccessorDef<T extends object, in FilterValueType, out OptionsValueType> extends ColumnDef<T, FilterValueType, OptionsValueType> {
+    constructor(props: AccessorDefProps<T, FilterValueType, OptionsValueType>);
     readonly columnType: "Accessor";
     abstract readonly accessorType: AccessorType;
 }

package/dist/Components/Table/Types/Columns/Definitions/Accessors/CheckboxDef.svelte.d.ts

@@ -1,10 +1,11 @@
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { BoolFilterValueType, FilterFn } from '../../../Filtering/FilterFn.js';
 import { AccessorDef, type AccessorDefProps } from './AccessorDef.svelte.js';
-export type CheckboxDefProps<T extends object, FilterValueType = BoolFilterValueType> = AccessorDefProps<T, FilterValueType>;
-export declare class CheckboxDef<T extends object, FilterValueType = BoolFilterValueType> extends AccessorDef<T, FilterValueType> {
+export interface CheckboxDefProps<T extends object, in FilterValueType = BoolFilterValueType, out SelectValueType = BoolFilterValueType> extends AccessorDefProps<T, FilterValueType, SelectValueType> {
+}
+export declare class CheckboxDef<T extends object, in FilterValueType = BoolFilterValueType, out SelectValueType = BoolFilterValueType> extends AccessorDef<T, FilterValueType, SelectValueType> {
     readonly accessorType: "Checkbox";
-    constructor(props: CheckboxDefProps<T, FilterValueType>);
+    constructor(props: CheckboxDefProps<T, FilterValueType, SelectValueType>);
     private _filterFn;
     get filterFn(): CustomFilterFn | FilterFn<T, FilterValueType> | undefined;
     set filterFn(v: CustomFilterFn | FilterFn<T, FilterValueType> | undefined);

package/dist/Components/Table/Types/Columns/Definitions/Accessors/DateInputDef.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { DateFilterValueType, FilterFn } from '../../../Filtering/FilterFn.js';
 import { AccessorDef, type AccessorDefProps } from './AccessorDef.svelte.js';
-export interface DateInputDefProps<T extends object, FilterValueType = DateFilterValueType> extends AccessorDefProps<T, FilterValueType> {
+export interface DateInputDefProps<T extends object, in FilterValueType = DateFilterValueType, out SelectValueType = DateFilterValueType> extends AccessorDefProps<T, FilterValueType, SelectValueType> {
     showTime?: boolean;
 }
-export declare class DateInputDef<T extends object, FilterValueType = DateFilterValueType> extends AccessorDef<T, FilterValueType> {
+export declare class DateInputDef<T extends object, in FilterValueType = DateFilterValueType, out SelectValueType = DateFilterValueType> extends AccessorDef<T, FilterValueType, SelectValueType> {
     readonly accessorType: "Date";
-    constructor(props: DateInputDefProps<T, FilterValueType>);
+    constructor(props: DateInputDefProps<T, FilterValueType, SelectValueType>);
     private _filterFn;
     get filterFn(): FilterFn<T, FilterValueType> | CustomFilterFn | undefined;
     set filterFn(v: FilterFn<T, FilterValueType> | CustomFilterFn | undefined);

package/dist/Components/Table/Types/Columns/Definitions/Accessors/NumberInputDef.svelte.d.ts

@@ -1,14 +1,13 @@
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn, NumberFilterValueType } from '../../../Filtering/FilterFn.js';
-import { type ColumnDefProps } from '../ColumnDef.svelte.js';
-import { AccessorDef } from './AccessorDef.svelte.js';
-export interface NumberInputDefProps<T extends object, FilterValueType = NumberFilterValueType> extends ColumnDefProps<T, FilterValueType> {
+import { AccessorDef, type AccessorDefProps } from './AccessorDef.svelte.js';
+export interface NumberInputDefProps<T extends object, in FilterValueType = NumberFilterValueType, out OptionssValueType = NumberFilterValueType> extends AccessorDefProps<T, FilterValueType, OptionssValueType> {
     min: number;
     max: number;
 }
-export declare class NumberInputDef<T extends object, FilterValueType = NumberFilterValueType> extends AccessorDef<T, FilterValueType> {
+export declare class NumberInputDef<T extends object, in FilterValueType = NumberFilterValueType, out OptionssValueType = NumberFilterValueType> extends AccessorDef<T, FilterValueType, OptionssValueType> {
     readonly accessorType: "Number";
-    constructor(props: NumberInputDefProps<T, FilterValueType>);
+    constructor(props: NumberInputDefProps<T, FilterValueType, OptionssValueType>);
     readonly min: number;
     readonly max: number;
     private _filterFn;

package/dist/Components/Table/Types/Columns/Definitions/Accessors/NumberInputDef.svelte.js

@@ -1,4 +1,3 @@
-import {} from '../ColumnDef.svelte.js';
 import { AccessorDef } from './AccessorDef.svelte.js';
 import { AccessorType } from './AccessorType.js';
 export class NumberInputDef extends AccessorDef {

package/dist/Components/Table/Types/Columns/Definitions/Accessors/QueryDef.svelte.d.ts

@@ -1,16 +1,15 @@
 import type { SelectOption } from '../../../../../../Types/Internal/SelectOption.js';
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn } from '../../../Filtering/FilterFn.js';
-import type { ColumnDefProps } from '../ColumnDef.svelte.js';
-import { AccessorDef } from './AccessorDef.svelte.js';
-export interface QueryDefProps<T extends object, FilterValueType = unknown> extends ColumnDefProps<T, FilterValueType> {
+import { AccessorDef, type AccessorDefProps } from './AccessorDef.svelte.js';
+export interface QueryDefProps<T extends object, in FilterValueType = unknown, out OptionsValueType = unknown> extends AccessorDefProps<T, FilterValueType, OptionsValueType> {
     query: (queryString: string, item: T, index: number) => Promise<Array<SelectOption<unknown>>>;
     getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
     clearable?: boolean;
 }
-export declare class QueryDef<T extends object, FilterValueType = unknown> extends AccessorDef<T, FilterValueType> {
+export declare class QueryDef<T extends object, FilterValueType = unknown, out OptionsValueType = unknown> extends AccessorDef<T, FilterValueType, OptionsValueType> {
     readonly accessorType: "Query";
-    constructor(props: QueryDefProps<T, FilterValueType>);
+    constructor(props: QueryDefProps<T, FilterValueType, OptionsValueType>);
     readonly filterFn: CustomFilterFn | FilterFn<T, FilterValueType> | undefined;
     getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
     readonly query: (queryString: string, item: T, index: number) => Promise<Array<SelectOption<unknown>>>;

package/dist/Components/Table/Types/Columns/Definitions/Accessors/SelectDef.svelte.d.ts

@@ -2,16 +2,16 @@ import type { SelectOption } from '../../../../../../Types/Internal/SelectOption
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn } from '../../../Filtering/FilterFn.js';
 import { AccessorDef, type AccessorDefProps } from './AccessorDef.svelte.js';
-export interface SelectDefProps<T extends object, FilterValueType> extends AccessorDefProps<T, FilterValueType> {
-    getOptions: () => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
+export interface SelectDefProps<T extends object, in FilterValueType, out SelectValueType> extends AccessorDefProps<T, FilterValueType, SelectValueType> {
+    getOptions: () => Array<SelectOption<SelectValueType>> | Promise<Array<SelectOption<SelectValueType>>>;
     getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
     sortingFn?: (a: T, b: T) => 1 | -1 | 0;
-    getSpecificOptions?: (item: T, index: number) => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
+    getSpecificOptions?: (item: T, index: number) => Array<SelectOption<SelectValueType>> | Promise<Array<SelectOption<SelectValueType>>>;
     optional?: boolean;
     clearable?: boolean;
 }
-export declare class SelectDef<T extends object, FilterValueType> extends AccessorDef<T, FilterValueType> {
-    constructor(props: SelectDefProps<T, FilterValueType>);
+export declare class SelectDef<T extends object, in FilterValueType, out SelectValueType> extends AccessorDef<T, FilterValueType, SelectValueType> {
+    constructor(props: SelectDefProps<T, FilterValueType, SelectValueType>);
     readonly accessorType: "Select";
     private _filterFn;
     get filterFn(): FilterFn<T, FilterValueType> | CustomFilterFn | undefined;
@@ -19,7 +19,7 @@ export declare class SelectDef<T extends object, FilterValueType> extends Access
     readonly sortingFn?: (a: T, b: T) => 1 | -1 | 0;
     readonly optional: boolean;
     readonly clearable: boolean;
-    readonly getSpecificOptions?: (item: T, index: number) => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
+    readonly getSpecificOptions?: (item: T, index: number) => Array<SelectOption<SelectValueType>> | Promise<Array<SelectOption<SelectValueType>>>;
     getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
-    getOptions: () => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
+    getOptions: () => Array<SelectOption<SelectValueType>> | Promise<Array<SelectOption<SelectValueType>>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/Accessors/TextInputDef.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn, StringFilterValueType } from '../../../Filtering/FilterFn.js';
 import { AccessorDef, type AccessorDefProps } from './AccessorDef.svelte.js';
-export interface TextInputDefProps<T extends object, FilterValueType = StringFilterValueType> extends AccessorDefProps<T, FilterValueType> {
+export interface TextInputDefProps<T extends object, in FilterValueType = StringFilterValueType, out SelectValueType = StringFilterValueType> extends AccessorDefProps<T, FilterValueType, SelectValueType> {
     filterValueType?: 'String';
 }
-export declare class TextInputDef<T extends object, FilterValueType = StringFilterValueType> extends AccessorDef<T, FilterValueType> {
+export declare class TextInputDef<T extends object, in FilterValueType = StringFilterValueType, out SelectValueType = StringFilterValueType> extends AccessorDef<T, FilterValueType, SelectValueType> {
     readonly accessorType: "Text";
-    constructor(props: TextInputDefProps<T, FilterValueType>);
+    constructor(props: TextInputDefProps<T, FilterValueType, SelectValueType>);
     private _filterFn;
     get filterFn(): CustomFilterFn | FilterFn<T, FilterValueType> | undefined;
     set filterFn(v: CustomFilterFn | FilterFn<T, FilterValueType> | undefined);

package/dist/Components/Table/Types/Columns/Definitions/Actions/ActionsDef.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { ColourSet } from '../../../../../../scss/colours.js';
 import type { TableActionButton } from '../../TableActionButton.js';
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
-export interface ActionsDefProps<T extends object, FilterValueType> extends Omit<ColumnDefProps<T, FilterValueType>, 'id' | 'header'> {
+export interface ActionsDefProps<T extends object, in FilterValueType, out OptionsValueType = unknown> extends Omit<ColumnDefProps<T, FilterValueType, OptionsValueType>, 'id' | 'header'> {
     actions: Array<TableActionButton<T>>;
     isEnabled?: (item: T, index: number, button: TableActionButton<T>) => boolean | Promise<boolean>;
     getColourSet?: (item: T, index: number, button: TableActionButton<T>) => ColourSet;
 }
-export declare class ActionsDef<T extends object, FilterValueType> extends ColumnDef<T, FilterValueType> {
+export declare class ActionsDef<T extends object, FilterValueType, out OptionsValueType = unknown> extends ColumnDef<T, FilterValueType, OptionsValueType> {
     constructor(props: ActionsDefProps<T, FilterValueType>);
     readonly columnType: "Actions";
     readonly actions: Array<TableActionButton<T>>;

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.d.ts

@@ -7,7 +7,7 @@ import type { FilterValueType } from '../../Filtering/FilterValueType.js';
 import { ColumnType } from '../ColumnType.js';
 import type { AccessorFn } from './AccessorFn.js';
 import type { ValidationFn } from './ValidationFn.js';
-export interface ColumnDefProps<T extends object, FilterFnType> {
+export interface ColumnDefProps<T extends object, in FilterFnType, out OptionsType> {
     id: string;
     header: string | Snippet;
     debug?: boolean;
@@ -22,12 +22,12 @@ export interface ColumnDefProps<T extends object, FilterFnType> {
     isValid?: ValidationFn<T>;
     filterFn?: FilterFn<T, FilterFnType> | CustomFilterFn;
     filterValueType?: FilterValueType;
-    getOptions?: () => Array<SelectOption<FilterFnType>> | Promise<Array<SelectOption<FilterFnType>>>;
+    getOptions?: () => Array<SelectOption<OptionsType>> | Promise<Array<SelectOption<OptionsType>>>;
     accessorFn?: AccessorFn<T>;
     getDisplayValue?: (item: T, index: number) => string | null | Promise<string | null>;
 }
-export declare abstract class ColumnDef<T extends object, FilterFnType> {
-    protected constructor(props: ColumnDefProps<T, FilterFnType>);
+export declare abstract class ColumnDef<T extends object, in FilterFnType = unknown, out OptionsType = unknown> {
+    protected constructor(props: ColumnDefProps<T, FilterFnType, OptionsType>);
     readonly id: string;
     debug: boolean;
     private _index;
@@ -60,6 +60,5 @@ export declare abstract class ColumnDef<T extends object, FilterFnType> {
     readonly isEditable: (item: T, index: number) => boolean | Promise<boolean>;
     readonly resizable: boolean;
     readonly header: string | Snippet;
-    readonly getOptions?: () => Array<SelectOption<FilterFnType>> | Promise<Array<SelectOption<FilterFnType>>>;
-    readonly downcast: () => ColumnDef<T, FilterFnType>;
+    readonly getOptions?: () => Array<SelectOption<OptionsType>> | Promise<Array<SelectOption<OptionsType>>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.js

@@ -83,10 +83,4 @@ export class ColumnDef {
     resizable;
     header;
     getOptions;
-    // HACK: indended to be used as a quick type coercion for lists of ColumnDef<T,unknown>
-    // not the best way to solve this problem, but I've wasted enough time on this.
-    // eslint-disable-next-line @typescript-eslint/prefer-return-this-type
-    downcast = () => {
-        return this;
-    };
 }

package/dist/Components/Table/Types/Columns/Definitions/ColumnDefSet.d.ts

@@ -7,5 +7,5 @@ export interface ColumnDefSet<T extends object> {
     sortingState: SortingState;
     visibilityState: VisibilityState;
     columnPinningState: ColumnPinningState;
-    columnDefs: Array<ColumnDef<T, unknown>>;
+    columnDefs: Array<ColumnDef<T>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.d.ts

@@ -2,17 +2,17 @@ import type { Component } from 'svelte';
 import type { DisplayType } from '../../DisplayType.js';
 import type { TableCell } from '../../TableCell.js';
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
-export interface DisplayDefModalProps<T extends object, FilterValueType> {
-    cell: TableCell<T, FilterValueType>;
+export interface DisplayDefModalProps<T extends object, in FilterValueType = unknown, out OptionsValueType = unknown> {
+    cell: TableCell<T, FilterValueType, OptionsValueType>;
     onclose: () => void;
     onsubmit: () => void;
 }
-export interface AbstractDisplayDefProps<T extends object, FilterFnType> extends ColumnDefProps<T, FilterFnType> {
+export interface AbstractDisplayDefProps<T extends object, FilterFnType, out OptionsValueType = unknown> extends ColumnDefProps<T, FilterFnType, OptionsValueType> {
     modal?: Component<any, any, any>;
 }
-export declare abstract class AbstractDisplayDef<T extends object, FilterValueType> extends ColumnDef<T, FilterValueType> {
+export declare abstract class AbstractDisplayDef<T extends object, FilterValueType, out OptionsValueType = unknown> extends ColumnDef<T, FilterValueType, OptionsValueType> {
     abstract readonly displayType: DisplayType;
-    constructor(props: AbstractDisplayDefProps<T, FilterValueType>);
+    constructor(props: AbstractDisplayDefProps<T, FilterValueType, OptionsValueType>);
     readonly columnType: "Display";
     readonly modal: Component<DisplayDefModalProps<T, FilterValueType>, any, any> | undefined;
 }

package/dist/Components/Table/Types/Columns/Definitions/Expand/ExpandDef.svelte.d.ts

@@ -2,7 +2,7 @@ import type { IconProps } from '../../../../../IconProps.js';
 import type { Primitive, TableInitOptions } from '../../../Context/TableInitOptions.js';
 import type { DefsWrapper } from '../../DefsWrapper.js';
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
-export interface ExpandDefProps<T extends object, R extends object, InnterIdType extends Primitive, FilterValueType = unknown> extends ColumnDefProps<T, FilterValueType> {
+export interface ExpandDefProps<T extends object, R extends object, InnterIdType extends Primitive = Primitive, in FilterValueType = unknown, out OptionsValueType = unknown> extends ColumnDefProps<T, FilterValueType, OptionsValueType> {
     isEnabled: (item: T, index: number) => boolean | Promise<boolean>;
     getInnerColumnDefs: (item: T, index: number) => DefsWrapper<R>;
     headerIcon: IconProps['name'];
@@ -10,9 +10,9 @@ export interface ExpandDefProps<T extends object, R extends object, InnterIdType
     innerTableOptions: TableInitOptions<R, InnterIdType>;
     accessorFn: (item: T, index: number) => Array<R> | Promise<Array<R>>;
 }
-export declare class ExpandDef<T extends object, R extends object, InnterIdType extends Primitive, FilterValueType = unknown> extends ColumnDef<T, FilterValueType> {
+export declare class ExpandDef<T extends object, R extends object, InnterIdType extends Primitive = Primitive, in FilterValueType = unknown, out OptionsValueType = unknown> extends ColumnDef<T, FilterValueType, OptionsValueType> {
     readonly columnType: "Expand";
-    constructor(props: ExpandDefProps<T, R, InnterIdType, FilterValueType>);
+    constructor(props: ExpandDefProps<T, R, InnterIdType, FilterValueType, OptionsValueType>);
     readonly accessorFn: (item: T, index: number) => Array<R> | Promise<Array<R>>;
     readonly filterFn: undefined;
     readonly innerTableName: string;

package/dist/Components/Table/Types/Columns/Definitions/FilterOnly/FilterOnlyDef.svelte.d.ts

@@ -2,9 +2,10 @@ import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn } from '../../../Filtering/FilterFn.js';
 import { ColumnType } from '../../ColumnType.js';
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
-export type FilterOnlyDefProps<T extends object, FilterFnType = unknown> = ColumnDefProps<T, FilterFnType>;
-export declare class FilterOnlyDef<T extends object, FilterFnType = unknown> extends ColumnDef<T, FilterFnType> {
-    constructor(props: FilterOnlyDefProps<T, FilterFnType>);
+export interface FilterOnlyDefProps<T extends object, FilterFnType = unknown, out OptionsValueType = unknown> extends ColumnDefProps<T, FilterFnType, OptionsValueType> {
+}
+export declare class FilterOnlyDef<T extends object, FilterFnType = unknown, out OptionsValueType = unknown> extends ColumnDef<T, FilterFnType, OptionsValueType> {
+    constructor(props: FilterOnlyDefProps<T, FilterFnType, OptionsValueType>);
     readonly columnType: ColumnType;
     readonly filterFn: CustomFilterFn | FilterFn<T, FilterFnType> | undefined;
 }

package/dist/Components/Table/Types/Columns/Definitions/JSONColumnDefSet.d.ts

@@ -7,5 +7,5 @@ export interface JSONColumnDefSet<T extends object> {
     sortingState: SortingState;
     visibilityState: VisibilityState;
     columnPinningState: JSONColumnPinningState;
-    columnDefs: Array<ColumnDef<T, unknown>>;
+    columnDefs: Array<ColumnDef<T>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.d.ts

@@ -1,7 +1,6 @@
-import type { BoolFilterValueType } from '../../../Filtering/FilterFn.js';
 import { ColumnType } from '../../ColumnType.js';
 import { ColumnDef } from '../ColumnDef.svelte.js';
-export declare class RowSelectionDef<T extends object, FilterValueType = BoolFilterValueType> extends ColumnDef<T, FilterValueType> {
+export declare class RowSelectionDef<T extends object> extends ColumnDef<T> {
     readonly isSelectable: (item: T, index: number) => boolean | Promise<boolean>;
     readonly columnType: ColumnType;
     constructor(isSelectable: (item: T, index: number) => boolean | Promise<boolean>);

package/dist/Components/Table/Types/Columns/DefsWrapper.d.ts

@@ -1,6 +1,6 @@
 import type { CustomRemoteFilters } from '../Filtering/CustomRemoteFilters.js';
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
 export interface DefsWrapper<T extends object> {
-    defs: Array<ColumnDef<T, unknown>>;
+    defs: Array<ColumnDef<T>>;
     remoteFilters?: CustomRemoteFilters<unknown>;
 }

package/dist/Components/Table/Types/Columns/TableCell.d.ts

@@ -1,7 +1,7 @@
 import type { Row } from '../Context/Row.js';
 import type { Column } from './Column.js';
-export interface TableCell<T extends object, FilterValueType = unknown> {
-    column: Column<T, FilterValueType>;
+export interface TableCell<T extends object, in FilterValueType = unknown, out OptionsValueType = unknown> {
+    column: Column<T, FilterValueType, OptionsValueType>;
     row: Row<T>;
     id: string;
     getValue: () => unknown | Promise<unknown>;

package/dist/Components/Table/Types/Context/ITable.d.ts

@@ -10,7 +10,7 @@ import type { OnChangeFn } from '../OnChangeFn.js';
 import type { PaginationState } from '../Pagination/PaginationState.js';
 export interface ITable<T extends object> {
     data: Promise<Array<T>>;
-    columns: Array<ColumnDef<T, unknown>>;
+    columns: Array<ColumnDef<T>>;
     columnSizing: ColumnSizingState;
     columnVisibility: VisibilityState;
     sorting: SortingState | undefined;

package/dist/Components/Table/Types/Context/TableContext.svelte.d.ts

@@ -62,11 +62,11 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     get limitFooter(): boolean;
     set limitFooter(v: boolean);
     private _dragTarget;
-    get dragTarget(): ColumnDef<T, any> | null;
-    set dragTarget(v: ColumnDef<T, any> | null);
+    get dragTarget(): ColumnDef<T> | null;
+    set dragTarget(v: ColumnDef<T> | null);
     private _columnDefs;
-    get columnDefs(): Array<ColumnDef<T, unknown>>;
-    set columnDefs(v: Array<ColumnDef<T, unknown>>);
+    get columnDefs(): Array<ColumnDef<T>>;
+    set columnDefs(v: Array<ColumnDef<T>>);
     private _columnPresets;
     get columnPresets(): ReadonlyArray<ColumnDefSet<T>>;
     private set columnPresets(value);
@@ -178,8 +178,8 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     updateColumnSizing: OnChangeFn<ColumnSizingState>;
     readonly table: ITable<T>;
     readonly lastPage: number;
-    readonly measureHeaderWidth: (columnDef: ColumnDef<T, unknown>) => number;
-    readonly autoResize: (columnDef: ColumnDef<T, unknown>) => Promise<void>;
+    readonly measureHeaderWidth: (columnDef: ColumnDef<T>) => number;
+    readonly autoResize: (columnDef: ColumnDef<T>) => Promise<void>;
     reorderColumn: (dropTarget: HTMLLIElement | HTMLTableCellElement | null) => void;
     copyHighlightedRowsToClipboard: () => Promise<void>;
     copyDataToClipboard: () => Promise<void>;
@@ -231,8 +231,8 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     private setupDefaultColumnDefs;
     private _getUserDefaults;
     private _setNewPinningState;
-    readonly getToggleSortingHandler: (def: ColumnDef<T, unknown>) => () => void;
+    readonly getToggleSortingHandler: (def: ColumnDef<T>) => () => void;
     private reassignDefsToPresets;
     private filteringLoop;
 }
-export declare function isSearchable<T extends object, CD extends ColumnDef<T, unknown>>(def: CD): def is CD & HasCustomFilterFunction;
+export declare function isSearchable<T extends object, CD extends ColumnDef<T>>(def: CD): def is CD & HasCustomFilterFunction;

package/dist/Components/Table/Types/Context/TableContext.svelte.js

@@ -317,8 +317,6 @@ export class TableContext {
     set limitFooter(v) {
         this._limitFooter = v;
     }
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-    // type here set to any because users of this property should not access the filter type, but typescript doesn't support that
     _dragTarget = $state(null);
     get dragTarget() {
         return this._dragTarget;
@@ -326,7 +324,6 @@ export class TableContext {
     set dragTarget(v) {
         this._dragTarget = v;
     }
-    /* eslint-enable @typescript-eslint/no-explicit-any */
     _columnDefs = $state([]);
     get columnDefs() {
         return this._columnDefs;
@@ -1068,6 +1065,13 @@ export class TableContext {
                 else {
                     this.setFocusRight();
                 }
+                return;
+            }
+            default: {
+                if (this.debug) {
+                    console.log(`handleKeystroke: ignoring key ${e.key}`);
+                }
+                break;
             }
         }
         if (this.allowCopy) {
@@ -1089,6 +1093,10 @@ export class TableContext {
                         await this.copyDataToClipboard();
                     }
                     break;
+                default: {
+                    //nothing
+                    break;
+                }
             }
         }
     }
@@ -1441,8 +1449,9 @@ export class TableContext {
         }
     };
     moveToStart = () => {
-        if (!this.focusStart)
+        if (!this.focusStart) {
             return;
+        }
         const visibility = this.columnVisibility;
         const columnDefs = this.columnDefs;
         const current = this.focusStart.column;

package/dist/Components/Table/Types/DataRepository/TableDataRepository.svelte.d.ts

@@ -43,6 +43,6 @@ export declare abstract class TableDataRepository<T extends object> implements I
     set forceRefresh(v: () => void);
     readonly registerRefreshMethod: (method: () => void) => void;
     protected getValueSet(values: Array<string | number | undefined>): Set<number>;
-    static getValues(values: Array<string | number | undefined>): Array<number>;
+    static getValues(values: Array<string | number | null | undefined>): Array<number>;
     static getMinMax(values: Array<string | number | null | undefined>): number[] | undefined[];
 }

package/dist/Components/Touch/TouchModal.svelte

@@ -103,7 +103,9 @@
 	onkeydown={handleEsc}
 	onclick={(e) => {
 		if (e.target === dialog) {
-			if (!mandatory) dialog.close();
+			if (!mandatory) {
+				dialog.close();
+			}
 		}
 		clearTimer();
 	}}

package/dist/Helpers/Helpers.svelte.js

@@ -62,7 +62,7 @@ export function refWrapper(initial) {
         },
         set value(v) {
             value = v;
-        }
+        },
     };
 }
 export function SQLFriendly(date) {
@@ -94,7 +94,7 @@ export const localTimeFormat = new Intl.DateTimeFormat('en-GB', {
     hourCycle: 'h23',
     minute: '2-digit',
     second: '2-digit',
-    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
+    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 });
 export function passthrough(e) {
     if (!e.key.match(/^[a-zA-Z0-9[\]]$/gm)) {
@@ -212,7 +212,7 @@ export async function asyncSome(array, asyncCallback) {
         // empty promise is required here
         // because otherwise the first false would immediately end the race without checking the rest of the array
         promises.map(async (p) => (await p) || emptyPromise)),
-        Promise.all(promises).then((r) => r.some(Boolean))
+        Promise.all(promises).then((r) => r.some(Boolean)),
     ]);
 }
 export async function asyncAll(array, asyncCallback) {
@@ -224,7 +224,7 @@ export async function asyncAll(array, asyncCallback) {
             // empty promise is required here
             // because otherwise the first false would immediately end the race without checking the rest of the array
             promises.map(async (p) => (await p) || emptyPromise)),
-            Promise.all(promises).then((r) => r.every(Boolean))
+            Promise.all(promises).then((r) => r.every(Boolean)),
         ]);
 }
 export const asyncEvery = asyncAll;

package/dist/Types/Examples/ExampleModal.svelte

@@ -1,12 +1,12 @@
 <svelte:options runes />
 
-<script lang="ts" generics="FilterValueType">
+<script lang="ts">
 	import DesktopModal from '../../Components/DesktopModal.svelte';
 	import Switch from '../../Components/Switch.svelte';
 	import type { DisplayDefModalProps } from '../../Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 	import type { ExampleItem } from './ExampleItem.js';
 
-	const { cell, onclose, onsubmit }: DisplayDefModalProps<ExampleItem, FilterValueType> = $props();
+	const { cell, onclose, onsubmit }: DisplayDefModalProps<ExampleItem> = $props();
 </script>
 
 <DesktopModal

package/dist/Types/Examples/ExampleModal.svelte.d.ts

@@ -1,26 +1,5 @@
 import type { DisplayDefModalProps } from '../../Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 import type { ExampleItem } from './ExampleItem.js';
-declare function $$render<FilterValueType>(): {
-    props: DisplayDefModalProps<ExampleItem, FilterValueType>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<FilterValueType> {
-    props(): ReturnType<typeof $$render<FilterValueType>>['props'];
-    events(): ReturnType<typeof $$render<FilterValueType>>['events'];
-    slots(): ReturnType<typeof $$render<FilterValueType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<FilterValueType>['props']>, ReturnType<__sveltets_Render<FilterValueType>['events']>, ReturnType<__sveltets_Render<FilterValueType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<FilterValueType>['bindings']>;
-    } & ReturnType<__sveltets_Render<FilterValueType>['exports']>;
-    <FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<FilterValueType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const ExampleModal: $$IsomorphicComponent;
-type ExampleModal<FilterValueType> = InstanceType<typeof ExampleModal<FilterValueType>>;
+declare const ExampleModal: import("svelte").Component<DisplayDefModalProps<ExampleItem, unknown, unknown>, {}, "">;
+type ExampleModal = ReturnType<typeof ExampleModal>;
 export default ExampleModal;

package/dist/Types/Internal/GridItem.d.ts

@@ -2,4 +2,4 @@ import type { GridNumberItem } from './GridNumberItem.js';
 import type { GridSelectItem } from './GridSelectItem.js';
 import type { GridTextItem } from './GridTextItem.js';
 import type { ValueProp } from './Misc.js';
-export type GridItem<V extends object, VP extends ValueProp<V>> = GridTextItem | GridNumberItem | GridSelectItem<V, VP>;
+export type GridItem<V extends object, VP extends ValueProp<V> = ValueProp<V>> = GridTextItem | GridNumberItem | GridSelectItem<V, VP>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.14.2",
+  "version": "0.16.0",
   "publishConfig": {
     "access": "restricted"
   },
@@ -33,35 +33,35 @@
     "@eslint/compat": "^2.0.2",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.58.2",
-    "@storybook/addon-a11y": "^10.2.12",
-    "@storybook/addon-docs": "^10.2.12",
+    "@storybook/addon-a11y": "^10.2.14",
+    "@storybook/addon-docs": "^10.2.14",
     "@storybook/addon-svelte-csf": "^5.0.11",
-    "@storybook/addon-vitest": "^10.2.12",
-    "@storybook/sveltekit": "^10.2.12",
-    "@sveltejs/adapter-node": "^5.5.3",
-    "@sveltejs/kit": "^2.53.1",
+    "@storybook/addon-vitest": "^10.2.14",
+    "@storybook/sveltekit": "^10.2.14",
+    "@sveltejs/adapter-node": "^5.5.4",
+    "@sveltejs/kit": "^2.53.4",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^25.3.0",
+    "@types/node": "^25.3.3",
     "@typescript-eslint/eslint-plugin": "^8.56.1",
     "@typescript-eslint/parser": "^8.56.1",
     "@vitest/browser": "^4.0.18",
     "@vitest/browser-playwright": "^4.0.18",
     "eslint": "^10.0.2",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "^10.2.12",
+    "eslint-plugin-storybook": "^10.2.14",
     "eslint-plugin-svelte": "^3.15.0",
-    "globals": "^17.3.0",
+    "globals": "^17.4.0",
     "mdsvex": "^0.12.6",
     "playwright": "^1.58.2",
     "prettier": "^3.8.1",
-    "prettier-plugin-svelte": "^3.5.0",
-    "publint": "^0.3.17",
+    "prettier-plugin-svelte": "^3.5.1",
+    "publint": "^0.3.18",
     "sass-embedded": "^1.97.3",
-    "storybook": "^10.2.12",
-    "svelte": "^5.53.4",
-    "svelte-check": "^4.4.3",
+    "storybook": "^10.2.14",
+    "svelte": "^5.53.7",
+    "svelte-check": "^4.4.4",
     "svelte-render-scan": "^1.1.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1",