@lavalogic/scoria 0.37.24 → 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/Body/Rows/Columns/FocusableImmutableCell.svelte

@@ -48,7 +48,11 @@
 		if (d == null) {
 			return undefined;
 		}
-		return `Local: ${d.toLocaleString()}\nUTC: ${d.toUTCString()}`;
+		// Use `toLocaleString` for both lines so the visual format matches
+		// (only the time zone differs). The `timeZone: 'UTC'` override on
+		// the second call renders the same date / time but reinterpreted
+		// in UTC, which is what the user expects to see on hover.
+		return `Local: ${d.toLocaleString()}\nUTC: ${d.toLocaleString(undefined, { timeZone: 'UTC' })}`;
 	});
 
 	const tableContext = getContext<TableContext<T, RowIdType>>(TableContext.identifier);

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/dist/Helpers/dropdownPortal.js

@@ -146,6 +146,10 @@ export function attachDropdownPortal(options) {
         }
         originalParent = dropdown.parentNode;
         originalNextSibling = dropdown.nextSibling;
+        // Clear any `display: none` left over from a previous portalIn
+        // (see the defensive hide there) so the dropdown is visible
+        // once teleported into the new host.
+        dropdown.style.display = '';
         // Append the dropdown to the nearest open native `<dialog>` ancestor
         // when one exists, otherwise to `document.body`. A `<dialog>` opened
         // via `showModal()` renders in the browser's top layer, which sits
@@ -200,6 +204,18 @@ export function attachDropdownPortal(options) {
         dropdown.style.maxHeight = '';
         dropdown.style.zIndex = '';
         dropdown.removeAttribute('data-scoria-portal-dropdown');
+        // Defensive: if Svelecte left the dropdown without its own
+        // `display: none` (e.g. on certain transition-cancel race paths
+        // the open/close class flip and the inline style update arrive
+        // out of order), the dropdown would now be `position: static;
+        // display: block` in `document.body` and contribute its option
+        // list's height to the body scroll size - which is what surfaces
+        // as a stray page-level vertical scrollbar after toggling a
+        // select. Force `display: none` here; Svelecte will restore the
+        // inline style on next open via its own class-driven render.
+        if (!dropdown.classList.contains('is-open')) {
+            dropdown.style.display = 'none';
+        }
         if (originalParent != null) {
             if (originalNextSibling != null && originalNextSibling.parentNode === originalParent) {
                 originalParent.insertBefore(dropdown, originalNextSibling);

package/package.json

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