@lavalogic/scoria 0.11.14 → 0.12.0

package/dist/Components/VerticalTabGroup.svelte

@@ -1,19 +1,9 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import type { TabOption } from '../Types/Internal/TabOption.js';
 	import { onMount, untrack } from 'svelte';
 	import VerticalTabGroupButton from './VerticalTabGroupButton.svelte';
-
-	export interface VerticalTabGroupProps {
-		name?: string;
-		tabs: Array<TabOption<any>>;
-		selected?: TabOption<any> | undefined;
-		style?: string;
-		noscroll?: boolean;
-		noTabMessage?: string;
-		nohistory?: boolean;
-	}
+	import type { VerticalTabGroupProps } from './VerticalTabGroupProps.js';
 </script>
 
 <script lang="ts">
@@ -28,7 +18,7 @@
 	}: VerticalTabGroupProps = $props();
 
 	onMount(() => {
-		if (name && nohistory !== true) {
+		if (name && !nohistory) {
 			const tabName = sessionStorage.getItem(`${name}-active-tab`);
 			if (tabName) {
 				tabs.find((it) => it.label === tabName)?.onclick();

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

@@ -1,13 +1,4 @@
-import type { TabOption } from '../Types/Internal/TabOption.js';
-export interface VerticalTabGroupProps {
-    name?: string;
-    tabs: Array<TabOption<any>>;
-    selected?: TabOption<any> | undefined;
-    style?: string;
-    noscroll?: boolean;
-    noTabMessage?: string;
-    nohistory?: boolean;
-}
+import type { VerticalTabGroupProps } from './VerticalTabGroupProps.js';
 declare const VerticalTabGroup: import("svelte").Component<VerticalTabGroupProps, {}, "">;
 type VerticalTabGroup = ReturnType<typeof VerticalTabGroup>;
 export default VerticalTabGroup;

package/dist/Components/VerticalTabGroupButton.svelte

@@ -1,19 +1,13 @@
 <svelte:options runes />
 
-<script lang="ts" module>
-	export interface VerticalTabGroupButtonProps {
-		option: TabOption<any>;
-		selected: boolean;
-	}
-</script>
-
-<script lang="ts">
-	import Icon from './Icon.svelte';
-	import type { TabOption } from '../Types/Internal/TabOption.js';
+<script lang="ts" generics="Args extends object|undefined">
+	import { devCatch } from '../Helpers/Helpers.svelte.js';
 	import { Colour } from '../scss/colours.js';
 	import { Size } from '../Types/Internal/Size.js';
+	import Icon from './Icon.svelte';
+	import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
 
-	let { option, selected }: VerticalTabGroupButtonProps = $props();
+	let { option, selected }: TabGroupButtonProps<Args> = $props();
 
 	let disabled = $state(true);
 	let isValid = $state(true);
@@ -22,9 +16,11 @@
 		if (typeof option.isValid === 'boolean') {
 			isValid = option.isValid;
 		} else {
-			option.isValid?.then((v) => {
-				isValid = v;
-			});
+			option.isValid
+				?.then((v) => {
+					isValid = v;
+				})
+				.catch(devCatch);
 		}
 	});
 	$effect(() => {
@@ -33,9 +29,11 @@
 		} else if (option.disabled == undefined) {
 			disabled = false;
 		} else {
-			option.disabled?.then((v) => {
-				disabled = v;
-			});
+			option.disabled
+				.then((v) => {
+					disabled = v;
+				})
+				.catch(devCatch);
 		}
 	});
 </script>
@@ -48,14 +46,14 @@
 	}}
 	type="button"
 	class="tab"
-	class:invalid={isValid === false}
+	class:invalid={!isValid}
 >
