@lavalogic/scoria 0.12.2 → 0.13.1

package/dist/Components/Base/ContextWrapper.svelte

@@ -1,3 +1,17 @@
+<!-- 
+	@component
+ 	Sets Contexts expected to exist for internal functionalities:
+	Context Menu, Tooltip, Toast, Untyped Input.
+
+	It is meant to be used in a +page.svelte or a +layout.svelte as early as required.
+
+	### Usage
+	```svelte
+	<ContextWrapper>
+		{@render children()}
+	</ChontextWrapper>
+	```
+-->
 <script lang="ts">
 	import { AlertContext } from '../../Contexts/AlertContext.svelte.js';
 	import { ContextMenuContext } from '../../Contexts/ContextMenuContext.svelte.js';
@@ -19,7 +33,7 @@
 	const alertContext = new AlertContext();
 	setContext(AlertContext.identifier, alertContext);
 
-	// svelte-ignore state_referenced_locally
+	// NOTE known limitation. Not expected to mutate after instantiation
 	const untypedListenerContext = new UntypedInputContext(debug);
 	setContext(UntypedInputContext.identifier, untypedListenerContext);
 </script>
@@ -32,3 +46,4 @@
 {/if}
 <svelte:window onkeydown={untypedListenerContext.handleGlobalKeydown} />
 {@render children()}
+<!-- -->

package/dist/Components/Base/ContextWrapper.svelte.d.ts

@@ -1,4 +1,17 @@
 import type { ContextWrapperProps } from './ContextWrapperProps.js';
+/**
+ * Sets Contexts expected to exist for internal functionalities:
+ * Context Menu, Tooltip, Toast, Untyped Input.
+ *
+ * It is meant to be used in a +page.svelte or a +layout.svelte as early as required.
+ *
+ * ### Usage
+ * ```svelte
+ * <ContextWrapper>
+ * 	{@render children()}
+ * </ChontextWrapper>
+ * ```
+ */
 declare const ContextWrapper: import("svelte").Component<ContextWrapperProps, {}, "">;
 type ContextWrapper = ReturnType<typeof ContextWrapper>;
 export default ContextWrapper;

package/dist/Components/TabGroupButtonProps.d.ts

@@ -1,5 +1,5 @@
 import type { TabOption } from '../Types/Internal/TabOption.js';
-export interface TabGroupButtonProps<Args extends object | undefined> {
+export interface TabGroupButtonProps<Args> {
     option: TabOption<Args>;
     selected: boolean;
 }

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

@@ -33,7 +33,8 @@
 	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 tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const { column, customFilters }: QuickSearchCellProps<T> = $props();
 
@@ -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/Rows/ColumnList.svelte

@@ -8,7 +8,7 @@
 	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();
 

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

@@ -7,7 +7,7 @@
 	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();
 

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

@@ -27,13 +27,13 @@
 	} as const;
 </script>
 
