@lavalogic/scoria 0.0.28 → 0.0.30

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

@@ -14,6 +14,8 @@ import { DateInputDef } from '../Columns/Definitions/Accessors/DateInputDef.svel
 import { ProgressBarDef } from '../Columns/Definitions/Display/ProgressBarDef.svelte.js';
 import { DisplayDef } from '../Columns/Definitions/Display/DisplayDef.svelte.js';
 import { browser } from '$app/environment';
+import { NumberDateFilterMode } from '../Filtering/NumberDateFilterMode.js';
+import { FilterValueType } from '../Filtering/FilterValueType.js';
 const SORTING_ICON_WIDTH = 24;
 const InternalSymbol = Symbol();
 export class TableContext {
@@ -88,12 +90,13 @@ export class TableContext {
                 this.columnPresets = [...this.columnPresets, defaultPreset];
             };
             this.setupDefaultColumnDefs()
-                .then(() => {
+                .then((defs) => {
+                this.isSelectable = defs.some((it) => it.id.startsWith('is-selectable-'));
                 if (this.allowColumnReordering) {
                     const savedPresets = localStorage.getItem(`${this.userId}-${tableName}-presets`);
                     if (savedPresets) {
                         const presets = JSON.parse(savedPresets);
-                        if (presets[0] && areDefsEquivalent(this.columnDefs, presets[0].columnDefs)) {
+                        if (presets[0] && areDefsEquivalent(defs, presets[0].columnDefs)) {
                             return this.reassignDefsToPresets(presets).then(() => presets);
                         }
                     }
@@ -133,7 +136,7 @@ export class TableContext {
     // #endregion
     // #region stores
     userId;
-    isSelectable = $derived(this.columnDefs.some((it) => it.id.includes('is-selectable-')));
+    isSelectable = $state(false);
     __queryValues = new SvelteMap();
     _paginationRepo = $state();
     get paginationRepo() {
@@ -170,26 +173,11 @@ export class TableContext {
     set showSelectedOnly(v) {
         this._showSelectedOnly = v;
     }
-    _dateFilter = $derived(this.paginationRepo?.dateFilter);
-    get dateFilter() {
-        return this._dateFilter;
-    }
-    _numberFilter = $derived(this.paginationRepo?.numberFilter);
-    get numberFilter() {
-        return this._numberFilter;
-    }
-    _selectFilter = $derived(this.paginationRepo?.selectFilter);
-    get selectFilter() {
-        return this._selectFilter;
-    }
-    _boolFilter = $derived(this.paginationRepo?.boolFilter);
-    get boolFilter() {
-        return this._boolFilter;
-    }
-    _stringFilter = $derived(this.paginationRepo?.stringFilter);
-    get stringFilter() {
-        return this._stringFilter;
-    }
+    dateFilter = $derived(this.paginationRepo?.dateFilter);
+    numberFilter = $derived(this.paginationRepo?.numberFilter);
+    selectFilter = $derived(this.paginationRepo?.selectFilter);
+    boolFilter = $derived(this.paginationRepo?.boolFilter);
+    stringFilter = $derived(this.paginationRepo?.stringFilter);
     _limitFooter = $state(false);
     get limitFooter() {
         return this._limitFooter;
@@ -507,13 +495,62 @@ export class TableContext {
     };
     // eslint-disable-next-line svelte/prefer-svelte-reactivity
     originalRowIndices = $derived(new Map((this.dataRepo?.data ?? []).map((item, index) => [item, index])));
+    filteredIndeces = $derived.by(() => {
+        if (this.paginationRepo?.paginationType == PaginationType.Local) {
+            const filterState = this.dataRepo?.filtering ?? [];
+            const data = this.dataRepo?.data ?? [];
+            if (!filterState.length) {
+                return data.map((_, index) => index) ?? [];
+            }
+            const filtered = data
+                .map((item, index) => {
+                const row = this.createRow(item, index, index);
+                const x = filterState.every((filter) => {
+                    const def = this.columnDefsById.get(filter.id);
+                    if (!def) {
+                        console.warn(`Could not find column def for filter with id ${filter.id}`);
+                        return true;
+                    }
+                    if (def.filterFn) {
+                        const x = def.filterFn(row, filter.id, filter.value);
+                        // debugger;
+                        return x;
+                    }
+                    console.warn(`row ${row.id} did not have a filter function`);
+                    return false;
+                });
+                // debugger;
+                if (x) {
+                    return index;
+                }
+                else {
+                    return null;
+                }
+            })
+                .filter((it) => it != null);
+            return filtered;
+        }
+        return this.dataRepo?.data.map((_, index) => index) ?? [];
+    });
+    filteredData = $derived.by(() => {
+        if (this.paginationRepo?.paginationType == PaginationType.Local) {
+            const data = this.showSelectedOnly
+                ? // FIXME this will show the selected items by order of insertion to the selectedItems map.
+                    [...this.selectedItems.values()]
+                : (this.filteredIndeces.map((index) => {
+                    return this.dataRepo.data[index];
+                }) ?? []);
+            return data;
+        }
+        return this.dataRepo?.data ?? [];
+    });
     sortedData = $derived.by(() => {
         if (this.paginationRepo?.paginationType == PaginationType.Local) {
             const state = this.dataRepo?.sorting ?? [];
             const sortedData = this.showSelectedOnly
                 ? // FIXME this will show the selected items by order of insertion to the selectedItems map.
                     [...this.selectedItems.values()]
-                : (this.dataRepo?.data.concat() ?? []);
+                : this.filteredData.concat();
             sortedData.sort((a, b) => {
                 const end = state.length;
                 for (let i = 0; i < end; i++) {
@@ -533,58 +570,12 @@ export class TableContext {
             });
             return sortedData;
         }
-        return this.dataRepo?.data ?? [];
+        return this.filteredData ?? [];
     });
     sortedRowModel = $derived.by(() => {
         const rows = this.sortedData.map((item, index) => {
             const unsortedIndex = this.originalRowIndices.get(item) ?? index;
-            const row = {
-                getValue: (key) => this.columnDefsById.get(key).accessorFn?.(item, unsortedIndex) ?? item[key],
-                original: item,
-                index,
-                id: index.toString(),
-                getLeftVisibleCells: () => leftVisibleCells,
-                getRightVisibleCells: () => rightVisibleCells,
-                getCenterVisibleCells: () => centerVisibleCells
-            };
-            const makeRow = (def) => {
-                const isVisible = $derived(this.columnVisibility[def.id] != false);
-                const isSorted = $derived.by(() => {
-                    const sortState = this.paginationRepo?.sorting.find((it) => it.id == def.id);
-                    if (!sortState) {
-                        return 'none';
-                    }
-                    if (sortState.desc) {
-                        return 'desc';
-                    }
-                    return 'asc';
-                });
-                return {
-                    column: {
-                        columnDef: def,
-                        getCanSort: () => def.enableSorting,
-                        getIsResizing: () => def.isResizing,
-                        getIsSorted: () => isSorted,
-                        getIsVisible: () => isVisible,
-                        getToggleSortingHandler: () => def.enableSorting ? this.getToggleSortingHandler(def) : undefined,
-                        id: def.id
-                    },
-                    id: `${index}_${def.id}`,
-                    row: row,
-                    getValue: () => def.accessorFn?.(item, index) ?? item[def.id] // TODO
-                };
-            };
-            const makeCellFromId = (columnId) => {
-                const def = this.columnDefsById.get(columnId);
-                return makeRow(def);
-            };
-            const leftVisibleCells = $derived(this.columnPinning.left?.map(makeCellFromId) ?? []);
-            const rightVisibleCells = $derived(this.columnPinning.right?.map(makeCellFromId) ?? []);
-            const centerVisibleCells = $derived(this.columnDefs
-                .filter((it) => !(this.columnPinning.left?.includes(it.id) ||
-                this.columnPinning.right?.includes(it.id)))
-                .map(makeRow));
-            return row;
+            return this.createRow(item, index, unsortedIndex);
         });
         return {
             rows,
@@ -598,10 +589,12 @@ export class TableContext {
     paginationRowModel = $derived.by(() => {
         const sortedData = this._currentPageData;
         const rows = sortedData.map((item, index) => {
+            const unsortedIndex = this.originalRowIndices.get(item) ?? index;
             const row = {
                 getValue: (key) => this.columnDefsById.get(key).accessorFn?.(item, index) ?? item[key],
                 original: item,
-                index,
+                visibleIndex: index,
+                originalIndex: unsortedIndex,
                 id: index.toString(),
                 getLeftVisibleCells: () => leftVisibleCells,
                 getRightVisibleCells: () => rightVisibleCells,
@@ -638,11 +631,10 @@ export class TableContext {
                 const def = this.columnDefsById.get(columnId);
                 return makeRow(def);
             };
-            const leftVisibleCells = $derived(this.columnPinning.left?.map(makeCellFromId) ?? []);
-            const rightVisibleCells = $derived(this.columnPinning.right?.map(makeCellFromId) ?? []);
+            const leftVisibleCells = $derived([...(this.columnPinning.left?.keys() ?? [])].map(makeCellFromId) ?? []);
+            const rightVisibleCells = $derived([...(this.columnPinning.right?.keys() ?? [])].map(makeCellFromId) ?? []);
             const centerVisibleCells = $derived(this.columnDefs
-                .filter((it) => !(this.columnPinning.left?.includes(it.id) ||
-                this.columnPinning.right?.includes(it.id)))
+                .filter((it) => !(this.columnPinning.left?.has(it.id) || this.columnPinning.right?.has(it.id)))
                 .map(makeRow));
             return row;
         });
@@ -1570,6 +1562,55 @@ export class TableContext {
         this.focusEnd = coords;
     };
     // #region private methods
+    createRow(item, index, unsortedIndex) {
+        const row = {
+            getValue: (key) => this.columnDefsById.get(key).accessorFn?.(item, unsortedIndex) ?? item[key],
+            original: item,
+            visibleIndex: index,
+            originalIndex: unsortedIndex,
+            id: index.toString(),
+            getLeftVisibleCells: () => leftVisibleCells,
+            getRightVisibleCells: () => rightVisibleCells,
+            getCenterVisibleCells: () => centerVisibleCells
+        };
+        const makeRow = (def) => {
+            const isVisible = $derived(this.columnVisibility[def.id] != false);
+            const isSorted = $derived.by(() => {
+                const sortState = this.paginationRepo?.sorting.find((it) => it.id == def.id);
+                if (!sortState) {
+                    return 'none';
+                }
+                if (sortState.desc) {
+                    return 'desc';
+                }
+                return 'asc';
+            });
+            return {
+                column: {
+                    columnDef: def,
+                    getCanSort: () => def.enableSorting,
+                    getIsResizing: () => def.isResizing,
+                    getIsSorted: () => isSorted,
+                    getIsVisible: () => isVisible,
+                    getToggleSortingHandler: () => def.enableSorting ? this.getToggleSortingHandler(def) : undefined,
+                    id: def.id
+                },
+                id: `${index}_${def.id}`,
+                row: row,
+                getValue: () => def.accessorFn?.(item, index) ?? item[def.id] // TODO
+            };
+        };
+        const makeCellFromId = (columnId) => {
+            const def = this.columnDefsById.get(columnId);
+            return makeRow(def);
+        };
+        const leftVisibleCells = $derived([...(this.columnPinning.left?.keys() ?? [])].map(makeCellFromId) ?? []);
+        const rightVisibleCells = $derived([...(this.columnPinning.right?.keys() ?? [])].map(makeCellFromId) ?? []);
+        const centerVisibleCells = $derived(this.columnDefs
+            .filter((it) => !(this.columnPinning.left?.has(it.id) || this.columnPinning.right?.has(it.id)))
+            .map(makeRow));
+        return row;
+    }
     columnDefReturnsTextValue = (it) => {
         if (!this.dataRepo) {
             return false;
@@ -1607,10 +1648,10 @@ export class TableContext {
             return;
         }
         const rows = this.paginationRowModel.rows;
-        const endRowIndex = rows.findIndex((row) => row.index === this.focusEnd.row);
+        const endRowIndex = rows.findIndex((row) => row.visibleIndex === this.focusEnd.row);
         this.focusEnd = {
             ...this.focusEnd,
-            row: rows[Math.max(Math.min(endRowIndex + offset, rows.length - 1), 0)].index
+            row: rows[Math.max(Math.min(endRowIndex + offset, rows.length - 1), 0)].visibleIndex
         };
     }
     _moveFocusRow(offset) {
@@ -1620,8 +1661,8 @@ export class TableContext {
         }
         const newEndRowIndex = (() => {
             const rows = this.paginationRowModel.rows;
-            const endRowIndex = rows.findIndex((row) => row.index === this.focusStart.row);
-            return rows[Math.max(Math.min(endRowIndex + offset, rows.length - 1), 0)].index;
+            const endRowIndex = rows.findIndex((row) => row.visibleIndex === this.focusStart.row);
+            return rows[Math.max(Math.min(endRowIndex + offset, rows.length - 1), 0)].visibleIndex;
         })();
         this.moveFocus({ ...this.focusStart, row: newEndRowIndex });
     }
@@ -1634,8 +1675,8 @@ export class TableContext {
         const { row: startRowIndexId, column: startColumnIndex } = this.focusStart;
         const { row: endRowIndexId, column: endColumnIndex } = this.focusEnd;
         const model = this.sortedRowModel;
-        const startRowIndex = model?.rows.findIndex((row) => row.index === startRowIndexId) ?? -1;
-        const endRowIndex = model?.rows.findIndex((row) => row.index === endRowIndexId) ?? -1;
+        const startRowIndex = model?.rows.findIndex((row) => row.visibleIndex === startRowIndexId) ?? -1;
+        const endRowIndex = model?.rows.findIndex((row) => row.visibleIndex === endRowIndexId) ?? -1;
         if (!model || startRowIndex == -1 || endRowIndex == -1) {
             return;
         }
@@ -1719,10 +1760,11 @@ export class TableContext {
         if (this.focusStart && this.focusEnd) {
             const { row: startRowIndexId, column: startColumnIndex } = this.focusStart;
             const { row: endRowIndexId, column: endColumnIndex } = this.focusEnd;
-            const model = this.sortedRowModel;
-            const startRowIndex = model?.rows.findIndex((row) => row.index === startRowIndexId) ?? -1;
-            const endRowIndex = model?.rows.findIndex((row) => row.index === endRowIndexId) ?? -1;
-            if (!this.dataRepo || startRowIndex == -1 || endRowIndex == -1) {
+            // const model = this._currentPageData;
+            const model = this.paginationRowModel;
+            const startRowIndex = model?.rows.findIndex((row) => row.visibleIndex === startRowIndexId) ?? -1;
+            const endRowIndex = model?.rows.findIndex((row) => row.visibleIndex === endRowIndexId) ?? -1;
+            if (!this._currentPageData?.length || startRowIndex == -1 || endRowIndex == -1) {
                 throw new Error(`copy was missing one of the two indices. First: ${startRowIndex}, second: ${endRowIndex}`);
             }
             const minRowIndex = Math.min(startRowIndex, endRowIndex);
@@ -1738,8 +1780,9 @@ export class TableContext {
             // eslint-disable-next-line svelte/prefer-svelte-reactivity
             const indices = new Map();
             for (let i = minRowIndex; i <= maxRowIndex; i++) {
-                const itemIndex = model.rows[i].index;
-                const item = this.sortedData[itemIndex];
+                const row = model.rows[i];
+                const item = row.original;
+                const itemIndex = row.originalIndex;
                 selectedRows.push(item);
                 indices.set(item, itemIndex);
             }
@@ -1788,10 +1831,10 @@ export class TableContext {
         const midDefs = [];
         const rightDefs = [];
         this.columnDefs.forEach((def) => {
-            if (this.columnPinning.left?.includes(def.id)) {
+            if (this.columnPinning.left?.has(def.id)) {
                 leftDefs.push(def);
             }
-            else if (this.columnPinning.right?.includes(def.id)) {
+            else if (this.columnPinning.right?.has(def.id)) {
                 rightDefs.push(def);
             }
             else {
@@ -1820,10 +1863,6 @@ export class TableContext {
         // const helper = createColumnHelper<T>();
         this.assertNoDuplicateIds();
         const adjustedDefsPromises = this.defaultColumnDefs.defs.map(async (def) => {
-            // extra width for when filtering between values
-            const needsExtraWidth = this.allowQuickFiltering && 'type' in def && def.type === 'Number';
-            const hasNoText = !needsExtraWidth &&
-                (def.columnType === ColumnType.Expand || def.columnType === ColumnType.RowSelect);
             if (def instanceof AccessorDef) {
                 // if (hasNoDefaultAccessor(temporary)) {
                 // 	temporary.accessorKey = def.id as string & keyof T;
@@ -1855,6 +1894,31 @@ export class TableContext {
                     def.filterFn = this.dateFilter;
                 }
             }
+            else if (this.paginationRepo?.paginationType == PaginationType.Local && !def.filterFn) {
+                switch (def.filterValueType) {
+                    case undefined:
+                    case 'String': {
+                        def.filterFn = this.stringFilter;
+                        break;
+                    }
+                    case 'Bool': {
+                        def.filterFn = this.boolFilter;
+                        break;
+                    }
+                    case 'Date': {
+                        def.filterFn = this.dateFilter;
+                        break;
+                    }
+                    case 'Number': {
+                        def.filterFn = this.numberFilter;
+                        break;
+                    }
+                    case 'Select': {
+                        def.filterFn = this.selectFilter;
+                        break;
+                    }
+                }
+            }
             return def;
         });
         const adjustedDefs = (await Promise.all(adjustedDefsPromises))
@@ -1894,14 +1958,16 @@ export class TableContext {
     }
     _setNewPinningState() {
         this.columnPinning = {
-            left: this.columnPinning.left &&
+            // eslint-disable-next-line svelte/prefer-svelte-reactivity
+            left: new Map(this.columnPinning.left &&
                 this.columnDefs
-                    .filter((col) => this.columnPinning.left?.includes(col.id))
-                    .map((col) => col.id),
-            right: this.columnPinning.right &&
+                    .filter((col) => this.columnPinning.left?.has(col.id))
+                    .map((col, index) => [col.id, index])),
+            // eslint-disable-next-line svelte/prefer-svelte-reactivity
+            right: new Map(this.columnPinning.right &&
                 this.columnDefs
-                    .filter((col) => this.columnPinning.right?.includes(col.id))
-                    .map((col) => col.id)
+                    .filter((col) => this.columnPinning.right?.has(col.id))
+                    .map((col, index) => [col.id, index]))
         }; // TODO
     }
     getToggleSortingHandler = (def) => (e) => {
@@ -1989,59 +2055,11 @@ function encapsulate(value) {
     return `"${value.replace(/[\n]/gm, ' ').replace(/["]/g, '""')}"`;
 }
 function generateTableOptions(contextObj) {
-    const _pageCount = $derived(contextObj.paginationRepo?.lastPage ?? 1);
-    const _prm = $derived.by(() => {
-        return contextObj.dataRepo?.paginationType === PaginationType.Local
-            ? contextObj.paginationRowModel // TODO getPaginationRowModel()
-            : undefined;
-    });
     const _pagination = $derived.by(() => {
         void contextObj.paginationRepo?.paginationState?.pageSize;
         void contextObj.paginationRepo?.paginationState?.pageIndex;
         return contextObj.paginationRepo?.paginationState;
     });
-    // TODO
-    function todo(fnName) {
-        return () => {
-            throw new Error('TODO ' + fnName);
-        };
-    }
-    // const leftSizePx = $derived.by(() => {
-    // 	if (contextObj.columnPinning.left?.length) {
-    // 		return contextObj.columnDefs.reduce((total, current) => {
-    // 			if (contextObj.columnPinning.left!.includes(current.id)) {
-    // 				return total + contextObj.measureHeaderWidth(current);
-    // 			}
-    // 			return total;
-    // 		}, 0);
-    // 	}
-    // 	return 0;
-    // });
-    // const rightSizePx = $derived.by(() => {
-    // 	if (contextObj.columnPinning.right?.length) {
-    // 		return contextObj.columnDefs.reduce((total, current) => {
-    // 			if (contextObj.columnPinning.right!.includes(current.id)) {
-    // 				return total + contextObj.measureHeaderWidth(current);
-    // 			}
-    // 			return total;
-    // 		}, 0);
-    // 	}
-    // 	return 0;
-    // });
-    // const centerSizePx = $derived.by(() => {
-    // 	if (contextObj.columnPinning.right?.length) {
-    // 		return contextObj.columnDefs.reduce((total, current) => {
-    // 			if (
-    // 				contextObj.columnPinning.left?.includes(current.id) ||
-    // 				contextObj.columnPinning.right?.includes(current.id)
-    // 			) {
-    // 				return total;
-    // 			}
-    // 			return total + contextObj.measureHeaderWidth(current);
-    // 		}, 0);
-    // 	}
-    // 	return 0;
-    // });
     const makeHeader = (def) => {
         // const size = $derived(contextObj.measureHeaderWidth(def));
         const isVisible = $derived(contextObj.columnVisibility[def.id] != false);
@@ -2095,8 +2113,7 @@ function generateTableOptions(contextObj) {
     };
     const leftHeaderGroups = $derived.by(() => {
         const headers = contextObj.columnDefs
-            .filter((it) => contextObj.columnVisibility[it.id] != false &&
-            contextObj.columnPinning.left?.includes(it.id))
+            .filter((it) => contextObj.columnVisibility[it.id] != false && contextObj.columnPinning.left?.has(it.id))
             .map(makeHeader);
         return [
             {
@@ -2108,8 +2125,7 @@ function generateTableOptions(contextObj) {
     });
     const rightHeaderGroups = $derived.by(() => {
         const headers = contextObj.columnDefs
-            .filter((it) => contextObj.columnVisibility[it.id] != false &&
-            contextObj.columnPinning.right?.includes(it.id))
+            .filter((it) => contextObj.columnVisibility[it.id] != false && contextObj.columnPinning.right?.has(it.id))
             .map(makeHeader);
         return [
             {
@@ -2122,8 +2138,7 @@ function generateTableOptions(contextObj) {
     const centerHeaderGroups = $derived.by(() => {
         const headers = contextObj.columnDefs
             .filter((it) => contextObj.columnVisibility[it.id] != false &&
-            !(contextObj.columnPinning.left?.includes(it.id) ||
-                contextObj.columnPinning.right?.includes(it.id)))
+            !(contextObj.columnPinning.left?.has(it.id) || contextObj.columnPinning.right?.has(it.id)))
             .map(makeHeader);
         return [
             {

package/dist/Components/Table/Types/DataRepository/LocalTableDataRepository.svelte.js

@@ -1,3 +1,4 @@
+import { Delay } from '../../../../Delay/Delay.js';
 import { FilterType } from '../Filtering/FilterType.js';
 import { NumberDateFilterMode } from '../Filtering/NumberDateFilterMode.js';
 import { StringFilterMode } from '../Filtering/StringFilterMode.js';
@@ -40,9 +41,6 @@ export class LocalTableDataRepository extends TableDataRepository {
     get totalRows() {
         return this._totalRows;
     }
-    // public set totalRows(v : number) {
-    // 	this._totalRows = v;
-    // }
     _filtering = $state([]);
     get filtering() {
         return this._filtering;
@@ -72,18 +70,19 @@ export class LocalTableDataRepository extends TableDataRepository {
             value = value.trim();
         }
         const oldIndex = this.filtering.findIndex((it) => it.id === id);
-        if (oldIndex === -1 || this.filtering[oldIndex].value != value) {
+        const newFiltering = this.filtering.concat();
+        if (oldIndex === -1 || newFiltering[oldIndex].value != value) {
             if (oldIndex > -1) {
-                this.filtering.splice(oldIndex, 1);
+                newFiltering.splice(oldIndex, 1);
             }
             const hasNoValue = value == null ||
                 (typeof value === 'object' && Array.isArray(value) && value.length === 0) ||
                 (typeof value === 'string' && value.length === 0);
             if (!hasNoValue) {
-                this.filtering.push({ id, value });
+                newFiltering.push({ id, value });
             }
         }
-        this.filtering = this.filtering.concat();
+        this.filtering = newFiltering;
     };
     _pageStartIndex = $derived(this.paginationState.pageIndex * this.paginationState.pageSize);
     get pageStartIndex() {

package/dist/Components/Table/Types/Filtering/FilterValueType.d.ts

@@ -0,0 +1,8 @@
+export declare const FilterValueType: {
+    readonly String: "String";
+    readonly Number: "Number";
+    readonly Date: "Date";
+    readonly Bool: "Bool";
+    readonly Select: "Select";
+};
+export type FilterValueType = (typeof FilterValueType)[keyof typeof FilterValueType];

package/dist/Components/Table/Types/Filtering/FilterValueType.js

@@ -0,0 +1,8 @@
+export const FilterValueType = {
+    String: 'String',
+    Number: 'Number',
+    Date: 'Date',
+    Bool: 'Bool',
+    Select: 'Select'
+};
+Object.freeze(FilterValueType);

package/dist/Components/Table/Types/Filtering/NumberDateFilterMode.d.ts

@@ -1,6 +1,5 @@
 export declare enum NumberDateFilterMode {
     Equals = "=",
-    Only = "__only=",
     NotEquals = "__notequals=",
     LessThan = "__lt=",
     LessThanOrEqual = "__lte=",

package/dist/Components/Table/Types/Filtering/NumberDateFilterMode.js

@@ -1,7 +1,7 @@
 export var NumberDateFilterMode;
 (function (NumberDateFilterMode) {
     NumberDateFilterMode["Equals"] = "=";
-    NumberDateFilterMode["Only"] = "__only=";
+    // Only = '__only=',
     NumberDateFilterMode["NotEquals"] = "__notequals=";
     NumberDateFilterMode["LessThan"] = "__lt=";
     NumberDateFilterMode["LessThanOrEqual"] = "__lte=";

package/dist/Components/Table/Types/Focus/TableFocusDetails.svelte.js

@@ -23,7 +23,7 @@ export class TableFocusDetails {
         this._tableContext = v;
     }
     _coordinates = $derived({
-        row: this.cell.row.index,
+        row: this.cell.row.visibleIndex,
         column: this.cell.column.columnDef.index,
         id: this.cell.column.columnDef.id
     });
@@ -31,7 +31,7 @@ export class TableFocusDetails {
         return this._coordinates;
     }
     _isMultiFocused = $derived(this.tableContext.focusedColumnIds.has(this.cell.column.columnDef.id) &&
-        this.tableContext.focusedRowIndexIds.has(this.cell.row.index));
+        this.tableContext.focusedRowIndexIds.has(this.cell.row.visibleIndex));
     get isMultiFocused() {
         return this._isMultiFocused;
     }

package/dist/Delay/Delay.d.ts

@@ -1,4 +1,4 @@
 export declare const Delay: {
     readonly Default: 300;
 };
-export type Delay = (typeof Delay)[keyof typeof Delay];
+export type Delay = number;

package/dist/index.d.ts

@@ -156,3 +156,4 @@ export { Validity } from './Types/Internal/Validity.js';
 export { type ValidityWrapper } from './Types/Internal/ValidityWrapper.js';
 export { Variant } from './Types/Internal/Variant.js';
 export { Colour, ColourSet } from './scss/colours.js';
+export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';

package/dist/index.js

@@ -163,3 +163,4 @@ export { Validity } from './Types/Internal/Validity.js';
 export {} from './Types/Internal/ValidityWrapper.js';
 export { Variant } from './Types/Internal/Variant.js';
 export { Colour, ColourSet } from './scss/colours.js';
+export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';