@lavalogic/scoria 0.11.14 → 0.12.0

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

@@ -1,27 +1,4 @@
-export interface FileUploadProps {
-    accept: string;
-    files: File[];
-    multiple?: boolean;
-    onblur?: (e: FocusEvent) => void;
-    onfocus?: (e: FocusEvent) => void;
-    labelTop?: string | undefined;
-    labelRight?: string;
-    placeholder?: string | undefined;
-    required?: boolean;
-    variant?: InputVariant;
-    selectNone?: boolean;
-    optional?: boolean;
-    uppercase?: boolean;
-    disabled?: boolean;
-    leftIcon?: PartialIconProps;
-    rightIcon?: PartialIconProps;
-    onLeftIconClick?: () => void;
-    onRightIconClick?: () => void;
-    inputRef?: HTMLInputElement | undefined;
-    noresize?: boolean;
-}
-import { type PartialIconProps } from './Icon.svelte';
-import { InputVariant } from '../Types/Internal/InputVariant.js';
+import type { FileUploadProps } from './FileUploadProps.js';
 declare const FileUpload: import("svelte").Component<FileUploadProps, {}, "inputRef" | "files">;
 type FileUpload = ReturnType<typeof FileUpload>;
 export default FileUpload;

package/dist/Components/FileUploadProps.d.ts

@@ -0,0 +1,24 @@
+import type { InputVariant } from '../Types/Internal/InputVariant.js';
+import type { PartialIconProps } from './PartialIconProps.js';
+export interface FileUploadProps {
+    accept: string;
+    files: Array<File>;
+    multiple?: boolean;
+    onblur?: (e: FocusEvent) => void;
+    onfocus?: (e: FocusEvent) => void;
+    labelTop?: string | undefined;
+    labelRight?: string;
+    placeholder?: string | undefined;
+    required?: boolean;
+    variant?: InputVariant;
+    selectNone?: boolean;
+    optional?: boolean;
+    uppercase?: boolean;
+    disabled?: boolean;
+    leftIcon?: PartialIconProps;
+    rightIcon?: PartialIconProps;
+    onLeftIconClick?: () => void;
+    onRightIconClick?: () => void;
+    inputRef?: HTMLInputElement | undefined;
+    noresize?: boolean;
+}

package/dist/Components/FileUploadProps.js

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

package/dist/Components/GridInput.svelte

@@ -1,6 +1,7 @@
 <svelte:options runes />
 
 <script lang="ts" module>
+	import { dev } from '$app/environment';
 	import type { GridItem } from '../Types/Internal/GridItem.js';
 	import type {
 		GridMultiSelectItem,
@@ -15,31 +16,26 @@
 	} from '../Types/Internal/GridSingleSelectItem.js';
 	import type { GridTextItem } from '../Types/Internal/GridTextItem.js';
 	import type { ValueProp } from '../Types/Internal/Misc.js';
+	import type { GridInputProps } from './GridInputProps.js';
 	import MultiSelect from './MultiSelect.svelte';
 	import SingleSelect from './SingleSelect.svelte';
 	import TextInput from './TextInput.svelte';
 
-	export interface GridInputProps<V, VP> {
-		item: GridItem<V, VP>;
-		first: boolean;
-		last: boolean;
-	}
-
-	function isText<V, VP>(item: GridItem<V, VP>): item is GridTextItem {
-		return item.type == null || textTypes.has(item.type);
-	}
-
 	const textTypes = new Set(['text', 'email', 'tel']);
 </script>
 
 <script lang="ts" generics="V extends object,VP extends ValueProp<V>">
 	const { item, first, last }: GridInputProps<V, VP> = $props();
 
-	let value = $state(isText(item) ? (item.value ?? '') : '');
+	let value = $derived(isText(item) ? (item.value ?? '') : '');
 
