@lavalogic/scoria 0.12.2 → 0.13.1

package/dist/Components/Table/Table.svelte

@@ -4,8 +4,8 @@
 	import {
 		ContextMenuContext,
 		type IContextMenuOption
-	} from '../../Contexts/ContextMenuContext.svelte.js';
-	import { devCatch, refWrapper } from '../../Helpers/Helpers.svelte.js';
+	} from '../../Contexts/ContextMenuContext.svelte';
+	import { devCatch, refWrapper } from '../../Helpers/Helpers.svelte';
 	import type { RefWrapper } from '../../Types/Internal/RefWrapper.js';
 	import { getContext, onMount, setContext, tick, untrack } from 'svelte';
 	import LoadingOverlay from '../LoadingOverlay.svelte';
@@ -16,7 +16,8 @@
 	import TableFooter from './Misc/TableFooter.svelte';
 	import TableHorizontalBar from './Misc/TableHorizontalBar.svelte';
 	import TableSidebar from './Misc/TableSidebar.svelte';
-	import { TableContext } from './Types/Context/TableContext.svelte.js';
+	import { TableContext } from './Types/Context/TableContext.svelte';
+	import type { Primitive } from './Types/Context/TableInitOptions.js';
 	import { PaginationType } from './Types/Pagination/PaginationType.js';
 	import { ToolbarPosition } from './Types/Toolbar/ToolbarPosition.js';
 
@@ -28,8 +29,8 @@
 		}
 	}
 
-	export interface TableProps<T extends object> {
-		readonly tableContext: TableContext<T>;
+	export interface TableProps<T extends object, IdType extends Primitive> {
+		readonly tableContext: TableContext<T, IdType>;
 		nested?: boolean;
 	}
 
@@ -38,13 +39,13 @@
 	const openedQuickFilterSelect = refWrapper(null);
 </script>
 
-<script lang="ts" generics="T extends object">
-	const { nested = false, tableContext }: TableProps<T> = $props();
+<script lang="ts" generics="T extends object,IdType extends Primitive">
+	const { nested = false, tableContext }: TableProps<T, IdType> = $props();
 
 	// NOTE: known limitation. This is passed as a wrapper, and they should never require reassignment. It is deeply reactive
 	setContext(TableContext.identifier, tableContext);
 
-	// const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	// $inspect(tableContext.showQuickFiltering);
 
 	const { openContextMenu: _openContextMenu } = getContext<ContextMenuContext>(
 		ContextMenuContext.identifier
@@ -265,16 +266,6 @@
 		}
 	});
 
-	$effect(() => {
-		void tableContext.dataRepo.data;
-		untrack(() => {
-			if (tableContext.paginationRepo?.paginationState.pageIndex != undefined) {
-				tableContext.updateSelectedItems().catch(devCatch);
-				tableContext.resetHighlightedRows();
-			}
-		});
-	});
-
 	const leftTotalSize = $derived(tableContext.table.getLeftTotalSize());
 	const centreTotalSize = $derived(tableContext.table.getCenterTotalSize());
 	const rightTotalSize = $derived(tableContext.table.getRightTotalSize());
@@ -364,114 +355,116 @@
 	}}
 />
 
