@lavalogic/scoria 0.12.3 → 0.13.2

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

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object, FilterValueType">
 	import { dev } from '$app/environment';
 	import Action from '../../Action.svelte';
 	import Button from '../../Button.svelte';
@@ -33,9 +33,10 @@
 	import { NumberDateFilterMode } from '../Types/Filtering/NumberDateFilterMode.js';
 	import { StringFilterMode } from '../Types/Filtering/StringFilterMode.js';
 	import type { QuickSearchCellProps } from './QuickSearchCellProps.js';
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
 
-	const { column, customFilters }: QuickSearchCellProps<T> = $props();
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
+
+	const { column, customFilters }: QuickSearchCellProps<T, FilterValueType> = $props();
 
 	const def = $derived(column.columnDef);
 	const customFilter = $derived(customFilters?.get(def.id));
@@ -557,7 +558,6 @@
 							const newFilterType = newValue?.value ?? NumberDateFilterMode.In;
 
 							tableContext.paginationRepo?.setFilterMode(def.id, newFilterType);
-							tableContext.paginationRepo?.filterModes.set(def.id, newFilterType);
 
 							if (selectedNumberFilterType?.value !== oldFilterType?.value) {
 								if (oldFilterType?.value === NumberDateFilterMode.Between) {
@@ -587,7 +587,6 @@
 						onchange={(newValue: SelectOption<StringFilterMode> | null) => {
 							const filterType = newValue?.value ?? StringFilterMode.Contains;
 							tableContext.paginationRepo?.setFilterMode(def.id, filterType);
-							tableContext.paginationRepo?.filterModes.set(def.id, filterType);
 						}}
 						onkeydown={(e: KeyboardEvent) => {
 							e.stopPropagation();

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>;
+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> {
-    column: Column<T>;
+export interface QuickSearchCellProps<T extends object, FilterValueType> {
+    column: Column<T, FilterValueType>;
     customFilters?: CustomRemoteFilters | undefined;
 }

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

@@ -8,11 +8,11 @@
 	import type { ColumnListProps } from './ColumnListProps.js';
 	import ColumnListRow from './ColumnListRow.svelte';
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const { searchValue }: ColumnListProps = $props();
 
-	const visibleColumns: Array<ColumnDef<T>> = $derived.by(() => {
+	const visibleColumns: Array<ColumnDef<T, unknown>> = $derived.by(() => {
 		const lowercasedSearchValue = searchValue.toLocaleLowerCase();
 		return tableContext.columnDefs.filter(
 			(it) =>

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

@@ -1,15 +1,15 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,FilterValueType">
 	import Checkbox from '../../../Checkbox.svelte';
 	import Icon from '../../../Icon.svelte';
 	import { TableContext } from '../../Types/Context/TableContext.svelte.js';
 	import { Size } from '../../../../Types/Internal/Size.js';
 	import { getContext } from 'svelte';
 	import type { ColumnListRowProps } from './ColumnListRowProps.js';
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const { columnDef }: ColumnListRowProps<T> = $props();
+	const { columnDef }: ColumnListRowProps<T, FilterValueType> = $props();
 
 	const isExpandColumn = $derived(columnDef?.columnType === 'Expand');
 

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>(): {
-    props: ColumnListRowProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: ColumnListRowProps<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 ColumnListRow: $$IsomorphicComponent;
-type ColumnListRow<T extends object> = InstanceType<typeof ColumnListRow<T>>;
+type ColumnListRow<T extends object, FilterValueType> = InstanceType<typeof ColumnListRow<T, FilterValueType>>;
 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> {
-    columnDef: ColumnDef<T> | null;
+export interface ColumnListRowProps<T extends object, FilterValueType> {
+    columnDef: ColumnDef<T, FilterValueType> | null;
 }

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

@@ -8,7 +8,7 @@
 	import { MultiFocusEdge } from '../../../Types/Focus/MultiFocusEdge.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { devCatch, refWrapper } from '../../../../../Helpers/Helpers.svelte.js';
+	import { asyncMap, devCatch, refWrapper } from '../../../../../Helpers/Helpers.svelte.js';
 	import { Colour, ColourSet } from '../../../../../scss/colours.js';
 	import { Size } from '../../../../../Types/Internal/Size.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
@@ -20,11 +20,11 @@
 </script>
 
 <script lang="ts" generics="T extends object,FilterValueType">
-	const { cell }: ActionsCellProps<T> = $props();
+	const { cell }: ActionsCellProps<T, FilterValueType> = $props();
 
 	const value = $derived(cell.getValue());
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
 	const actions: Array<TableActionButton<T>> = $derived(cell.column.columnDef.actions);
@@ -88,12 +88,14 @@
 			untrack(() => {
 				tick()
 					.then(() => {
-						if (validity === Validity.Invalid) {
-							tableContext.addInvalidValue(cell.row.original);
-						} else {
-							tableContext.removeInvalidValue(cell.row.original);
-						}
+						const x =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
 						previousValidity = validity;
+
+						return x;
 					})
 					.catch(devCatch);
 			});
@@ -163,15 +165,23 @@
 		/>
 	</div>
 	{#if thisPopupIsVisibile}
-		<Portal>
-			<div class="popup" style="--y: {y}px; --x: {x}px;">
-				<div class="action-container">
-					{#each actions as action (action.getLabel(cell.row.original, cell.row.visibleIndex))}
-						<TableAction {action} {cell} />
-					{/each}
+		{@const awaitedActions = asyncMap<TableActionButton<T>, [TableActionButton<T>, string]>(
+			actions,
+			async (item) => {
+				return [item, await item.getLabel(cell.row.original, cell.row.visibleIndex)];
+			}
+		)}
+		{#await awaitedActions then actions}
+			<Portal>
+				<div class="popup" style="--y: {y}px; --x: {x}px;">
+					<div class="action-container">
+						{#each actions as [action, label] (label)}
+							<TableAction {action} {cell} />
+						{/each}
+					</div>
 				</div>
-			</div>
-		</Portal>
+			</Portal>
+		{/await}
 	{/if}
 </td>
 

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

@@ -1,7 +1,7 @@
 import type { ActionsCellProps } from './ActionsCellProps.js';
 export declare let shownPopup: import("../../../../../index.js").RefWrapper<symbol | undefined>;
 declare function $$render<T extends object, FilterValueType>(): {
-    props: ActionsCellProps<T>;
+    props: ActionsCellProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};

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

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

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

@@ -1,5 +1,5 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
-export interface ActionsColumn<T extends object> extends Column<T> {
+export interface ActionsColumn<T extends object, FilterValueType> extends Column<T, FilterValueType> {
     columnDef: ActionsDef<T>;
 }

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

@@ -1,5 +1,5 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
 import type { ActionsColumn } from './ActionsColumn.js';
-export interface ActionsTableCell<T extends object> extends TableCell<T> {
-    column: ActionsColumn<T>;
+export interface ActionsTableCell<T extends object, FilterValueType> extends TableCell<T, FilterValueType> {
+    column: ActionsColumn<T, FilterValueType>;
 }

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

@@ -16,7 +16,7 @@
 
 	const values = $derived(cell.getValue()) as Array<string> | Promise<Array<string>>;
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
 	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
@@ -44,12 +44,14 @@
 			untrack(() => {
 				tick()
 					.then(() => {
-						if (validity === Validity.Invalid) {
-							tableContext.addInvalidValue(cell.row.original);
-						} else {
-							tableContext.removeInvalidValue(cell.row.original);
-						}
+						const x =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
 						previousValidity = validity;
+
+						return x;
 					})
 					.catch(devCatch);
 			});

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

@@ -1,8 +1,12 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object, R extends object,FilterValueType">
+<script
+	lang="ts"
+	generics="T extends object, R extends object,FilterValueType, IdType extends Primitive"
+>
 	import Action from '../../../../Action.svelte';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
 	import { ColourSet } from '../../../../../scss/colours.js';
@@ -10,9 +14,13 @@
 	import { getContext } from 'svelte';
 	import type { ExpandCellProps } from './ExpandCellProps.js';
 
-	const { cell, expandedColumnDef, onExpandChange }: ExpandCellProps<T, R> = $props();
+	const {
+		cell,
+		expandedColumnDef,
+		onExpandChange
+	}: ExpandCellProps<T, R, IdType, FilterValueType> = $props();
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)

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

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

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

@@ -1,7 +1,8 @@
 import type { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 import type { ExpandTableCell } from '../../../Types/Columns/ExpandTableCell.js';
-export interface ExpandCellProps<T extends object, R extends object> {
-    cell: ExpandTableCell<T, R>;
-    expandedColumnDef: ExpandDef<T, R> | undefined;
-    onExpandChange: (def: ExpandDef<T, R>) => void;
+import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
+export interface ExpandCellProps<T extends object, R extends object, IdType extends Primitive, FilterValueType> {
+    cell: ExpandTableCell<T, R, IdType, FilterValueType>;
+    expandedColumnDef: ExpandDef<T, R, IdType, FilterValueType> | undefined;
+    onExpandChange: (def: ExpandDef<T, R, IdType, FilterValueType>) => void;
 }

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

@@ -17,7 +17,7 @@
 		cell.column.columnDef.getDisplayValue?.(cell.row.original, cell.row.originalIndex) ?? value
 	);
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
 	const options: Array<SelectOption<unknown>> = $derived(

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

@@ -22,7 +22,7 @@
 
 	const value: [number, number] = $derived(cell.getValue()) as [number, number];
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
 	// const previousRowIndex: number | undefined = $state(undefined);
@@ -52,12 +52,14 @@
 			untrack(() => {
 				tick()
 					.then(() => {
-						if (validity === Validity.Invalid) {
-							tableContext.addInvalidValue(cell.row.original);
-						} else {
-							tableContext.removeInvalidValue(cell.row.original);
-						}
+						const x =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
 						previousValidity = validity;
+
+						return x;
 					})
 					.catch(devCatch);
 			});

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

@@ -1,5 +1,6 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
-export interface RowSelectionColumn<T extends object> extends Column<T> {
+import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
+export interface RowSelectionColumn<T extends object> extends Column<T, BoolFilterValueType> {
     columnDef: RowSelectionDef<T>;
 }

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

@@ -1,5 +1,6 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
+import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 import type { RowSelectionColumn } from './RowSelectionColumn.js';
-export interface RowSelectionTableCell<T extends object> extends TableCell<T> {
+export interface RowSelectionTableCell<T extends object> extends TableCell<T, BoolFilterValueType> {
     column: RowSelectionColumn<T>;
 }

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

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

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

@@ -8,14 +8,14 @@
 	import { Size } from '../../../../../Types/Internal/Size.js';
 	import type { ActionsTableCell } from './ActionsTableCell.js';
 
-	export interface TableActionProps<T extends object> {
+	export interface TableActionProps<T extends object, FilterValueType> {
 		action: TableActionButton<T>;
-		cell: ActionsTableCell<T>;
+		cell: ActionsTableCell<T, FilterValueType>;
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
-	const { action, cell }: TableActionProps<T> = $props();
+<script lang="ts" generics="T extends object,FilterValueType">
+	const { action, cell }: TableActionProps<T, FilterValueType> = $props();
 
 	const isEnabledPromise: boolean | Promise<boolean> = $derived.by(() => {
 		const disabled = action.isDisabled?.(cell.row.original, cell.row.originalIndex);

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

@@ -1,30 +1,30 @@
 import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
 import type { ActionsTableCell } from './ActionsTableCell.js';
-export interface TableActionProps<T extends object> {
+export interface TableActionProps<T extends object, FilterValueType> {
     action: TableActionButton<T>;
-    cell: ActionsTableCell<T>;
+    cell: ActionsTableCell<T, FilterValueType>;
 }
-declare function $$render<T extends object>(): {
-    props: TableActionProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: TableActionProps<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 TableAction: $$IsomorphicComponent;
-type TableAction<T extends object> = InstanceType<typeof TableAction<T>>;
+type TableAction<T extends object, FilterValueType> = InstanceType<typeof TableAction<T, FilterValueType>>;
 export default TableAction;

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

@@ -23,7 +23,7 @@
 
 	const value = $derived(!!cell.getValue());
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
 	const focusDetails: TableFocusDetails<T, BoolFilterValueType> = $derived(

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

@@ -25,8 +25,8 @@
 
 	export interface TableColumnProps<T extends object, FilterValueType> {
 		cell: TableCell<T, FilterValueType>;
-		expandedColumnDef: ExpandDef<T> | undefined;
-		onExpandChange: (columnDef: ExpandDef<T>) => void;
+		expandedColumnDef: ExpandDef<T, object, Primitive, FilterValueType> | undefined;
+		onExpandChange: (columnDef: ExpandDef<T, object, Primitive, FilterValueType>) => void;
 	}
 
 	function isProgressBarTableCell<T extends object>(
@@ -39,6 +39,7 @@
 <script lang="ts" generics="T extends object,FilterValueType">
 	import { dev } from '$app/environment';
 	import { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
+	import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
 	import type { RowSelectionTableCell } from './RowSelectionTableCell.js';
 
 	let { cell, expandedColumnDef, onExpandChange }: TableColumnProps<T, FilterValueType> = $props();
@@ -55,10 +56,12 @@
 		return typeof valueOrComponent === 'function';
 	}
 
-	function isActionsDef(cell: TableCell<T>): cell is ActionsTableCell<T> {
+	function isActionsDef(cell: TableCell<T>): cell is ActionsTableCell<T, FilterValueType> {
 		return cell.column.columnDef instanceof ActionsDef;
 	}
-	function isExpandTableCell(cell: TableCell<T>): cell is ExpandTableCell<T> {
+	function isExpandTableCell(
+		cell: TableCell<T>
+	): cell is ExpandTableCell<T, object, Primitive, FilterValueType> {
 		return cell.column.columnDef instanceof ExpandDef;
 	}
 

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

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

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

@@ -19,7 +19,7 @@
 
 	const dateValue = $derived(value && value instanceof Date ? value : undefined);
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
 	const columnDef = $derived(cell.column.columnDef);
@@ -103,9 +103,9 @@
 		validityPromise
 			.then(([validity]) => {
 				if (validity === Validity.Invalid) {
-					tableContext.addInvalidValue(cell.row.original);
+					return tableContext.addInvalidValue(cell.row.original);
 				} else {
-					tableContext.removeInvalidValue(cell.row.original);
+					return tableContext.removeInvalidValue(cell.row.original);
 				}
 			})
 			.catch(devCatch);