@lavalogic/scoria 0.0.1

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

@@ -0,0 +1,12 @@
+import type { SelectOption } from '../../../../Types/Internal/SelectOption.js';
+import type { CustomFilterType } from './CustomFilterType.js';
+export interface CustomFilter {
+    queryKey: string;
+    type: CustomFilterType;
+    valueAsObject?: boolean;
+    options?: Array<SelectOption<string | number>> | Promise<Array<SelectOption<string | number>>>;
+    multiSelect?: boolean;
+    objectName?: string;
+    label?: string;
+    query?: (value: unknown) => Promise<Array<SelectOption<number>>>;
+}

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

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

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

@@ -0,0 +1,6 @@
+export declare const enum CustomFilterType {
+    String = 0,
+    Number = 1,
+    Select = 2,
+    Date = 3
+}

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

@@ -0,0 +1,7 @@
+export var CustomFilterType;
+(function (CustomFilterType) {
+    CustomFilterType[CustomFilterType["String"] = 0] = "String";
+    CustomFilterType[CustomFilterType["Number"] = 1] = "Number";
+    CustomFilterType[CustomFilterType["Select"] = 2] = "Select";
+    CustomFilterType[CustomFilterType["Date"] = 3] = "Date";
+})(CustomFilterType || (CustomFilterType = {}));

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

@@ -0,0 +1,2 @@
+import type { FilterMode } from './FilterMode.js';
+export type CustomFilterFn = (mode: FilterMode, value: unknown) => boolean;

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

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

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

@@ -0,0 +1,10 @@
+import type { FloService } from '../../../../Types/Internal/FloService.js';
+import type { CustomFilter } from './CustomFilter.js';
+import type { FilterMode } from './FilterMode.js';
+export interface CustomProxyFilter extends CustomFilter {
+    service: FloService;
+    endpoint: string;
+    group: unknown;
+    searchValueTransform?: (mode: FilterMode, value: unknown) => Promise<string>;
+    responseValueTransform: (item: unknown) => Promise<[string, unknown[]]>;
+}

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

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

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

@@ -0,0 +1,3 @@
+import type { CustomFilter } from './CustomFilter.js';
+import type { CustomProxyFilter } from './CustomProxyFIlter.js';
+export type CustomRemoteFilters = Map<string, CustomFilter | CustomProxyFilter>;

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

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

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

@@ -0,0 +1,9 @@
+import type { Row } from '../Context/Row.js';
+export type DateFilterValueType = [Date | undefined, Date | undefined];
+export type NumberFilterValueType = Array<number | string | undefined>;
+export type SelectFilterValueType<T, columnType = T[keyof T]> = string | Array<unknown> | Set<unknown> | {
+    value: columnType;
+} | undefined;
+export type BoolFilterValueType = boolean | null;
+export type StringFilterValueType = string | null;
+export type FilterFn<T extends object, FilterValueType> = (row: Row<T>, columnId: string, filterValue: FilterValueType) => boolean;

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

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

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

@@ -0,0 +1,3 @@
+import type { NumberDateFilterMode } from './NumberDateFilterMode.js';
+import type { StringFilterMode } from './StringFilterMode.js';
+export type FilterMode = StringFilterMode | NumberDateFilterMode;

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

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

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

@@ -0,0 +1,4 @@
+export declare const enum FilterType {
+    Virtual = 0,
+    Real = 1
+}

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

@@ -0,0 +1,5 @@
+export var FilterType;
+(function (FilterType) {
+    FilterType[FilterType["Virtual"] = 0] = "Virtual";
+    FilterType[FilterType["Real"] = 1] = "Real";
+})(FilterType || (FilterType = {}));

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

@@ -0,0 +1,3 @@
+export type HasCustomFilterFunction = {
+    filterFn: HasCustomFilterFunction;
+};

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

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

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

@@ -0,0 +1,13 @@
+export declare enum NumberDateFilterMode {
+    Equals = "=",
+    Only = "__only=",
+    NotEquals = "__notequals=",
+    LessThan = "__lt=",
+    LessThanOrEqual = "__lte=",
+    GreaterThan = "__gt=",
+    GreaterThanOrEqual = "__gte=",
+    Between = "__between=",
+    In = "__in=",
+    NotIn = "__notin=",
+    'null' = "__null="
+}

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

