@lavalogic/scoria 0.13.3 → 0.14.0

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

@@ -15,7 +15,7 @@ import { ProgressBarDef } from '../Types/Columns/Definitions/Display/ProgressBar
 import { ValidityDef } from '../Types/Columns/Definitions/Display/ValidityDef.svelte.js';
 import { ExpandDef } from '../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 export function generateExampleItemColumnDefs(modal) {
-    const expandDef = new ExpandDef({
+    const expandDef = $state(new ExpandDef({
         accessorFn: (it) => [it],
         getInnerColumnDefs: () => generateExampleItemColumnDefs(modal),
         header: 'Expand Cell',
@@ -27,7 +27,34 @@ export function generateExampleItemColumnDefs(modal) {
             getUserId: () => '1'
         },
         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
+    }));
     let defs = $state([
         expandDef,
         new ValidityDef({
@@ -143,33 +170,7 @@ export function generateExampleItemColumnDefs(modal) {
             defaultHidden: true,
             showTime: true
         }),
-        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
-        }),
+        selectDef,
         new BubbleDef({
             header: 'Generated Bubble',
             id: 'generatedBubble',

package/dist/Components/Table/Misc/FilterInput.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object,FilterValueType">
+<script lang="ts" generics="T extends object">
 	import { dev } from '$app/environment';
 	import Button from '../../Button.svelte';
 	import MultiSelect from '../../MultiSelect.svelte';
@@ -26,7 +26,7 @@
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const { def, customFilters }: FilterInputProps<T, FilterValueType> = $props();
+	const { def, customFilters }: FilterInputProps<T, unknown> = $props();
 
 	const customFilter = $derived(customFilters?.get(def.id));
 
@@ -37,7 +37,7 @@
 	let valueMax: number | null = $state(null);
 
 	let selectedOptions: Array<SelectOption<unknown>> = $state([]);
-	let lastQueryOptions: Array<SelectOption<string | number>> = $state([]);
+	let lastQueryOptions: Array<SelectOption<unknown>> = $state([]);
 
 	const isNumeric = $derived(
 		def instanceof NumberInputDef || customFilter?.type === CustomFilterType.Number
@@ -108,7 +108,7 @@
 						if (def.debug) {
 							console.log('value:', $state.snapshot(x));
 						}
-						value = (x ?? null) as SelectOption<string | number> | null;
+						value = (x ?? null) as SelectOption<unknown> | null;
 					} else if (def.debug) {
 						console.log(
 							'filtering state value was undefined',
@@ -132,9 +132,7 @@
 					}
 					const x = opts.filter((it) => {
 						if (it.value != null && (typeof it.value == 'string' || typeof it.value == 'number')) {
-							return (filteringStateValue as Array<string | number> | undefined)?.includes(
-								it.value
-							);
+							return (filteringStateValue as Array<unknown> | undefined)?.includes(it.value);
 						}
 						return false;
 					});
@@ -234,7 +232,7 @@
 	let showToDateModal = $state(false);
 
 	function generateOnChangeObject(label: string) {
-		return (newValue: SelectOption<string | number> | null) => {
+		return (newValue: SelectOption<unknown> | null) => {
 			tableContext.paginationRepo?.filterBy(def.id, newValue?.value ?? null);
 			tableContext.dataRepo.__queryValues.set(label, newValue ?? null);
 			value = newValue ?? null;
@@ -242,7 +240,7 @@
 	}
 
 	function generateOnChangePrimitive(label: string) {
-		return (newValue: SelectOption<string | number> | null) => {
+		return (newValue: SelectOption<unknown> | null) => {
 			tableContext.paginationRepo?.filterBy(def.id, newValue?.value ?? null);
 			tableContext.dataRepo.__queryValues.set(label, newValue?.value ?? null);
 			value = newValue?.value ?? null;

package/dist/Components/Table/Misc/FilterInput.svelte.d.ts

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

package/dist/Components/Table/Misc/FilterInputProps.d.ts

@@ -2,5 +2,5 @@ import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js
 import type { CustomRemoteFilters } from '../Types/Filtering/CustomRemoteFilters.js';
 export interface FilterInputProps<T extends object, FilterValueType> {
     def: ColumnDef<T, FilterValueType>;
-    customFilters?: CustomRemoteFilters | undefined;
+    customFilters?: CustomRemoteFilters<FilterValueType> | undefined;
 }

package/dist/Components/Table/Misc/FilterPanelModal.svelte

@@ -18,7 +18,7 @@
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const { onclose }: FilterPanelModalProps = $props();
-	const refs: Array<FilterInput<T, unknown>> = $state([]);
+	const refs: Array<FilterInput<T>> = $state([]);
 
 	function reset() {
 		tableContext.paginationRepo?.resetFilters();

package/dist/Components/Table/Misc/TableHorizontalBar.svelte

@@ -2,6 +2,7 @@
 
 <script lang="ts" generics="T extends object">
 	import Button from '../../Button.svelte';
+	import { devCatch } from '../../../Helpers/Helpers.svelte.js';
 	import { Side } from '../../../Types/Internal/Side.js';
 	import { Size } from '../../../Types/Internal/Size.js';
 	import { Variant } from '../../../Types/Internal/Variant.js';
@@ -109,7 +110,7 @@
 		<Button
 			side={Side.Bottom}
 			onclick={() => {
-				tableContext.paginationRepo?.reload?.();
+				tableContext.paginationRepo?.reload?.().catch(devCatch);
 			}}
 			toggled={tableContext.dataRepo.isLoading}
 			size={Size.Small}

package/dist/Components/Table/Misc/TableSidebar.svelte

@@ -2,6 +2,7 @@
 
 <script lang="ts" generics="T extends object">
 	import Button from '../../Button.svelte';
+	import { devCatch } from '../../../Helpers/Helpers.svelte.js';
 	import { Side } from '../../../Types/Internal/Side.js';
 	import { Size } from '../../../Types/Internal/Size.js';
 	import { Variant } from '../../../Types/Internal/Variant.js';
@@ -121,7 +122,7 @@
 		<Button
 			side={tableContext.toolbarPosition === ToolbarPosition.Left ? Side.Left : Side.Right}
 			onclick={() => {
-				tableContext.paginationRepo?.reload?.();
+				tableContext.paginationRepo?.reload?.().catch(devCatch);
 			}}
 			disabled={!tableContext.allowQuickFiltering}
 			variant={Variant.Toolbar}

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

@@ -1,5 +1,5 @@
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
-export interface Column<T extends object, in FilterFnType> {
+export interface Column<T extends object, FilterFnType = unknown> {
     id: string;
     columnDef: ColumnDef<T, FilterFnType>;
     getCanSort: () => boolean;

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

@@ -1,9 +1,9 @@
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
 import type { AccessorType } from './AccessorType.js';
-export interface AccessorDefProps<T extends object, FilterFnType = undefined> extends ColumnDefProps<T, FilterFnType> {
+export interface AccessorDefProps<T extends object, FilterFnType = unknown> extends ColumnDefProps<T, FilterFnType> {
     readonly id: string & keyof T;
 }
-export declare abstract class AccessorDef<T extends object, FilterFnType = undefined> extends ColumnDef<T, FilterFnType> {
+export declare abstract class AccessorDef<T extends object, FilterFnType = unknown> extends ColumnDef<T, FilterFnType> {
     readonly columnType: "Accessor";
     abstract readonly accessorType: AccessorType;
 }

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

@@ -1,11 +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> = AccessorDefProps<T, BoolFilterValueType>;
-export declare class CheckboxDef<T extends object> extends AccessorDef<T, BoolFilterValueType> {
+export type CheckboxDefProps<T extends object, FilterValueType = BoolFilterValueType> = AccessorDefProps<T, FilterValueType>;
+export declare class CheckboxDef<T extends object, FilterValueType = BoolFilterValueType> extends AccessorDef<T, FilterValueType> {
     readonly accessorType: "Checkbox";
-    constructor(props: CheckboxDefProps<T>);
+    constructor(props: CheckboxDefProps<T, FilterValueType>);
     private _filterFn;
-    get filterFn(): CustomFilterFn | FilterFn<T, BoolFilterValueType> | undefined;
-    set filterFn(v: CustomFilterFn | FilterFn<T, BoolFilterValueType> | undefined);
+    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,14 +1,14 @@
 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> extends AccessorDefProps<T, DateFilterValueType> {
+export interface DateInputDefProps<T extends object, FilterValueType = DateFilterValueType> extends AccessorDefProps<T, FilterValueType> {
     showTime?: boolean;
 }
-export declare class DateInputDef<T extends object> extends AccessorDef<T, DateFilterValueType> {
+export declare class DateInputDef<T extends object, FilterValueType = DateFilterValueType> extends AccessorDef<T, FilterValueType> {
     readonly accessorType: "Date";
-    constructor(props: DateInputDefProps<T>);
+    constructor(props: DateInputDefProps<T, FilterValueType>);
     private _filterFn;
-    get filterFn(): FilterFn<T, DateFilterValueType> | CustomFilterFn | undefined;
-    set filterFn(v: FilterFn<T, DateFilterValueType> | CustomFilterFn | undefined);
+    get filterFn(): FilterFn<T, FilterValueType> | CustomFilterFn | undefined;
+    set filterFn(v: FilterFn<T, FilterValueType> | CustomFilterFn | undefined);
     readonly showTime: boolean;
 }

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

@@ -2,16 +2,16 @@ 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> extends ColumnDefProps<T, NumberFilterValueType> {
+export interface NumberInputDefProps<T extends object, FilterValueType = NumberFilterValueType> extends ColumnDefProps<T, FilterValueType> {
     min: number;
     max: number;
 }
-export declare class NumberInputDef<T extends object> extends AccessorDef<T, NumberFilterValueType> {
+export declare class NumberInputDef<T extends object, FilterValueType = NumberFilterValueType> extends AccessorDef<T, FilterValueType> {
     readonly accessorType: "Number";
-    constructor(props: NumberInputDefProps<T>);
+    constructor(props: NumberInputDefProps<T, FilterValueType>);
     readonly min: number;
     readonly max: number;
     private _filterFn;
-    get filterFn(): CustomFilterFn | FilterFn<T, NumberFilterValueType> | undefined;
-    set filterFn(v: CustomFilterFn | FilterFn<T, NumberFilterValueType> | undefined);
+    get filterFn(): CustomFilterFn | FilterFn<T, FilterValueType> | undefined;
+    set filterFn(v: CustomFilterFn | FilterFn<T, FilterValueType> | undefined);
 }

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

@@ -1,17 +1,17 @@
 import type { SelectOption } from '../../../../../../Types/Internal/SelectOption.js';
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
-import type { FilterFn, SelectFilterValueType } from '../../../Filtering/FilterFn.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> extends ColumnDefProps<T, SelectFilterValueType<T>> {
+export interface QueryDefProps<T extends object, FilterValueType = unknown> extends ColumnDefProps<T, FilterValueType> {
     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> extends AccessorDef<T, SelectFilterValueType<T>> {
+export declare class QueryDef<T extends object, FilterValueType = unknown> extends AccessorDef<T, FilterValueType> {
     readonly accessorType: "Query";
-    constructor(props: QueryDefProps<T>);
-    readonly filterFn: CustomFilterFn | FilterFn<T, SelectFilterValueType<T>> | undefined;
+    constructor(props: QueryDefProps<T, FilterValueType>);
+    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>>>;
     readonly clearable: boolean;

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

@@ -3,24 +3,24 @@ import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn, SelectFilterValueType } from '../../../Filtering/FilterFn.js';
 import type { ColumnDefProps } from '../ColumnDef.svelte.js';
 import { AccessorDef } from './AccessorDef.svelte.js';
-export interface SelectDefProps<T extends object> extends ColumnDefProps<T, SelectFilterValueType<T>> {
-    getOptions: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+export interface SelectDefProps<T extends object, FilterValueType = unknown> extends ColumnDefProps<T, FilterValueType> {
+    getOptions: () => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
     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<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    getSpecificOptions?: (item: T, index: number) => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
     optional?: boolean;
     clearable?: boolean;
 }
-export declare class SelectDef<T extends object> extends AccessorDef<T, SelectFilterValueType<T>> {
-    constructor(props: SelectDefProps<T>);
+export declare class SelectDef<T extends object, FilterValueType = SelectFilterValueType<T>> extends AccessorDef<T, FilterValueType> {
+    constructor(props: SelectDefProps<T, FilterValueType>);
     readonly accessorType: "Select";
     private _filterFn;
-    get filterFn(): FilterFn<T, SelectFilterValueType<T>> | CustomFilterFn | undefined;
-    set filterFn(v: FilterFn<T, SelectFilterValueType<T>> | CustomFilterFn | undefined);
+    get filterFn(): FilterFn<T, FilterValueType> | CustomFilterFn | undefined;
+    set filterFn(v: FilterFn<T, FilterValueType> | CustomFilterFn | undefined);
     readonly sortingFn?: (a: T, b: T) => 1 | -1 | 0;
     readonly optional: boolean;
     readonly clearable: boolean;
-    readonly getSpecificOptions?: (item: T, index: number) => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    readonly getSpecificOptions?: (item: T, index: number) => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
     getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
-    getOptions: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    getOptions: () => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
 }

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

@@ -1,13 +1,13 @@
 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> extends AccessorDefProps<T, StringFilterValueType> {
+export interface TextInputDefProps<T extends object, FilterValueType = StringFilterValueType> extends AccessorDefProps<T, FilterValueType> {
     filterValueType?: 'String';
 }
-export declare class TextInputDef<T extends object> extends AccessorDef<T, StringFilterValueType> {
+export declare class TextInputDef<T extends object, FilterValueType = StringFilterValueType> extends AccessorDef<T, FilterValueType> {
     readonly accessorType: "Text";
-    constructor(props: TextInputDefProps<T>);
+    constructor(props: TextInputDefProps<T, FilterValueType>);
     private _filterFn;
-    get filterFn(): CustomFilterFn | FilterFn<T, StringFilterValueType> | undefined;
-    set filterFn(v: CustomFilterFn | FilterFn<T, StringFilterValueType> | undefined);
+    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,13 +1,13 @@
 import type { ColourSet } from '../../../../../../scss/colours.js';
 import type { TableActionButton } from '../../TableActionButton.js';
-import { ColumnDef } from '../ColumnDef.svelte.js';
-export interface ActionsDefProps<T extends object> {
+import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
+export interface ActionsDefProps<T extends object, FilterValueType> extends Omit<ColumnDefProps<T, FilterValueType>, '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> extends ColumnDef<T, undefined> {
-    constructor(props: ActionsDefProps<T>);
+export declare class ActionsDef<T extends object, FilterValueType> extends ColumnDef<T, FilterValueType> {
+    constructor(props: ActionsDefProps<T, FilterValueType>);
     readonly columnType: "Actions";
     readonly actions: Array<TableActionButton<T>>;
     readonly isEnabled?: (item: T, index: number, button: TableActionButton<T>) => boolean | Promise<boolean>;

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, in FilterFnType> {
+export interface ColumnDefProps<T extends object, FilterFnType> {
     id: string;
     header: string | Snippet;
     debug?: boolean;
@@ -22,11 +22,11 @@ export interface ColumnDefProps<T extends object, in FilterFnType> {
     isValid?: ValidationFn<T>;
     filterFn?: FilterFn<T, FilterFnType> | CustomFilterFn;
     filterValueType?: FilterValueType;
-    getOptions?: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    getOptions?: () => Array<SelectOption<FilterFnType>> | Promise<Array<SelectOption<FilterFnType>>>;
     accessorFn?: AccessorFn<T>;
     getDisplayValue?: (item: T, index: number) => string | null | Promise<string | null>;
 }
-export declare abstract class ColumnDef<T extends object, in FilterFnType> {
+export declare abstract class ColumnDef<T extends object, FilterFnType> {
     protected constructor(props: ColumnDefProps<T, FilterFnType>);
     readonly id: string;
     debug: boolean;
@@ -60,5 +60,5 @@ export declare abstract class ColumnDef<T extends object, in FilterFnType> {
     readonly isEditable: (item: T, index: number) => boolean | Promise<boolean>;
     readonly resizable: boolean;
     readonly header: string | Snippet;
-    readonly getOptions?: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    readonly getOptions?: () => Array<SelectOption<FilterFnType>> | Promise<Array<SelectOption<FilterFnType>>>;
 }

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

@@ -2,7 +2,7 @@ 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, in FilterValueType> {
+export interface DisplayDefModalProps<T extends object, FilterValueType> {
     cell: TableCell<T, FilterValueType>;
     onclose: () => void;
     onsubmit: () => void;

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

@@ -2,14 +2,14 @@ import type { BubbleColour } from '../../../../../BubbleColour.js';
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn, StringFilterValueType } from '../../../Filtering/FilterFn.js';
 import { AbstractDisplayDef, type AbstractDisplayDefProps } from './AbstractDisplayDef.svelte.js';
-export interface BubbleDefProps<T extends object> extends AbstractDisplayDefProps<T, StringFilterValueType> {
+export interface BubbleDefProps<T extends object, FilterValueType = StringFilterValueType> extends AbstractDisplayDefProps<T, FilterValueType> {
     getColour?: (item: T, index: number, value: string) => BubbleColour | Promise<BubbleColour | null | undefined>;
 }
-export declare class BubbleDef<T extends object> extends AbstractDisplayDef<T, StringFilterValueType> {
+export declare class BubbleDef<T extends object, FilterValueType = StringFilterValueType> extends AbstractDisplayDef<T, FilterValueType> {
     readonly displayType: "Bubbles";
-    constructor(props: BubbleDefProps<T>);
+    constructor(props: BubbleDefProps<T, FilterValueType>);
     private _filterFn;
-    get filterFn(): FilterFn<T, StringFilterValueType> | CustomFilterFn | undefined;
-    set filterFn(v: FilterFn<T, StringFilterValueType> | CustomFilterFn | undefined);
+    get filterFn(): FilterFn<T, FilterValueType> | CustomFilterFn | undefined;
+    set filterFn(v: FilterFn<T, FilterValueType> | CustomFilterFn | undefined);
     getColour: ((item: T, index: number, value: string) => BubbleColour | Promise<BubbleColour | null | undefined>) | undefined;
 }

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

@@ -5,7 +5,7 @@ import { AbstractDisplayDef, type AbstractDisplayDefProps } from './AbstractDisp
 export type DisplayDefProps<T extends object, FilterValueType = unknown> = AbstractDisplayDefProps<T, FilterValueType>;
 export declare class DisplayDef<T extends object, FilterValueType = unknown> extends AbstractDisplayDef<T, FilterValueType> {
     readonly displayType: DisplayType;
-    constructor(props: DisplayDefProps<T>);
+    constructor(props: DisplayDefProps<T, FilterValueType>);
     private _filterFn;
     get filterFn(): CustomFilterFn | FilterFn<T, FilterValueType> | undefined;
     set filterFn(v: CustomFilterFn | FilterFn<T, FilterValueType> | undefined);

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

@@ -2,14 +2,14 @@ import type { BubbleColour } from '../../../../../BubbleColour.js';
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
 import type { FilterFn, NumberFilterValueType } from '../../../Filtering/FilterFn.js';
 import { AbstractDisplayDef, type AbstractDisplayDefProps } from './AbstractDisplayDef.svelte.js';
-export interface ProgressBarDefProps<T extends object> extends AbstractDisplayDefProps<T, NumberFilterValueType> {
+export interface ProgressBarDefProps<T extends object, FilterValueType = NumberFilterValueType> extends AbstractDisplayDefProps<T, FilterValueType> {
     getColour: (item: T, index: number, value: [number, number]) => BubbleColour | Promise<BubbleColour> | undefined;
 }
-export declare class ProgressBarDef<T extends object> extends AbstractDisplayDef<T, NumberFilterValueType> {
+export declare class ProgressBarDef<T extends object, FilterValueType = NumberFilterValueType> extends AbstractDisplayDef<T, FilterValueType> {
     readonly displayType: "Progress";
-    constructor(props: ProgressBarDefProps<T>);
+    constructor(props: ProgressBarDefProps<T, FilterValueType>);
     readonly getColour: (item: T, index: number, value: [number, number]) => BubbleColour | Promise<BubbleColour> | undefined;
     private _filterFn;
-    get filterFn(): FilterFn<T, NumberFilterValueType> | CustomFilterFn | undefined;
-    set filterFn(v: FilterFn<T, NumberFilterValueType> | CustomFilterFn | undefined);
+    get filterFn(): FilterFn<T, FilterValueType> | CustomFilterFn | undefined;
+    set filterFn(v: FilterFn<T, FilterValueType> | CustomFilterFn | undefined);
 }

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

@@ -1,9 +1,9 @@
 import type { ValidationFn } from '../ValidationFn.js';
 import { AbstractDisplayDef, type AbstractDisplayDefProps } from './AbstractDisplayDef.svelte.js';
-export interface ValidityDefProps<T extends object, FilterValueType> extends AbstractDisplayDefProps<T, FilterValueType> {
+export interface ValidityDefProps<T extends object, FilterValueType = unknown> extends AbstractDisplayDefProps<T, FilterValueType> {
     isValid: ValidationFn<T>;
 }
-export declare class ValidityDef<T extends object, FilterValueType> extends AbstractDisplayDef<T, FilterValueType> {
+export declare class ValidityDef<T extends object, FilterValueType = unknown> extends AbstractDisplayDef<T, FilterValueType> {
     readonly displayType: "Validity";
     constructor(props: ValidityDefProps<T, FilterValueType>);
     readonly filterFn: 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> extends ColumnDefProps<T, FilterValueType> {
+export interface ExpandDefProps<T extends object, R extends object, InnterIdType extends Primitive, FilterValueType = unknown> extends ColumnDefProps<T, FilterValueType> {
     isEnabled: (item: T, index: number) => boolean | Promise<boolean>;
     getInnerColumnDefs: (item: T, index: number) => DefsWrapper<R>;
     headerIcon: IconProps['name'];
@@ -10,7 +10,7 @@ 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> extends ColumnDef<T, FilterValueType> {
+export declare class ExpandDef<T extends object, R extends object, InnterIdType extends Primitive, FilterValueType = unknown> extends ColumnDef<T, FilterValueType> {
     readonly columnType: "Expand";
     constructor(props: ExpandDefProps<T, R, InnterIdType, FilterValueType>);
     readonly accessorFn: (item: T, index: number) => Array<R> | Promise<Array<R>>;

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

@@ -2,8 +2,8 @@ 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 = undefined> = ColumnDefProps<T, FilterFnType>;
-export declare class FilterOnlyDef<T extends object, FilterFnType = undefined> extends ColumnDef<T, FilterFnType> {
+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>);
     readonly columnType: ColumnType;
     readonly filterFn: CustomFilterFn | FilterFn<T, FilterFnType> | undefined;

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

@@ -2,5 +2,5 @@ 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>>;
-    remoteFilters?: CustomRemoteFilters;
+    remoteFilters?: CustomRemoteFilters<unknown>;
 }

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

@@ -1,7 +1,7 @@
 import type { ProgressBarDef } from './Definitions/Display/ProgressBarDef.svelte.js';
-export interface ProgressBarColumn<T extends object> {
+export interface ProgressBarColumn<T extends object, FilterValueType> {
     id: string;
-    columnDef: ProgressBarDef<T>;
+    columnDef: ProgressBarDef<T, FilterValueType>;
     getCanSort: () => boolean;
     getToggleSortingHandler: () => (e: MouseEvent) => void;
     getIsSorted: () => 'asc' | 'desc' | 'none';

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

@@ -2,8 +2,8 @@ import type { Row } from '../Context/Row.js';
 import type { NumberFilterValueType } from '../Filtering/FilterFn.js';
 import type { ProgressBarColumn } from './ProgressBarColumn.js';
 import type { TableCell } from './TableCell.js';
-export interface ProgressBarTableCell<T extends object> extends TableCell<T, NumberFilterValueType> {
-    column: ProgressBarColumn<T>;
+export interface ProgressBarTableCell<T extends object, FilterValueType = NumberFilterValueType> extends TableCell<T, FilterValueType> {
+    column: ProgressBarColumn<T, FilterValueType>;
     row: Row<T>;
     id: string;
     getValue: () => unknown;

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

@@ -1,6 +1,6 @@
 import type { Row } from '../Context/Row.js';
 import type { Column } from './Column.js';
-export interface TableCell<T extends object, in FilterValueType = never> {
+export interface TableCell<T extends object, FilterValueType = unknown> {
     column: Column<T, FilterValueType>;
     row: Row<T>;
     id: string;

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

@@ -24,9 +24,9 @@ export interface ITable<T extends object> {
     getLeftHeaderGroups: () => Array<HeaderGroup<T>>;
     getRightHeaderGroups: () => Array<HeaderGroup<T>>;
     getCenterHeaderGroups: () => Array<HeaderGroup<T>>;
-    getLeftVisibleLeafColumns: () => Array<Column<T, unknown>>;
-    getRightVisibleLeafColumns: () => Array<Column<T, unknown>>;
-    getCenterVisibleLeafColumns: () => Array<Column<T, unknown>>;
+    getLeftVisibleLeafColumns: () => Array<Column<T>>;
+    getRightVisibleLeafColumns: () => Array<Column<T>>;
+    getCenterVisibleLeafColumns: () => Array<Column<T>>;
     onColumnVisibilityChange: OnChangeFn<VisibilityState>;
     onColumnSizingChange: OnChangeFn<ColumnSizingState>;
     onColumnFiltersChange: OnChangeFn<ColumnFiltersState> | undefined;