@lavalogic/scoria 0.37.25 → 0.37.26

package/dist/Components/DateInput.svelte

@@ -46,7 +46,11 @@
 		onchange,
 	}: DateInputProps = $props();
 
-	const isInvalid = $derived((required && !value.trim()) || invalid);
+	// Null-safe: a fresh `<DateInput>` with no value passes `value=null`
+	// through the prop. The old `value.trim()` crashed with "Cannot read
+	// properties of null (reading 'trim')" the moment a required, empty
+	// DateInput rendered inside e.g. the Order Details collapsible card.
+	const isInvalid = $derived((required && !value?.trim()) || invalid);
 
 	function onkeydown(e: KeyboardEvent): void {
 		if (e.key === 'Enter') {

package/dist/Components/Table/Headers/TableHead.svelte

@@ -25,6 +25,41 @@
 	import HighlightAllHeader from './HighlightAllHeader.svelte';
 	import SelectAllHeader from './SelectAllHeader.svelte';
 	import type { TableHeadProps } from './TableHeadProps.js';
+
+	/** Per-column toggle queue. The header onclick fires this so multiple
+	 *  clicks within a small window stack and apply on a single timer
+	 *  flush, which lets a fast double-click cycle straight to desc (or
+	 *  to clear-sort) without the user having to wait for the asc state
+	 *  to apply and reload data first. Single clicks pay a ~150 ms delay
+	 *  before the toggle runs, which is below most users' perceived
+	 *  latency threshold while still wide enough to batch dblclicks. */
+	const SORT_DEBOUNCE_MS = 150;
+	const sortDebounce = new WeakMap<
+		object,
+		{ count: number; timer: ReturnType<typeof setTimeout> | null }
+	>();
+	function debouncedSortToggle(columnRef: object, handler: ((e?: unknown) => void) | undefined): void {
+		if (!handler) {
+			return;
+		}
+		let entry = sortDebounce.get(columnRef);
+		if (!entry) {
+			entry = { count: 0, timer: null };
+			sortDebounce.set(columnRef, entry);
+		}
+		entry.count += 1;
+		if (entry.timer != null) {
+			clearTimeout(entry.timer);
+		}
+		entry.timer = setTimeout(() => {
+			const toFire = entry!.count;
+			entry!.count = 0;
+			entry!.timer = null;
+			for (let i = 0; i < toFire; i++) {
+				handler();
+			}
+		}, SORT_DEBOUNCE_MS);
+	}
 </script>
 
 <script
@@ -290,7 +325,7 @@
 							hideTooltip(header.column.columnDef);
 						}}
 						class="contents"
-						onclick={header.column.getToggleSortingHandler()}
+						onclick={() => debouncedSortToggle(header.column, header.column.getToggleSortingHandler())}
 					>
 						<div class="th cursor-pointer select-none">
 							<div class="header-text-wrapper">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.37.25",
+  "version": "0.37.26",
   "publishConfig": {
     "access": "restricted"
   },