-	function isSelect(
+	function isText<V extends object, VP extends ValueProp<V>>(
 		item: GridItem<V, VP>
-	): item is V extends object ? (VP extends ValueProp<V> ? GridSelectItem<V, VP> : never) : never {
+	): item is GridTextItem {
+		return item.type == null || textTypes.has(item.type);
+	}
+
+	function isSelect(item: GridItem<V, VP>): item is GridSelectItem<V, VP> {
 		return item.type == 'select';
 	}
 
@@ -52,13 +48,13 @@
 	function isMultiSelectPrimitive<A extends object, B extends ValueProp<A>>(
 		item: GridMultiSelectItem<A, B>
 	): item is GridMultiSelectItemAsPrimitive<A, B> {
-		return 'valueAsObject' in item && item.valueAsObject === false;
+		return 'valueAsObject' in item && !item.valueAsObject;
 	}
 
 	function isMultiSelectObject<A extends object, B extends ValueProp<A>>(
 		item: GridMultiSelectItem<A, B>
 	): item is GridMultiSelectItemAsObject<A, B> {
-		return 'valueAsObject' in item && item.valueAsObject === true;
+		return 'valueAsObject' in item && item.valueAsObject;
 	}
 
 	function isSingleSelect<A extends object, B extends ValueProp<A>>(
@@ -70,13 +66,13 @@
 	function isSingleSelectPrimitive<A extends object, B extends ValueProp<A>>(
 		item: GridSingleSelectItem<A, B>
 	): item is GridSingleSelectItemAsPrimitive<A, B> {
-		return 'valueAsObject' in item && item.valueAsObject === false;
+		return 'valueAsObject' in item && !item.valueAsObject;
 	}
 
 	function isSingleSelectObject<A extends object, B extends ValueProp<A>>(
 		item: GridSingleSelectItem<A, B>
 	): item is GridSingleSelectItemAsObject<A, B> {
-		return 'valueAsObject' in item && item.valueAsObject === true;
+		return 'valueAsObject' in item && item.valueAsObject;
 	}
 </script>
 
@@ -99,7 +95,7 @@
 			{#await item.options}
 				loading…
 			{:then options}
-				{#if isMultiSelectObject(item)}
+				{#if isMultiSelectObject<V, VP>(item)}
 					<MultiSelect
 						name={item.name}
 						{options}
@@ -108,8 +104,8 @@
 						valueProp={item.valueProp}
 						selectedValues={item.value}
 						invalid={item.invalid}
-						onchange={(v) => {
-							item.updater(v || null);
+						onchange={(v: Array<V>) => {
+							item.updater(v);
 						}}
 					/>
 				{:else if isMultiSelectPrimitive(item)}
@@ -121,8 +117,10 @@
 						valueProp={item.valueProp}
 						selectedValues={item.value}
 						invalid={item.invalid}
-						onchange={(v) => {
-							item.updater(v.map((it) => it[item.valueProp]));
+						onchange={(v: Array<V>) => {
+							const values = v.map((it) => it[item.valueProp]);
+
+							item.updater(values);
 						}}
 					/>
 				{/if}
@@ -143,8 +141,8 @@
 						clearable={!item.required}
 						disabled={item.disabled}
 						invalid={item.invalid}
-						onchange={(v) => {
-							item.updater(v || null);
+						onchange={(v: V | null) => {
+							item.updater(v);
 						}}
 					/>
 				{:else if isSingleSelectPrimitive(item)}
@@ -159,15 +157,19 @@
 						clearable={!item.required}
 						disabled={item.disabled}
 						invalid={item.invalid}
-						onchange={(v) => {
-							item.updater(v?.[item.valueProp] ?? null);
+						onchange={(v: V | null) => {
+							const x = v == null ? null : v[item.valueProp];
+
+							item.updater(x);
 						}}
 					/>
 				{/if}
 			{/await}
 		{/if}
-	{:else}
-		{@const type = item?.type}
+	{:else if dev}
+		{@const type = item.type}
+		unknown type: {type}
+		<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
 		{@debug type}
 	{/if}
 </label>

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

@@ -1,10 +1,5 @@
-import type { GridItem } from '../Types/Internal/GridItem.js';
 import type { ValueProp } from '../Types/Internal/Misc.js';
-export interface GridInputProps<V, VP> {
-    item: GridItem<V, VP>;
-    first: boolean;
-    last: boolean;
-}
+import type { GridInputProps } from './GridInputProps.js';
 declare function $$render<V extends object, VP extends ValueProp<V>>(): {
     props: GridInputProps<V, VP>;
     exports: {};

package/dist/Components/GridInputProps.d.ts

@@ -0,0 +1,7 @@
+import type { GridItem } from '../Types/Internal/GridItem.js';
+import type { ValueProp } from '../Types/Internal/Misc.js';
+export interface GridInputProps<V extends object, VP extends ValueProp<V>> {
+    item: GridItem<V, VP>;
+    first: boolean;
+    last: boolean;
+}

package/dist/Components/GridInputProps.js

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

package/dist/Components/GridInputSet.svelte

@@ -1,18 +1,9 @@
 <svelte:options runes />
 
-<script lang="ts" module>
-	import type { Snippet } from 'svelte';
-
-	export interface GridInputSetProps<V, VP> {
-		items: Array<GridItem<V, VP>>;
-		header?: Snippet;
-	}
-</script>
-
 <script lang="ts" generics="V extends object,VP extends ValueProp<V>">
-	import GridInput from './GridInput.svelte';
-	import type { GridItem } from '../Types/Internal/GridItem.js';
 	import type { ValueProp } from '../Types/Internal/Misc.js';
+	import GridInput from './GridInput.svelte';
+	import type { GridInputSetProps } from './GridInputSetProps.js';
 
 	const { items, header }: GridInputSetProps<V, VP> = $props();
 

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

@@ -1,10 +1,5 @@
-import type { Snippet } from 'svelte';
-export interface GridInputSetProps<V, VP> {
-    items: Array<GridItem<V, VP>>;
-    header?: Snippet;
-}
-import type { GridItem } from '../Types/Internal/GridItem.js';
 import type { ValueProp } from '../Types/Internal/Misc.js';
+import type { GridInputSetProps } from './GridInputSetProps.js';
 declare function $$render<V extends object, VP extends ValueProp<V>>(): {
     props: GridInputSetProps<V, VP>;
     exports: {};

package/dist/Components/GridInputSetProps.d.ts

@@ -0,0 +1,7 @@
+import type { GridItem } from '../Types/Internal/GridItem.js';
+import type { ValueProp } from '../Types/Internal/Misc.js';
+import type { Snippet } from 'svelte';
+export interface GridInputSetProps<V extends object, VP extends ValueProp<V>> {
+    items: Array<GridItem<V, VP>>;
+    header?: Snippet;
+}

package/dist/Components/GridInputSetProps.js

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

package/dist/Components/HorizontalTabGroup.svelte

@@ -1,23 +1,10 @@
 <svelte:options runes />
 
-<script lang="ts" module>
-	import type { TabOption } from '../Types/Internal/TabOption.js';
-	import type { Snippet } from 'svelte';
-	import HorizontalTabGroupButton from './HorizontalTabGroupButton.svelte';
-
-	export interface HorizontalTabGroupProps {
-		name?: string;
-		tabComponent?: Snippet<[TabOption<any>, boolean]>;
-		noRadius?: boolean;
-		grow?: boolean;
-		options: Array<TabOption<any>>;
-		selected: TabOption<any> | undefined;
-	}
-</script>
-
 <script lang="ts">
+	import HorizontalTabGroupButton from './HorizontalTabGroupButton.svelte';
+	import type { HorizontalTabGroupProps } from './HorizontalTabGroupProps.js';
 	let {
-		name,
+		name: _name,
 		tabComponent,
 		options,
 		selected,

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

@@ -1,13 +1,4 @@
-import type { TabOption } from '../Types/Internal/TabOption.js';
-import type { Snippet } from 'svelte';
-export interface HorizontalTabGroupProps {
-    name?: string;
-    tabComponent?: Snippet<[TabOption<any>, boolean]>;
-    noRadius?: boolean;
-    grow?: boolean;
-    options: Array<TabOption<any>>;
-    selected: TabOption<any> | undefined;
-}
-declare const HorizontalTabGroup: import("svelte").Component<HorizontalTabGroupProps, {}, "">;
+import type { HorizontalTabGroupProps } from './HorizontalTabGroupProps.js';
+declare const HorizontalTabGroup: import("svelte").Component<HorizontalTabGroupProps<undefined>, {}, "">;
 type HorizontalTabGroup = ReturnType<typeof HorizontalTabGroup>;
 export default HorizontalTabGroup;

package/dist/Components/HorizontalTabGroupButton.svelte

@@ -1,21 +1,15 @@
 <svelte:options runes />
 
-<script lang="ts" module>
-	export interface VerticalTabGroupButtonProps<Args extends object | undefined> {
-		option: TabOption<Args>;
-		selected: boolean;
-	}
-</script>
-
 <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 type { TabOption } from '../Types/Internal/TabOption.js';
 
 	import Icon from './Icon.svelte';
+	import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
 
-	let { option, selected }: VerticalTabGroupButtonProps<Args> = $props();
+	let { option, selected }: TabGroupButtonProps<Args> = $props();
 
 	let isValid = $state(true);
 
@@ -23,26 +17,28 @@
 		if (typeof option.isValid === 'boolean') {
 			isValid = option.isValid;
 		} else {
-			option.isValid?.then((v) => {
-				isValid = v;
-			});
+			option.isValid
+				?.then((v) => {
+					isValid = v;
+				})
+				.catch(devCatch);
 		}
 	});
 </script>
 
 <button
 	class:selected
-	onclick={(e) => {
+	onclick={() => {
 		option.onclick();
 	}}
 	type="button"
 	class="tab"
-	class:invalid={isValid === false}
+	class:invalid={!isValid}
 >
 	<Icon name="nothing" colour={Colour['$brand-primary']} size={Size.Small} {...option.iconLeft} />
 
 	{option.label}
-	{#if isValid === false}
+	{#if !isValid}
 		<Icon name="error" colour={Colour['$error-border']} size={Size.Small} />
 	{:else}
 		<Icon

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

@@ -1,10 +1,6 @@
-export interface VerticalTabGroupButtonProps<Args extends object | undefined> {
-    option: TabOption<Args>;
-    selected: boolean;
-}
-import type { TabOption } from '../Types/Internal/TabOption.js';
+import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
 declare function $$render<Args extends object | undefined>(): {
-    props: VerticalTabGroupButtonProps<Args>;
+    props: TabGroupButtonProps<Args>;
     exports: {};
     bindings: "";
     slots: {};

package/dist/Components/HorizontalTabGroupProps.d.ts

@@ -0,0 +1,10 @@
+import type { TabOption } from '../Types/Internal/TabOption.js';
+import type { Snippet } from 'svelte';
+export interface HorizontalTabGroupProps<T extends object | undefined = undefined> {
+    name?: string;
+    tabComponent?: Snippet<[TabOption<T>, boolean]>;
+    noRadius?: boolean;
+    grow?: boolean;
+    options: Array<TabOption<T>>;
+    selected: TabOption<T> | undefined;
+}

package/dist/Components/HorizontalTabGroupProps.js

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