-<div class="grid" class:nested>
-	{#if tableContext.dataRepo.isLoading}
-		<LoadingOverlay absolute borderRadius="4px" />
-	{/if}
-
-	<div class="horizontal-bar" class:border={tableContext.toolbarPosition === ToolbarPosition.Top}>
-		{#if tableContext.toolbarPosition === ToolbarPosition.Top}
-			<TableHorizontalBar />
+<svelte:boundary>
+	<div class="grid" class:nested>
+		{#if tableContext.dataRepo.isLoading}
+			<LoadingOverlay absolute borderRadius="4px" />
 		{/if}
-	</div>
 
-	<div
-		class="sidebar-wrapper sidebar-wrapper-left"
-		class:nested
-		style="--nested-height: {nestedHeight}px;"
-	>
-		{#if tableContext.toolbarPosition === ToolbarPosition.Left}
-			<div class="sidebar toolbar-left">
-				<TableSidebar />
-			</div>
-		{/if}
-	</div>
-	<div
-		class="sidebar-wrapper sidebar-wrapper-right"
-		class:nested
-		style="--nested-height: {nestedHeight}px;"
-	>
-		{#if tableContext.toolbarPosition === ToolbarPosition.Right}
-			<div class="sidebar toolbar-right">
-				<TableSidebar />
-			</div>
-		{/if}
-	</div>
+		<div class="horizontal-bar" class:border={tableContext.toolbarPosition === ToolbarPosition.Top}>
+			{#if tableContext.toolbarPosition === ToolbarPosition.Top}
+				<TableHorizontalBar />
+			{/if}
+		</div>
 
-	<div class="footer">
-		{#if tableContext.displayFooter}
-			<TableFooter />
-		{/if}
-	</div>
+		<div
+			class="sidebar-wrapper sidebar-wrapper-left"
+			class:nested
+			style="--nested-height: {nestedHeight}px;"
+		>
+			{#if tableContext.toolbarPosition === ToolbarPosition.Left}
+				<div class="sidebar toolbar-left">
+					<TableSidebar />
+				</div>
+			{/if}
+		</div>
+		<div
+			class="sidebar-wrapper sidebar-wrapper-right"
+			class:nested
+			style="--nested-height: {nestedHeight}px;"
+		>
+			{#if tableContext.toolbarPosition === ToolbarPosition.Right}
+				<div class="sidebar toolbar-right">
+					<TableSidebar />
+				</div>
+			{/if}
+		</div>
+
+		<div class="footer">
+			{#if tableContext.displayFooter}
+				<TableFooter />
+			{/if}
+		</div>
 
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div
-		bind:this={tableRef}
-		class="datatable"
-		class:nested
-		class:compact={tableContext.isCompact}
-		class:quick-filtering={tableContext.showQuickFiltering}
-		onkeydown={tableContext.handleTdKeydown}
-	>
-		<div class="flex_table" bind:this={ref} class:nested>
-			<div bind:this={unfocusRef} class="table-wrapper" oncontextmenu={openContextMenu}>
-				<!-- {#if leftTotalSize > 0} -->
-				<table class="datatable__table left" style="min-width: {leftTotalSize}px">
-					<TableHead showHighlight={leftTotalSize > 0} side="left" />
-					<TableBody
-						includeHighlight={appropriateSide == 'left'}
-						columns={leftColumns}
-						heights={totalRowSizes}
-						side="left"
-						bind:this={leftTable}
-					/>
-				</table>
-				<!-- {/if} -->
-
-				<!-- {#if centreTotalSize > 0} -->
-
-				<table class="datatable__table centre" style="min-width: {centreTotalSize}px">
-					<TableHead showHighlight={leftTotalSize == 0} side="centre" />
-					<TableBody
-						includeHighlight={appropriateSide == 'centre'}
-						columns={centreColumns}
-						heights={totalRowSizes}
-						side="centre"
-						bind:this={centreTable}
-					/>
-				</table>
-				<!-- {/if} -->
-
-				<!-- {#if rightTotalSize > 0} -->
-				<table class="datatable__table right" style="min-width: {rightTotalSize}px">
-					<TableHead showHighlight={false} side="right" />
-					<TableBody
-						includeHighlight={appropriateSide == 'right'}
-						columns={rightColumns}
-						heights={totalRowSizes}
-						side="right"
-						bind:this={rightTable}
-					/>
-				</table>
-				<!-- {/if} -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div
+			bind:this={tableRef}
+			class="datatable"
+			class:nested
+			class:compact={tableContext.isCompact}
+			class:quick-filtering={tableContext.showQuickFiltering}
+			onkeydown={tableContext.handleTdKeydown}
+		>
+			<div class="flex_table" bind:this={ref} class:nested>
+				<div bind:this={unfocusRef} class="table-wrapper" oncontextmenu={openContextMenu}>
+					<!-- {#if leftTotalSize > 0} -->
+					<table class="datatable__table left" style="min-width: {leftTotalSize}px">
+						<TableHead showHighlight={leftTotalSize > 0} side="left" />
+						<TableBody
+							includeHighlight={appropriateSide == 'left'}
+							columns={leftColumns}
+							heights={totalRowSizes}
+							side="left"
+							bind:this={leftTable}
+						/>
+					</table>
+					<!-- {/if} -->
+
+					<!-- {#if centreTotalSize > 0} -->
+
+					<table class="datatable__table centre" style="min-width: {centreTotalSize}px">
+						<TableHead showHighlight={leftTotalSize == 0} side="centre" />
+						<TableBody
+							includeHighlight={appropriateSide == 'centre'}
+							columns={centreColumns}
+							heights={totalRowSizes}
+							side="centre"
+							bind:this={centreTable}
+						/>
+					</table>
+					<!-- {/if} -->
+
+					<!-- {#if rightTotalSize > 0} -->
+					<table class="datatable__table right" style="min-width: {rightTotalSize}px">
+						<TableHead showHighlight={false} side="right" />
+						<TableBody
+							includeHighlight={appropriateSide == 'right'}
+							columns={rightColumns}
+							heights={totalRowSizes}
+							side="right"
+							bind:this={rightTable}
+						/>
+					</table>
+					<!-- {/if} -->
+				</div>
+
+				<!-- TODO add filter callbacks -->
 			</div>
 
-			<!-- TODO add filter callbacks -->
+			{#if nested}
+				<!-- svelte-ignore a11y_no_static_element_interactions -->
+				<div
+					class:isResizing
+					class="resizer"
+					onmousedown={(e) => {
+						e.preventDefault();
+						addOverrideResizeHandler();
+					}}
+				></div>
+			{/if}
 		</div>
-
-		{#if nested}
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				class:isResizing
-				class="resizer"
-				onmousedown={(e) => {
-					e.preventDefault();
-					addOverrideResizeHandler();
-				}}
-			></div>
-		{/if}
 	</div>
-</div>
+</svelte:boundary>
 
 <style>div.grid {
   border-radius: 4px;

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

@@ -1,4 +1,5 @@
-import { TableContext } from './Types/Context/TableContext.svelte.js';
+import { TableContext } from './Types/Context/TableContext.svelte';
+import type { Primitive } from './Types/Context/TableInitOptions.js';
 declare global {
     interface HTMLElementEventMap {
         edit: CustomEvent<{
@@ -6,32 +7,32 @@ declare global {
         }>;
     }
 }
-export interface TableProps<T extends object> {
-    readonly tableContext: TableContext<T>;
+export interface TableProps<T extends object, IdType extends Primitive> {
+    readonly tableContext: TableContext<T, IdType>;
     nested?: boolean;
 }
 export declare const quickFilterContextIdentifier: symbol;
-declare function $$render<T extends object>(): {
-    props: TableProps<T>;
+declare function $$render<T extends object, IdType extends Primitive>(): {
+    props: TableProps<T, IdType>;
     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, IdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, IdType>>['props'];
+    events(): ReturnType<typeof $$render<T, IdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, IdType>>['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, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    <T extends object, IdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, IdType>['props']> & {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const Table: $$IsomorphicComponent;
-type Table<T extends object> = InstanceType<typeof Table<T>>;
+type Table<T extends object, IdType extends Primitive> = InstanceType<typeof Table<T, IdType>>;
 export default Table;

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

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

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

@@ -7,7 +7,7 @@ import type { FilterValueType } from '../../Filtering/FilterValueType.js';
 import { ColumnType } from '../ColumnType.js';
 import type { AccessorFn } from './AccessorFn.js';
 import type { ValidationFn } from './ValidationFn.js';
-export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
+export interface ColumnDefProps<T extends object, in FilterFnType = undefined> {
     id: string;
     header: string | Snippet;
     debug?: boolean;
@@ -26,7 +26,7 @@ export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
     accessorFn?: AccessorFn<T>;
     getDisplayValue?: (item: T, index: number) => string | null | Promise<string | null>;
 }
-export declare abstract class ColumnDef<T extends object, FilterFnType = undefined> {
+export declare abstract class ColumnDef<T extends object, in FilterFnType = undefined> {
     protected constructor(props: ColumnDefProps<T, FilterFnType>);
     readonly id: string;
     debug: boolean;

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

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

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

@@ -1,11 +1,11 @@
 import type { ValidationFn } from '../ValidationFn.js';
 import { AbstractDisplayDef, type AbstractDisplayDefProps } from './AbstractDisplayDef.svelte.js';
-export interface ValidityDefProps<T extends object> extends AbstractDisplayDefProps<T> {
+export interface ValidityDefProps<T extends object, FilterValueType> extends AbstractDisplayDefProps<T, FilterValueType> {
     isValid: ValidationFn<T>;
 }
-export declare class ValidityDef<T extends object> extends AbstractDisplayDef<T> {
+export declare class ValidityDef<T extends object, FilterValueType> extends AbstractDisplayDef<T, FilterValueType> {
     readonly displayType: "Validity";
-    constructor(props: ValidityDefProps<T>);
+    constructor(props: ValidityDefProps<T, FilterValueType>);
     readonly filterFn: undefined;
     readonly isValid: ValidationFn<T>;
 }

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

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

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

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

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

@@ -1,7 +1,8 @@
+import type { Primitive } from '../Context/TableInitOptions.js';
 import type { ExpandDef } from './Definitions/Expand/ExpandDef.svelte.js';
-export interface ExpandColumn<T extends object, R extends object> {
+export interface ExpandColumn<T extends object, R extends object, IdType extends Primitive> {
     id: string;
-    columnDef: ExpandDef<T, R>;
+    columnDef: ExpandDef<T, R, IdType>;
     getCanSort: () => boolean;
     getToggleSortingHandler: () => (e: MouseEvent) => void;
     getIsSorted: () => 'asc' | 'desc' | 'none';

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

@@ -1,7 +1,8 @@
 import type { Row } from '../Context/Row.js';
+import type { Primitive } from '../Context/TableInitOptions.js';
 import type { ExpandColumn } from './ExpandColumn.js';
-export interface ExpandTableCell<T extends object, R extends object = object> {
-    column: ExpandColumn<T, R>;
+export interface ExpandTableCell<T extends object, R extends object, IdType extends Primitive> {
+    column: ExpandColumn<T, R, IdType>;
     row: Row<T>;
     id: string;
     getValue: () => unknown;

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

@@ -1,7 +1,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> {
+export interface ProgressBarTableCell<T extends object> extends TableCell<T, NumberFilterValueType> {
     column: ProgressBarColumn<T>;
     row: Row<T>;
     id: string;

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

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

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

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

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

@@ -17,8 +17,8 @@ import type { OnChangeFn } from '../OnChangeFn.js';
 import { ToolbarPosition } from '../Toolbar/ToolbarPosition.js';
 import type { ITable } from './ITable.js';
 import type { RowModel } from './RowModel.js';
-import type { TableInitOptions } from './TableInitOptions.js';
-export declare class TableContext<T extends object> {
+import type { Primitive, TableInitOptions } from './TableInitOptions.js';
+export declare class TableContext<T extends object, RowIdType extends Primitive> {
     readonly defaultColumnDefs: DefsWrapper<T>;
     readonly tableName: string;
     allowCopy: boolean;
@@ -29,12 +29,13 @@ export declare class TableContext<T extends object> {
     allowAdvancedFiltering: boolean;
     toolbarPosition: ToolbarPosition;
     displayFooter: boolean;
-    selectionExtractor: TableInitOptions<T>['selectionExtractor'];
+    selectionExtractor: TableInitOptions<T, RowIdType>['selectionExtractor'];
     getUserId: () => string | undefined;
     private _onEditCell;
+    private readonly debug;
     static readonly identifier: unique symbol;
-    static init<T extends object>(defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, options: TableInitOptions<T>): TableContext<T>;
-    protected constructor(INTERNAL_ONLY: symbol, defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, allowCopy: boolean, enableResize: boolean, allowColumnReordering: boolean, allowQuickFiltering: boolean, showQuickFilterByDefault: boolean, allowAdvancedFiltering: boolean, toolbarPosition: ToolbarPosition, displayFooter: boolean, selectionExtractor: TableInitOptions<T>['selectionExtractor'], getUserId: () => string | undefined, _onEditCell?: TableInitOptions<T>['onEditCell']);
+    static init<T extends object, RowIdType extends Primitive>(defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, options: TableInitOptions<T, RowIdType>): TableContext<T, RowIdType>;
+    protected constructor(INTERNAL_ONLY: symbol, defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, allowCopy: boolean, enableResize: boolean, allowColumnReordering: boolean, allowQuickFiltering: boolean, showQuickFilterByDefault: boolean, allowAdvancedFiltering: boolean, toolbarPosition: ToolbarPosition, displayFooter: boolean, selectionExtractor: TableInitOptions<T, RowIdType>['selectionExtractor'], getUserId: () => string | undefined, _onEditCell: TableInitOptions<T, RowIdType>['onEditCell'], debug: boolean);
     private readonly userId;
     private isSelectable;
     private _paginationRepo;
@@ -76,7 +77,7 @@ export declare class TableContext<T extends object> {
     get focusedRowIndexIds(): SvelteSet<number>;
     set focusedRowIndexIds(v: SvelteSet<number>);
     private readonly _highlightedItems;
-    get highlightedItems(): SvelteMap<unknown, T>;
+    get highlightedItems(): SvelteMap<Awaited<unknown>, T>;
     private _focusedColumnIds;
     get focusedColumnIds(): SvelteSet<string>;
     set focusedColumnIds(v: SvelteSet<string>);
@@ -141,34 +142,35 @@ export declare class TableContext<T extends object> {
     private set hasInvalidSelectedItems(value);
     private columnDefsById;
     private readonly getSortingFn;
-    readonly originalRowIndices: Map<T, number>;
     private _filterTimer;
     private get filterTimer();
     private set filterTimer(value);
     private _filteredIndices;
-    get filteredIndices(): Array<number>;
-    set filteredIndices(v: Array<number>);
-    readonly filteredData: T[];
-    readonly sortedData: Array<T>;
-    readonly sortedRowModel: RowModel<T>;
-    _currentPageData: Array<T>;
-    readonly paginationRowModel: RowModel<T>;
-    get currentPageData(): Array<T>;
-    readonly selectionContains: (item: T) => boolean;
-    readonly addInvalidValue: (item: T) => void;
-    readonly removeInvalidValue: (item: T) => void;
+    get filteredIndices(): ReadonlyArray<number>;
+    set filteredIndices(v: ReadonlyArray<number>);
+    readonly filteredData: Array<T>;
+    readonly sortedData: Promise<Array<T>>;
+    readonly sortedRowModel: Promise<RowModel<T>>;
+    readonly currentPageData: Promise<Array<T>>;
+    readonly originalRowIndices: Promise<ReadonlyMap<unknown, number>>;
+    readonly paginationRowModel: Promise<RowModel<T>>;
+    readonly selectionContains: (item: T) => Promise<boolean>;
+    readonly addInvalidValue: (item: T) => Promise<void>;
+    readonly removeInvalidValue: (item: T) => Promise<void>;
     readonly setOpenModalCoordinates: (coordinates: CellCoordinatesWithoutColumn | null) => void;
-    readonly toggleHighlightedRow: (item: T) => void;
+    readonly toggleHighlightedRow: (item: T) => Promise<void>;
     readonly resetHighlightedRows: () => void;
-    readonly toggleSelected: (item: T, selected: boolean) => void;
+    readonly toggleSelected: (item: T, selected: boolean) => Promise<void>;
     setSelectionMap: (set: SvelteMap<unknown, T>) => void;
     readonly updateSelectedItems: () => Promise<void>;
     readonly resetSelectedItems: () => void;
+    private lastIncrement;
     readonly recalculateAllSelectedInCurrentPage: () => void;
     readonly selectAllInCurrentPage: () => Promise<void>;
     readonly onHighlightAll: () => void;
     readonly onEditCell: (item: T, coords: CellCoordinates, value: unknown) => Promise<void>;
     readonly handleTdKeydown: (e: KeyboardEvent) => void;
+    private handleKeystroke;
     readonly toggleQuickFiltering: () => void;
     readonly setColumnPinning: (updater: Updater<ColumnPinningState>) => void;
     updateFilters: OnChangeFn<ColumnFiltersState> | undefined;
@@ -185,20 +187,20 @@ export declare class TableContext<T extends object> {
     readonly startFocus: (coords: CellCoordinates) => void;
     readonly moveFocus: (coords: CellCoordinates, startEditing?: boolean) => void;
     readonly unfocus: () => void;
-    readonly focusToTop: () => void;
-    readonly focusToBottom: () => void;
-    readonly moveToBottom: () => void;
-    readonly moveToTop: () => void;
-    readonly moveFocusUp: () => void;
-    readonly setFocusUp: () => void;
-    readonly tabForward: () => void;
+    readonly focusToTop: () => Promise<void>;
+    readonly focusToBottom: () => Promise<void> | undefined;
+    readonly moveToBottom: () => Promise<void>;
+    readonly moveToTop: () => Promise<void>;
+    readonly moveFocusUp: () => Promise<void>;
+    readonly setFocusUp: () => Promise<void>;
+    readonly tabForward: () => Promise<void>;
     readonly tabBackward: () => void;
     readonly focusToStart: () => void;
     readonly moveToStart: () => void;
     readonly focusToEnd: () => void;
     readonly moveToEnd: () => void;
-    readonly moveFocusDown: () => void;
-    readonly setFocusDown: () => void;
+    readonly moveFocusDown: () => Promise<void>;
+    readonly setFocusDown: () => Promise<void>;
     readonly moveFocusLeft: () => void;
     readonly setFocusLeft: () => void;
     readonly moveFocusRight: () => void;
@@ -231,5 +233,6 @@ export declare class TableContext<T extends object> {
     private _setNewPinningState;
     readonly getToggleSortingHandler: (def: ColumnDef<T>) => () => void;
     private reassignDefsToPresets;
+    private filteringLoop;
 }
 export declare function isSearchable<T extends object, CD extends ColumnDef<T>>(def: CD): def is CD & HasCustomFilterFunction;