-<script lang="ts" generics="T extends object">
-	const { cell }: AccessorComponentProps<T> = $props();
+<script lang="ts" generics="T extends object, FilterValueType">
+	const { cell }: AccessorComponentProps<T, FilterValueType> = $props();
 
 	const CurrentComponent = $derived(getAppropriateAccessorDef(cell.column.columnDef));
 
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	function getAppropriateAccessorDef(columnDef: ColumnDef<T>): Component<any> {
+	function getAppropriateAccessorDef(columnDef: ColumnDef<T, FilterValueType>): 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>(): {
-    props: AccessorComponentProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: AccessorComponentProps<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 AccessorComponent: $$IsomorphicComponent;
-type AccessorComponent<T extends object> = InstanceType<typeof AccessorComponent<T>>;
+type AccessorComponent<T extends object, FilterValueType> = InstanceType<typeof AccessorComponent<T, FilterValueType>>;
 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> {
-    cell: TableCell<T>;
+export interface AccessorComponentProps<T extends object, FilterValueType> {
+    cell: TableCell<T, FilterValueType>;
 }

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';
@@ -19,12 +19,12 @@
 	export let shownPopup = refWrapper<symbol | undefined>(undefined);
 </script>
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,FilterValueType">
 	const { cell }: ActionsCellProps<T> = $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);
@@ -33,7 +33,7 @@
 	const thisPopupIsVisibile = $derived(thisPopup === shownPopup.value);
 	const hasValue: boolean = $derived(value !== undefined);
 	const edge: MultiFocusEdge | undefined = $state();
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
@@ -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,26 +1,26 @@
 import type { ActionsCellProps } from './ActionsCellProps.js';
 export declare let shownPopup: import("../../../../../index.js").RefWrapper<symbol | undefined>;
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object, FilterValueType>(): {
     props: ActionsCellProps<T>;
     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 ActionsCell: $$IsomorphicComponent;
-type ActionsCell<T extends object> = InstanceType<typeof ActionsCell<T>>;
+type ActionsCell<T extends object, FilterValueType> = InstanceType<typeof ActionsCell<T, FilterValueType>>;
 export default ActionsCell;

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

@@ -1,7 +1,7 @@
 <svelte:options runes />
 
 <!-- TODO editable version of this should contain a multi select -->
-<script lang="ts" generics="T extends object">
+<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';
@@ -12,14 +12,14 @@
 	import { getContext, tick, untrack } from 'svelte';
 	import type { FocusableImmutableCellProps } from './FocusableImmutableCellProps.js';
 
-	const { cell }: FocusableImmutableCellProps<T> = $props();
+	const { cell }: FocusableImmutableCellProps<T, FilterValueType> = $props();
 
 	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> = $derived(
+	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
@@ -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/BubbleCell.svelte.d.ts

@@ -1,25 +1,25 @@
 import type { FocusableImmutableCellProps } from './FocusableImmutableCellProps.js';
-declare function $$render<T extends object>(): {
-    props: FocusableImmutableCellProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: FocusableImmutableCellProps<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 BubbleCell: $$IsomorphicComponent;
-type BubbleCell<T extends object> = InstanceType<typeof BubbleCell<T>>;
+type BubbleCell<T extends object, FilterValueType> = InstanceType<typeof BubbleCell<T, FilterValueType>>;
 export default BubbleCell;

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">
+<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,11 +14,11 @@
 	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> = $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> = $derived(
+	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>(): {
-    props: ExpandCellProps<T, R>;
+declare function $$render<T extends object, R extends object, FilterValueType, IdType extends Primitive>(): {
+    props: ExpandCellProps<T, R, IdType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object, R extends object> {
-    props(): ReturnType<typeof $$render<T, R>>['props'];
-    events(): ReturnType<typeof $$render<T, R>>['events'];
-    slots(): ReturnType<typeof $$render<T, R>>['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>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, R>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, R>['props']>, ReturnType<__sveltets_Render<T, R>['events']>, ReturnType<__sveltets_Render<T, R>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, R>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, R>['exports']>;
-    <T extends object, R extends object>(internal: unknown, props: ReturnType<__sveltets_Render<T, R>['props']> & {}): ReturnType<__sveltets_Render<T, R>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<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> = InstanceType<typeof ExpandCell<T, R>>;
+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> {
+    cell: ExpandTableCell<T, R, IdType>;
+    expandedColumnDef: ExpandDef<T, R, IdType> | undefined;
+    onExpandChange: (def: ExpandDef<T, R, IdType>) => void;
 }

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

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<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';
@@ -9,7 +9,7 @@
 	import { getContext } from 'svelte';
 	import type { FocusableImmutableCellProps } from './FocusableImmutableCellProps.js';
 
-	const { cell, children }: FocusableImmutableCellProps<T> = $props();
+	const { cell, children }: FocusableImmutableCellProps<T, FilterValueType> = $props();
 
 	const value = $derived(cell.getValue());
 
@@ -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(
@@ -27,7 +27,7 @@
 	);
 	const hasValue: boolean = $derived(value !== undefined);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 </script>

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

@@ -1,25 +1,25 @@
 import type { FocusableImmutableCellProps } from './FocusableImmutableCellProps.js';
-declare function $$render<T extends object>(): {
-    props: FocusableImmutableCellProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: FocusableImmutableCellProps<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 FocusableImmutableCell: $$IsomorphicComponent;
-type FocusableImmutableCell<T extends object> = InstanceType<typeof FocusableImmutableCell<T>>;
+type FocusableImmutableCell<T extends object, FilterValueType> = InstanceType<typeof FocusableImmutableCell<T, FilterValueType>>;
 export default FocusableImmutableCell;

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

@@ -1,6 +1,6 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
 import type { Snippet } from 'svelte';
-export interface FocusableImmutableCellProps<T extends object> {
-    cell: TableCell<T>;
+export interface FocusableImmutableCellProps<T extends object, FilterValueType> {
+    cell: TableCell<T, FilterValueType>;
     children?: Snippet;
 }

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

@@ -4,6 +4,7 @@
 	import ProgressBubble from '../../../../ProgressBubble.svelte';
 	import type { ProgressBarTableCell } from '../../../Types/Columns/ProgressBarTableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { NumberFilterValueType } 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';
@@ -21,13 +22,13 @@
 
 	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);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
-		new TableFocusDetails(cell, tableContext, toast)
+	const focusDetails = $derived(
+		new TableFocusDetails<T, NumberFilterValueType>(cell, tableContext, toast)
 	);
 
 	let previousValidity: Validity = $state(Validity.Valid);
@@ -51,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

@@ -0,0 +1,5 @@
+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> {
+    columnDef: RowSelectionDef<T>;
+}

package/dist/Components/Table/Body/Rows/Columns/RowSelectionColumn.js

@@ -0,0 +1 @@
+export {};

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

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

package/dist/Components/Table/Body/Rows/Columns/RowSelectionTableCell.js

@@ -0,0 +1 @@
+export {};