@@ -0,0 +1,14 @@
+export var NumberDateFilterMode;
+(function (NumberDateFilterMode) {
+    NumberDateFilterMode["Equals"] = "=";
+    NumberDateFilterMode["Only"] = "__only=";
+    NumberDateFilterMode["NotEquals"] = "__notequals=";
+    NumberDateFilterMode["LessThan"] = "__lt=";
+    NumberDateFilterMode["LessThanOrEqual"] = "__lte=";
+    NumberDateFilterMode["GreaterThan"] = "__gt=";
+    NumberDateFilterMode["GreaterThanOrEqual"] = "__gte=";
+    NumberDateFilterMode["Between"] = "__between=";
+    NumberDateFilterMode["In"] = "__in=";
+    NumberDateFilterMode["NotIn"] = "__notin=";
+    NumberDateFilterMode["null"] = "__null=";
+})(NumberDateFilterMode || (NumberDateFilterMode = {}));

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

@@ -0,0 +1,15 @@
+export declare enum StringFilterMode {
+    ImplicitEquals = "=",// used by booleans which fall under 'true'/'false' and therefore strings in the current implementation
+    Equals = "__equals=",
+    NotEquals = "__notequals=",
+    Contains = "__contains=",
+    NotContains = "__notcontains=",
+    StartsWith = "__startswith=",
+    NotStartsWith = "__notstartswith=",
+    EndsWith = "__endswith=",
+    NotEndsWith = "__notendswith=",
+    In = "__in=",
+    NotIn = "__notin=",
+    Empty = "__empty=",
+    'null' = "__null="
+}

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

@@ -0,0 +1,16 @@
+export var StringFilterMode;
+(function (StringFilterMode) {
+    StringFilterMode["ImplicitEquals"] = "=";
+    StringFilterMode["Equals"] = "__equals=";
+    StringFilterMode["NotEquals"] = "__notequals=";
+    StringFilterMode["Contains"] = "__contains=";
+    StringFilterMode["NotContains"] = "__notcontains=";
+    StringFilterMode["StartsWith"] = "__startswith=";
+    StringFilterMode["NotStartsWith"] = "__notstartswith=";
+    StringFilterMode["EndsWith"] = "__endswith=";
+    StringFilterMode["NotEndsWith"] = "__notendswith=";
+    StringFilterMode["In"] = "__in=";
+    StringFilterMode["NotIn"] = "__notin=";
+    StringFilterMode["Empty"] = "__empty=";
+    StringFilterMode["null"] = "__null=";
+})(StringFilterMode || (StringFilterMode = {}));

package/dist/Components/Table/Types/Focus/MultiFocusEdge.d.ts

@@ -0,0 +1,10 @@
+export declare const enum MultiFocusEdge {
+    TopLeft = 0,
+    Top = 1,
+    TopRight = 2,
+    Right = 3,
+    BottomRight = 4,
+    Bottom = 5,
+    BottomLeft = 6,
+    Left = 7
+}

package/dist/Components/Table/Types/Focus/MultiFocusEdge.js

@@ -0,0 +1,11 @@
+export var MultiFocusEdge;
+(function (MultiFocusEdge) {
+    MultiFocusEdge[MultiFocusEdge["TopLeft"] = 0] = "TopLeft";
+    MultiFocusEdge[MultiFocusEdge["Top"] = 1] = "Top";
+    MultiFocusEdge[MultiFocusEdge["TopRight"] = 2] = "TopRight";
+    MultiFocusEdge[MultiFocusEdge["Right"] = 3] = "Right";
+    MultiFocusEdge[MultiFocusEdge["BottomRight"] = 4] = "BottomRight";
+    MultiFocusEdge[MultiFocusEdge["Bottom"] = 5] = "Bottom";
+    MultiFocusEdge[MultiFocusEdge["BottomLeft"] = 6] = "BottomLeft";
+    MultiFocusEdge[MultiFocusEdge["Left"] = 7] = "Left";
+})(MultiFocusEdge || (MultiFocusEdge = {}));

package/dist/Components/Table/Types/Focus/TableFocusDetails.svelte.d.ts

@@ -0,0 +1,40 @@
+import { Validity } from '../../../../Types/Internal/Validity.js';
+import type { TableCell } from '../Columns/TableCell.js';
+import type { TableContext } from '../Context/TableContext.svelte.js';
+import type { CellCoordinates } from '../Coordinates/CellCoordinates.js';
+export declare class TableFocusDetails<T extends object> {
+    private toastCallback;
+    constructor(cell: TableCell<T>, tableContext: TableContext<T>, toastCallback: (message: unknown) => void);
+    private _cell;
+    get cell(): TableCell<T>;
+    set cell(v: TableCell<T>);
+    private _tableContext;
+    get tableContext(): TableContext<T>;
+    set tableContext(v: TableContext<T>);
+    private _coordinates;
+    get coordinates(): CellCoordinates;
+    private _isMultiFocused;
+    get isMultiFocused(): boolean;
+    private _hasMultipleFocus;
+    get hasMultipleFocus(): boolean;
+    private _isMultiFocusStart;
+    get isMultiFocusStart(): boolean;
+    private _topToBottom;
+    get topToBottom(): boolean;
+    private _leftToRight;
+    get leftToRight(): boolean;
+    private _leftEdge;
+    get leftEdge(): boolean;
+    private _topEdge;
+    get topEdge(): boolean;
+    private _rightEdge;
+    get rightEdge(): boolean;
+    private _bottomEdge;
+    get bottomEdge(): boolean;
+    private _validityTuple;
+    private __validityTuple;
+    get validityTuple(): Promise<[Validity, string | undefined]>;
+    set validityTuple(v: Promise<[Validity, string | undefined]>);
+    private _outline;
+    get outline(): string;
+}

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