-	<div class="bordered" class:invalid={isValid === false}>
+	<div class="bordered" class:invalid={!isValid}>
 		{#if option.iconLeft}
 			<Icon {...option.iconLeft} colour={Colour['$brand-primary']} />
 		{/if}
 		{option.label}
-		{#if isValid === false}
+		{#if !isValid}
 			<Icon name="error" colour={Colour['$error-border']} size={Size.Small} />
 		{:else if option.iconRight}
 			<Icon colour={Colour['$brand-primary']} size={Size.Small} {...option.iconRight} />

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

@@ -1,8 +1,25 @@
-export interface VerticalTabGroupButtonProps {
-    option: TabOption<any>;
-    selected: boolean;
+import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
+declare function $$render<Args extends object | undefined>(): {
+    props: TabGroupButtonProps<Args>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Args extends object | undefined> {
+    props(): ReturnType<typeof $$render<Args>>['props'];
+    events(): ReturnType<typeof $$render<Args>>['events'];
+    slots(): ReturnType<typeof $$render<Args>>['slots'];
+    bindings(): "";
+    exports(): {};
 }
-import type { TabOption } from '../Types/Internal/TabOption.js';
-declare const VerticalTabGroupButton: import("svelte").Component<VerticalTabGroupButtonProps, {}, "">;
-type VerticalTabGroupButton = ReturnType<typeof VerticalTabGroupButton>;
+interface $$IsomorphicComponent {
+    new <Args extends object | undefined>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Args>['bindings']>;
+    } & ReturnType<__sveltets_Render<Args>['exports']>;
+    <Args extends object | undefined>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const VerticalTabGroupButton: $$IsomorphicComponent;
+type VerticalTabGroupButton<Args extends object | undefined> = InstanceType<typeof VerticalTabGroupButton<Args>>;
 export default VerticalTabGroupButton;

package/dist/Components/VerticalTabGroupProps.d.ts

@@ -0,0 +1,10 @@
+import type { TabOption } from '../Types/Internal/TabOption.js';
+export interface VerticalTabGroupProps {
+    name?: string;
+    tabs: Array<TabOption<object>>;
+    selected?: TabOption<object> | undefined;
+    style?: string;
+    noscroll?: boolean;
+    noTabMessage?: string;
+    nohistory?: boolean;
+}

package/dist/Components/VerticalTabGroupProps.js

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

package/dist/Contexts/ContextMenuContext.svelte.d.ts

@@ -7,12 +7,12 @@ export declare class ContextMenuContext {
     get y(): number;
     set y(v: number);
     private _items;
-    get items(): IContextMenuOption[];
-    set items(v: IContextMenuOption[]);
+    get items(): Array<IContextMenuOption>;
+    set items(v: Array<IContextMenuOption>);
     private _showMenu;
     get showMenu(): boolean;
     set showMenu(v: boolean);
-    readonly openContextMenu: (e: MouseEvent, options: IContextMenuOption[]) => Promise<void>;
+    readonly openContextMenu: (e: MouseEvent, options: Array<IContextMenuOption>) => Promise<void>;
     closeMenu: () => void;
 }
 export interface IContextMenuOption {

package/dist/Contexts/ToastContext.svelte.d.ts

@@ -2,7 +2,7 @@ import type { IdentifiableToastMessage } from '../Types/Internal/IdentifiableToa
 export declare class ToastContext {
     static readonly identifier: unique symbol;
     private _toasts;
-    get toasts(): IdentifiableToastMessage[];
+    get toasts(): Array<IdentifiableToastMessage>;
     private set toasts(value);
     readonly toast: (message: unknown) => void;
     private dismiss;

package/dist/Contexts/ToastContext.svelte.js

@@ -66,14 +66,16 @@ export class ToastContext {
         })();
         this.toasts.push(newMessage);
         if (newMessage.timeout) {
-            setTimeout(() => this.dismiss(newMessage.id), newMessage.timeout);
+            setTimeout(() => {
+                this.dismiss(newMessage.id);
+            }, newMessage.timeout);
         }
     };
     dismiss(id) {
         const index = this._toasts.findIndex((it) => it.id === id);
         if (index != -1) {
             const [removed] = this._toasts.splice(index, 1);
-            removed?.onClose?.();
+            removed.onClose?.();
         }
     }
 }

package/dist/Contexts/UntypedInputContext.svelte.d.ts

@@ -1,4 +1,4 @@
-export type StringCallback = (value: string) => boolean | void | Promise<boolean | void>;
+export type StringCallback = (value: string) => boolean | Promise<boolean>;
 import type { Unsubscriber } from '../Types/Internal/Misc.js';
 export declare class UntypedInputContext {
     private debug;
@@ -11,6 +11,6 @@ export declare class UntypedInputContext {
     get untypedValue(): string;
     private set untypedValue(value);
     private debounceTimer;
-    private tagNameSet;
+    private readonly tagNameSet;
     readonly handleGlobalKeydown: (e: KeyboardEvent) => void;
 }

package/dist/Contexts/UntypedInputContext.svelte.js

@@ -1,3 +1,6 @@
+import { dev } from '$app/environment';
+import { devCatch } from '../Helpers/Helpers.svelte.js';
+import { SvelteSet } from 'svelte/reactivity';
 export class UntypedInputContext {
     debug;
     constructor(debug = false) {
@@ -12,8 +15,8 @@ export class UntypedInputContext {
             if (foundListenerIndex > -1) {
                 this.registeredListeners.splice(foundListenerIndex, 1);
             }
-            else {
-                console.warn(`listener not found. listeners: ${this.registeredListeners}, this listener: ${listener}`);
+            else if (dev) {
+                console.warn(`listener not found. listeners: ${this.registeredListeners.join(', ')}, this listener: ${listener.toString()}`);
             }
         };
     };
@@ -33,15 +36,7 @@ export class UntypedInputContext {
         this._untypedValue = v;
     }
     debounceTimer = $state(-1);
-    tagNameSet = (() => {
-        const set = new Set();
-        set.add('INPUT');
-        set.add('TEXTAREA');
-        set.add('BUTTON');
-        set.add('A');
-        //add more if needed
-        return set;
-    })();
+    tagNameSet = new SvelteSet().add('INPUT').add('TEXTAREA').add('BUTTON').add('A');
     handleGlobalKeydown = (e) => {
         if (!this.tagNameSet.has(document.activeElement?.tagName)) {
             clearTimeout(this.debounceTimer);
@@ -49,7 +44,7 @@ export class UntypedInputContext {
                 if (this.debug) {
                     console.log('firing');
                 }
-                this.fire();
+                this.fire().catch(devCatch);
                 if (this.debug) {
                     console.log('clearing');
                 }
@@ -68,6 +63,9 @@ export class UntypedInputContext {
             // 	}
             // }
             this.debounceTimer = setTimeout(() => {
+                if (this.debug) {
+                    console.log('clearing due to debounce');
+                }
                 this.untypedValue = '';
             }, 500);
         }

package/dist/Helpers/Datamatrix.d.ts

@@ -7,5 +7,4 @@ export interface IDatamatrixOptions {
 	vrb?: number;
 }
 
-export declare function DATAMatrix(value: IDatamatrixOptions): SVGSVGElement;
-export declare function DATAMatrix(value: string): SVGSVGElement;
+export declare function DATAMatrix(value: IDatamatrixOptions | string): SVGSVGElement;

package/dist/Helpers/Helpers.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { CustomFilter } from '../Components/Table/Types/Filtering/CustomFilter.js';
 import type { InputDate, InputDateWithTime, SQLDate } from '../Types/Internal/Misc.js';
 import type { RefWrapper } from '../Types/Internal/RefWrapper.js';
 export declare function autoPluralise(text: string, quantity?: number, { capitalise }?: {
@@ -11,13 +12,13 @@ export declare function SQLFriendly(date: InputDate | SQLDate | Date): SQLDate;
 export declare function SQLFriendlyWithLocalTime(date: InputDate | InputDateWithTime | SQLDate | Date, timeDate?: InputDate | InputDateWithTime | SQLDate | Date | null): SQLDate;
 export declare const localTimeFormat: Intl.DateTimeFormat;
 export declare function passthrough(e: KeyboardEvent): void;
-export declare function getCanvasContext(): CanvasRenderingContext2D;
+export declare function getCanvasContext(): CanvasRenderingContext2D | null;
 interface IErrorResponse {
-    readonly errors: readonly {
+    readonly errors: ReadonlyArray<{
         code: string;
         message: string;
         originatingService: string;
-    }[] | string;
+    }> | string;
     readonly payload: unknown;
     readonly statusCode: number;
     readonly uuid: string | null;
@@ -36,4 +37,8 @@ export declare function asyncAll<T>(array: Array<T>, asyncCallback: (item: T, in
 export declare const asyncEvery: typeof asyncAll;
 export declare function asyncFilterIndices<T>(array: Array<T>, asyncCallback: (item: T, index: number) => Promise<boolean>): Promise<Array<number>>;
 export declare function asyncFilter<T>(array: Array<T>, asyncCallback: (item: T, index: number) => Promise<boolean>): Promise<Array<T>>;
+export declare function devCatch(e: unknown): void;
+export declare function hasQuery(customFilter: CustomFilter | undefined): customFilter is CustomFilter & Required<Pick<CustomFilter, 'query'>>;
+export declare function isDateTuple(value: unknown): value is [Date | null, Date | null];
+export declare function isNumberTuple(value: unknown): value is [number | null, number | null];
 export {};

package/dist/Helpers/Helpers.svelte.js

@@ -1,3 +1,5 @@
+import { dev } from '$app/environment';
+import { CustomFilterType } from '../Components/Table/Types/Filtering/CustomFilterType.js';
 import { Sizing } from '../scss/sizing.js';
 import { untrack } from 'svelte';
 export function autoPluralise(text, quantity = 2, { capitalise = false } = {}) {
@@ -36,7 +38,9 @@ export function generateShortUUID() {
 // taken from https://stackoverflow.com/a/8809472/18712055
 export function generateUUID() {
     let // eslint-disable-next-line svelte/prefer-svelte-reactivity
-    d = new Date().getTime(), d2 = (typeof performance !== 'undefined' && performance.now && performance.now() * 1000) || 0;
+    d = new Date().getTime(), 
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    d2 = (typeof performance !== 'undefined' && performance.now && performance.now() * 1000) || 0;
     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
         let r = Math.random() * 16;
         if (d > 0) {
@@ -63,6 +67,7 @@ export function refWrapper(initial) {
 }
 export function SQLFriendly(date) {
     if (typeof date === 'string') {
+        // eslint-disable-next-line svelte/prefer-svelte-reactivity
         date = new Date(date);
     }
     return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date
@@ -72,9 +77,11 @@ export function SQLFriendly(date) {
 }
 export function SQLFriendlyWithLocalTime(date, timeDate) {
     if (typeof date === 'string') {
+        // eslint-disable-next-line svelte/prefer-svelte-reactivity
         date = new Date(date);
     }
     if (typeof timeDate === 'string') {
+        // eslint-disable-next-line svelte/prefer-svelte-reactivity
         timeDate = new Date(date);
     }
     return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date
@@ -98,9 +105,13 @@ export function passthrough(e) {
 let __canvas;
 export function getCanvasContext() {
     if (!__canvas) {
-        __canvas = document.createElement('canvas');
-        const canvasContext = __canvas.getContext('2d');
+        const _canvas = document.createElement('canvas');
+        const canvasContext = _canvas.getContext('2d');
+        if (!canvasContext) {
+            return null;
+        }
         canvasContext.font = '700 16px LatoWeb';
+        __canvas = _canvas;
         return canvasContext;
     }
     return __canvas.getContext('2d');
@@ -134,7 +145,7 @@ export function getErrorMessage(error, includeUUID = true) {
         else {
             errorList += 'Unknown Error' + '\n';
         }
-        if (includeUUID && 'uuid' in error && error.uuid) {
+        if (includeUUID && 'uuid' in error && error.uuid && typeof error.uuid === 'string') {
             errorList += 'Error UUID: ' + error.uuid + '\n';
         }
     }
@@ -164,12 +175,14 @@ export function gridItem(element) {
         height = entries[0].borderBoxSize[0].blockSize;
     });
     observer.observe(firstChild);
-    return () => observer.unobserve(firstChild);
+    return () => {
+        observer.unobserve(firstChild);
+    };
 }
 export async function asyncSleep(delay) {
     await untrack(() => new Promise((r) => {
         void setTimeout(() => {
-            void r(undefined);
+            r(undefined);
         }, delay);
     }));
 }
@@ -189,7 +202,7 @@ export async function asyncSome(array, asyncCallback) {
         Promise.race(
         // empty promise is required here
         // because otherwise the first false would immediately end the race without checking the rest of the array
-        promises.map(async (p) => !!(await p) || emptyPromise)),
+        promises.map(async (p) => (await p) || emptyPromise)),
         Promise.all(promises).then((r) => r.some(Boolean))
     ]);
 }
@@ -201,7 +214,7 @@ export async function asyncAll(array, asyncCallback) {
             Promise.race(
             // empty promise is required here
             // because otherwise the first false would immediately end the race without checking the rest of the array
-            promises.map(async (p) => !!(await p) || emptyPromise)),
+            promises.map(async (p) => (await p) || emptyPromise)),
             Promise.all(promises).then((r) => r.every(Boolean))
         ]);
 }
@@ -224,3 +237,26 @@ export async function asyncFilter(array, asyncCallback) {
     });
     return filtered.sort((a, b) => a - b).map((i) => array[i]);
 }
+export function devCatch(e) {
+    if (dev) {
+        console.log(e);
+    }
+}
+export function hasQuery(customFilter) {
+    return (!!customFilter &&
+        customFilter.type == CustomFilterType.Select &&
+        !!customFilter.query &&
+        typeof customFilter.query == 'function');
+}
+export function isDateTuple(value) {
+    return (Array.isArray(value) &&
+        value.length == 2 &&
+        (value[0] === null || typeof value[0] == 'number') &&
+        (value[1] === null || typeof value[1] == 'number'));
+}
+export function isNumberTuple(value) {
+    return (Array.isArray(value) &&
+        value.length == 2 &&
+        (value[0] === null || (typeof value[0] == 'object' && value[0] instanceof Date)) &&
+        (value[1] === null || (typeof value[1] == 'object' && value[1] instanceof Date)));
+}

package/dist/Types/Examples/ExampleItem.d.ts

@@ -12,6 +12,6 @@ export interface ExampleItem {
     floDate: SQLDate | null;
     floDateWithTime: SQLDate | null;
     someSelect: ExampleSelectEnum | null;
-    someBubbles: string[];
+    someBubbles: Array<string>;
     simulatedQuery: SelectOption<string> | null;
 }

package/dist/Types/Examples/ExampleModal.svelte

@@ -23,7 +23,7 @@
 			<Switch
 				label="{cell.row.original.id} checked?"
 				value={cell.row.original.isChecked}
-				onchange={(e) => {
+				onchange={() => {
 					cell.row.original.isChecked = !cell.row.original.isChecked;
 				}}
 			/>

package/dist/Types/Internal/AttributeOperation.js

@@ -1,9 +1,7 @@
 export const AttributeOperation = {
     Preadvice: 'Preadvice',
-    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     RequiredAtPreadvice: 'Preadvice', //functionally identical
     Order: 'Order',
-    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     RequiredAtOrder: 'Order', // functionally identical
     Despatch: 'Despatch',
     RequiredAtDespatch: 'RequiredAtDespatch',

package/dist/Types/Internal/CallbackButton.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '../../Components/Button.svelte';
+import type { ButtonProps } from '../../Components/ButtonProps.js';
 import type { ColourSet } from '../../scss/colours.js';
 export interface CallbackButton {
     label: string;

package/dist/Types/Internal/GridItem.d.ts

@@ -2,4 +2,4 @@ import type { GridNumberItem } from './GridNumberItem.js';
 import type { GridSelectItem } from './GridSelectItem.js';
 import type { GridTextItem } from './GridTextItem.js';
 import type { ValueProp } from './Misc.js';
-export type GridItem<V = unknown, VP = unknown> = GridTextItem | GridNumberItem | (V extends object ? VP extends ValueProp<V> ? VP extends string & keyof V ? GridSelectItem<V, VP> : never : never : never);
+export type GridItem<V extends object, VP extends ValueProp<V>> = GridTextItem | GridNumberItem | GridSelectItem<V, VP>;

package/dist/Types/Internal/GridMultiSelectItem.d.ts

@@ -4,8 +4,8 @@ interface _GridMultiSelectItem<V extends object, VP extends string & keyof V> ex
 }
 export interface GridMultiSelectItemAsObject<V extends object, VP extends string & keyof V> extends _GridMultiSelectItem<V, VP> {
     valueAsObject: true;
-    value: V[];
-    updater: (v: V[]) => void;
+    value: Array<V>;
+    updater: (v: Array<V>) => void;
 }
 export interface GridMultiSelectItemAsPrimitive<V extends object, VP extends string & keyof V> extends _GridMultiSelectItem<V, VP> {
     valueAsObject: false;

package/dist/Types/Internal/GridSelectItem.d.ts

@@ -2,7 +2,7 @@ import type { NonNullableKey } from './Misc.js';
 export interface GridSelectItem<V extends object, VP extends keyof V> {
     name: string;
     label: string;
-    options: V[] | Promise<V[]>;
+    options: Array<V> | Promise<Array<V>>;
     type: 'select';
     labelProp: NonNullableKey<V>;
     valueProp: VP;

package/dist/Types/Internal/TabOption.d.ts

@@ -1,4 +1,4 @@
-import type { IconProps } from '../../Components/Icon.svelte';
+import type { IconProps } from '../../Components/IconProps.js';
 import type { Snippet } from 'svelte';
 export interface TabOption<Args extends object | undefined = undefined> {
     label: string;