@@ -0,0 +1,174 @@
+import { dev } from '$app/environment';
+import { Colour } from '../../../../scss/colours.js';
+import { Validity } from '../../../../Types/Internal/Validity.js';
+import { tick } from 'svelte';
+export class TableFocusDetails {
+    toastCallback;
+    constructor(cell, tableContext, toastCallback) {
+        this.toastCallback = toastCallback;
+        this._cell = $derived(cell);
+        this._tableContext = $derived(tableContext);
+    }
+    _cell;
+    get cell() {
+        return this._cell;
+    }
+    set cell(v) {
+        this._cell = v;
+    }
+    _tableContext;
+    get tableContext() {
+        return this._tableContext;
+    }
+    set tableContext(v) {
+        this._tableContext = v;
+    }
+    _coordinates = $derived({
+        row: this.cell.row.index,
+        column: this.cell.column.columnDef.index,
+        id: this.cell.column.columnDef.id
+    });
+    get coordinates() {
+        return this._coordinates;
+    }
+    _isMultiFocused = $derived(this.tableContext.focusedColumnIds.has(this.cell.column.columnDef.id) &&
+        this.tableContext.focusedRowIndexIds.has(this.cell.row.index));
+    get isMultiFocused() {
+        return this._isMultiFocused;
+    }
+    _hasMultipleFocus = $derived(this.isMultiFocused &&
+        (this.tableContext.focusedColumnIds.size > 1 || this.tableContext.focusedRowIndexIds.size > 1));
+    get hasMultipleFocus() {
+        return this._hasMultipleFocus;
+    }
+    _isMultiFocusStart = $derived(this.hasMultipleFocus &&
+        this.tableContext.focusStart?.id === this.coordinates.id &&
+        this.tableContext.focusStart.column === this.coordinates.column &&
+        this.tableContext.focusStart.row === this.coordinates.row);
+    get isMultiFocusStart() {
+        return this._isMultiFocusStart;
+    }
+    _topToBottom = $derived(this.hasMultipleFocus && this.tableContext.focusStart.row < this.tableContext.focusEnd.row);
+    get topToBottom() {
+        return this._topToBottom;
+    }
+    _leftToRight = $derived(this.hasMultipleFocus &&
+        this.tableContext.focusStart.column < this.tableContext.focusEnd.column);
+    get leftToRight() {
+        return this._leftToRight;
+    }
+    _leftEdge = $derived.by(() => {
+        if (this.isMultiFocused) {
+            if (this.leftToRight) {
+                return this.coordinates.column === this.tableContext.focusStart?.column;
+            }
+            else {
+                return this.coordinates.column === this.tableContext.focusEnd?.column;
+            }
+        }
+        return false;
+    });
+    get leftEdge() {
+        return this._leftEdge;
+    }
+    _topEdge = $derived.by(() => {
+        if (this.isMultiFocused) {
+            if (this.topToBottom) {
+                return this.coordinates.row === this.tableContext.focusStart?.row;
+            }
+            else {
+                return this.coordinates.row === this.tableContext.focusEnd?.row;
+            }
+        }
+        return false;
+    });
+    get topEdge() {
+        return this._topEdge;
+    }
+    _rightEdge = $derived.by(() => {
+        if (this.isMultiFocused) {
+            if (this.leftToRight) {
+                return this.coordinates.column === this.tableContext.focusEnd?.column;
+            }
+            else {
+                return this.coordinates.column === this.tableContext.focusStart?.column;
+            }
+        }
+        return false;
+    });
+    get rightEdge() {
+        return this._rightEdge;
+    }
+    _bottomEdge = $derived.by(() => {
+        if (this.isMultiFocused) {
+            if (this.topToBottom) {
+                return this.coordinates.row === this.tableContext.focusEnd?.row;
+            }
+            else {
+                return this.coordinates.row === this.tableContext.focusStart?.row;
+            }
+        }
+        return false;
+    });
+    get bottomEdge() {
+        return this._bottomEdge;
+    }
+    _validityTuple = $derived.by(() => {
+        return this.__validityTuple(this.cell.column.columnDef.isValid, this.cell.row.original);
+    });
+    async __validityTuple(isValid, original) {
+        try {
+            const result = (await isValid?.(original, this.tableContext.selectionContains(original))) ??
+                Validity.Valid;
+            if (isWrapper(result)) {
+                return [result.value, result.reason];
+            }
+            else {
+                return [result, undefined];
+            }
+        }
+        catch (e) {
+            if (dev) {
+                console.log(e);
+                alert('validity error');
+            }
+            return tick().then(() => {
+                this.toastCallback(e);
+                return [Validity.Valid, undefined];
+            });
+        }
+    }
+    get validityTuple() {
+        return this._validityTuple;
+    }
+    set validityTuple(v) {
+        this._validityTuple = v;
+    }
+    _outline = $derived.by(() => {
+        const x = [];
+        if (this.topEdge) {
+            x.push(`inset 0px 2px 0px 0px ${Colour['$brand-primary']}`);
+        }
+        if (this.rightEdge) {
+            x.push(`inset -2px 0px 0px 0px ${Colour['$brand-primary']}`);
+        }
+        if (this.bottomEdge) {
+            x.push(`inset 0px -2px 0px 0px ${Colour['$brand-primary']}`);
+        }
+        if (this.leftEdge) {
+            x.push(`inset 2px 0px 0px 0px ${Colour['$brand-primary']}`);
+        }
+        if (x.length) {
+            return `box-shadow: ${x.join(', ')};`;
+        }
+        else {
+            return '';
+        }
+    });
+    get outline() {
+        return this._outline;
+    }
+}
+function isWrapper(result) {
+    return typeof result == 'object' && 'value' in result;
+}

package/dist/Components/Table/Types/Header.d.ts

@@ -0,0 +1,9 @@
+import type { Column } from './Columns/Column.js';
+export interface Header<T extends object> {
+    id: string;
+    colSpan: number;
+    getSize: () => number;
+    column: Column<T>;
+    isPlaceholder: boolean;
+    getResizeHandler: () => (e: MouseEvent) => void;
+}

package/dist/Components/Table/Types/Header.js

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

package/dist/Components/Table/Types/HeaderGroup.d.ts

@@ -0,0 +1,5 @@
+import type { Header } from './Header.js';
+export interface HeaderGroup<T extends object> {
+    id: string;
+    headers: Array<Header<T>>;
+}

package/dist/Components/Table/Types/HeaderGroup.js

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

package/dist/Components/Table/Types/OnChangeFn.d.ts

@@ -0,0 +1,3 @@
+type Updater<T> = T | ((old: T) => T);
+export type OnChangeFn<T> = (updaterOrValue: Updater<T>) => void;
+export {};

package/dist/Components/Table/Types/OnChangeFn.js

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

package/dist/Components/Table/Types/Pagination/PaginationState.d.ts

@@ -0,0 +1,4 @@
+export interface PaginationState {
+    pageIndex: number;
+    pageSize: number;
+}

package/dist/Components/Table/Types/Pagination/PaginationState.js

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

package/dist/Components/Table/Types/Pagination/PaginationType.d.ts

@@ -0,0 +1,5 @@
+export declare const enum PaginationType {
+    Remote = 0,
+    Local = 1,
+    None = 2
+}

package/dist/Components/Table/Types/Pagination/PaginationType.js

@@ -0,0 +1,6 @@
+export var PaginationType;
+(function (PaginationType) {
+    PaginationType[PaginationType["Remote"] = 0] = "Remote";
+    PaginationType[PaginationType["Local"] = 1] = "Local";
+    PaginationType[PaginationType["None"] = 2] = "None";
+})(PaginationType || (PaginationType = {}));

package/dist/Components/Table/Types/Toolbar/ToolbarPosition.d.ts

@@ -0,0 +1,6 @@
+export declare const enum ToolbarPosition {
+    None = 0,
+    Left = 1,
+    Top = 2,
+    Right = 3
+}

package/dist/Components/Table/Types/Toolbar/ToolbarPosition.js

@@ -0,0 +1,7 @@
+export var ToolbarPosition;
+(function (ToolbarPosition) {
+    ToolbarPosition[ToolbarPosition["None"] = 0] = "None";
+    ToolbarPosition[ToolbarPosition["Left"] = 1] = "Left";
+    ToolbarPosition[ToolbarPosition["Top"] = 2] = "Top";
+    ToolbarPosition[ToolbarPosition["Right"] = 3] = "Right";
+})(ToolbarPosition || (ToolbarPosition = {}));