@lavalogic/scoria 0.19.3 → 0.19.5

package/dist/Components/CollapsibleCard.svelte

@@ -1,6 +1,7 @@
 <svelte:options runes />
 
 <script lang="ts">
+	import { loadingText } from '../Helpers/Helpers.svelte.js';
 	import { Size } from '../Types/Internal/Size.js';
 	import { Colour } from '../scss/colours.js';
 	import Action from './Action.svelte';
@@ -34,7 +35,7 @@
 			<h3>{title}</h3>
 			{#if subtitle}
 				{#await subtitle}
-					<span>loading…</span>
+					<span>{loadingText}</span>
 				{:then subtitle}
 					<span>{subtitle}</span>
 				{/await}

package/dist/Components/GridInput.svelte

@@ -5,6 +5,7 @@
 	module
 >
 	import { dev } from '$app/environment';
+	import { loadingText } from '../Helpers/Helpers.svelte.js';
 	import type { GridItem } from '../Types/Internal/GridItem.js';
 	import type {
 		GridMultiSelectItem,
@@ -105,7 +106,7 @@
 	{:else if isSelect(item)}
 		{#if isMultiSelect(item)}
 			{#await item.options}
-				loading…
+				{loadingText}
 			{:then options}
 				{#if isMultiSelectObject<V, VP>(item)}
 					<MultiSelect
@@ -139,7 +140,7 @@
 			{/await}
 		{:else if isSingleSelect(item)}
 			{#await item.options}
-				loading…
+				{loadingText}
 			{:then options}
 				{#if isSingleSelectObject(item)}
 					<SingleSelect

package/dist/Components/Modal.svelte

@@ -1,6 +1,9 @@
 <svelte:options runes />
 
-<script module lang="ts">
+<script
+	module
+	lang="ts"
+>
 	import { DATAMatrix } from '../Helpers/Datamatrix.js';
 	import { devCatch, passthrough } from '../Helpers/Helpers.svelte.js';
 	import { ColourSet } from '../scss/colours.js';
@@ -57,7 +60,7 @@
 		explanation,
 		children,
 		footer,
-		onclose
+		onclose,
 	}: ModalProps = $props();
 
 	let dialog: HTMLDialogElement | undefined;
@@ -160,7 +163,7 @@
 								size={Size.DoubleXLarge}
 								onclick={() => dialog?.close()}
 								icon={{
-									name: 'cross'
+									name: 'cross',
 								}}
 								onkeydown={handleEsc}
 								colourSet={ColourSet.Primary}
@@ -181,11 +184,17 @@
 		{#if defaultTimer}
 			<!-- class:paused -->
 			<div class="bar-container">
-				<div class:paused class="bar-timer"></div>
+				<div
+					class:paused
+					class="bar-timer"
+				></div>
 			</div>
 		{/if}
 
-		<div class="modal-main" class:noscroll>
+		<div
+			class="modal-main"
+			class:noscroll
+		>
 			{#if explanation}
 				{@render explanation()}
 			{/if}
@@ -201,7 +210,10 @@
 						<div class="button-barcode-set">
 							{#if button.barcodeValue}
 								{@const icon = DATAMatrix(button.barcodeValue)}
-								<DataMatrixIcon title={button.label} {icon} />
+								<DataMatrixIcon
+									title={button.label}
+									{icon}
+								/>
 							{/if}
 							<button
 								onkeydown={passthrough}
@@ -215,7 +227,10 @@
 						<div class="button-barcode-set">
 							{#if button.barcodeValue}
 								{@const icon = DATAMatrix(button.barcodeValue)}
-								<DataMatrixIcon title={button.label} {icon} />
+								<DataMatrixIcon
+									title={button.label}
+									{icon}
+								/>
 							{/if}
 							<button
 								onkeydown={passthrough}
@@ -486,6 +501,7 @@ form.modal-root {
   overflow: visible;
 }
 
+.modal-main.noscroll,
 .noscroll {
   overflow: visible;
 }

package/dist/Components/Table/Body/Rows/Columns/FocusableImmutableCell.svelte

@@ -6,7 +6,7 @@
 >
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
+	import { devCatch, isValidityTuple, loadingText } from '../../../../../Helpers/Helpers.svelte.js';
 	import type { SelectOption } from '../../../../../Types/Internal/SelectOption.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext } from 'svelte';
@@ -89,7 +89,7 @@ class:bottom={focusDetails.bottomEdge} -->
 >
 	{#if hasValue}
 		{#await visibleValue}
-			loading…
+			{loadingText}
 		{:then v}
 			{(v instanceof Date
 				? v.toLocaleDateString()

package/dist/Components/Table/Body/Rows/Columns/TableNumberInput.svelte

@@ -18,7 +18,7 @@
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
+	import { devCatch, isValidityTuple, loadingText } from '../../../../../Helpers/Helpers.svelte.js';
 	import { InputVariant } from '../../../../../Types/Internal/InputVariant.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
@@ -38,6 +38,10 @@
 	});
 	let tempNumericValue: number = $state(0);
 
+	const visibleValue = $derived(
+		cell.column.columnDef.getDisplayValue?.(cell.row.original, cell.row.originalIndex) ?? value
+	);
+
 	$effect(() => {
 		void value;
 		untrack(() => {
@@ -345,8 +349,8 @@
 		class:warning={validity == Validity.Warning}
 		class:error={validity == Validity.Invalid}
 		ondblclick={handleDoubleClickFocus}
-		>{#await value}
-			loading…
+		>{#await visibleValue}
+			{loadingText}
 		{:then value}{value ?? '-'}{/await}</td
 	>
 {/if}

package/dist/Components/Table/Body/Rows/Columns/TableTextInput.svelte

@@ -9,7 +9,7 @@
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import TextInput from '../../../../TextInput.svelte';
-	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
+	import { devCatch, isValidityTuple, loadingText } from '../../../../../Helpers/Helpers.svelte.js';
 	import { InputVariant } from '../../../../../Types/Internal/InputVariant.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
@@ -53,6 +53,10 @@
 
 	const value = $derived(cell.getValue());
 
+	const visibleValue = $derived(
+		cell.column.columnDef.getDisplayValue?.(cell.row.original, cell.row.originalIndex) ?? value
+	);
+
 	let tempTextValue: string = $state('');
 
 	let tdref = $state<HTMLTableCellElement | undefined>();
@@ -347,8 +351,8 @@
 		}}
 		ondblclick={handleDoubleClickFocus}
 	>
-		{#await value}
-			loading…
+		{#await visibleValue}
+			{loadingText}
 		{:then value}
 			{value}
 		{:catch error}

package/dist/Helpers/Helpers.svelte.js

@@ -244,7 +244,7 @@ export async function asyncFilter(array, asyncCallback) {
 }
 export function devCatch(e) {
     if (dev) {
-        console.log(getErrorMessage(e));
+        console.log(e);
     }
 }
 export function hasQuery(customFilter) {

package/dist/index.d.ts

@@ -132,7 +132,7 @@ export { TooltipContext } from './Contexts/TooltipContext.svelte.js';
 export { UntypedInputContext } from './Contexts/UntypedInputContext.svelte.js';
 export { Delay } from './Delay/Delay.js';
 export { DATAMatrix } from './Helpers/Datamatrix.js';
-export { asyncAll, asyncEvery, asyncFilter, asyncFilterIndices, asyncFlatMap, asyncForEach, asyncMap, asyncSleep, asyncSome, autoPluralise, devCatch, generateShortUUID, generateUUID, getCanvasContext, getErrorMessage, gridItem, isDateTuple, isNumberTuple, isValidEmailAddress, localTimeFormat, passthrough, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, vowels, } from './Helpers/Helpers.svelte.js';
+export { asyncAll, asyncEvery, asyncFilter, asyncFilterIndices, asyncFlatMap, asyncForEach, asyncMap, asyncSleep, asyncSome, autoPluralise, devCatch, generateShortUUID, generateUUID, getCanvasContext, getErrorMessage, gridItem, isDateTuple, isNumberTuple, isValidEmailAddress, loadingText, localTimeFormat, passthrough, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, vowels, } from './Helpers/Helpers.svelte.js';
 export { type INamed } from './Helpers/INamed.js';
 export { AttributeOperation } from './Types/Internal/AttributeOperation.js';
 export { type BigRadioOption } from './Types/Internal/BigRadioOption.js';

package/dist/index.js

@@ -132,7 +132,7 @@ export { TooltipContext } from './Contexts/TooltipContext.svelte.js';
 export { UntypedInputContext } from './Contexts/UntypedInputContext.svelte.js';
 export { Delay } from './Delay/Delay.js';
 export { DATAMatrix } from './Helpers/Datamatrix.js';
-export { asyncAll, asyncEvery, asyncFilter, asyncFilterIndices, asyncFlatMap, asyncForEach, asyncMap, asyncSleep, asyncSome, autoPluralise, devCatch, generateShortUUID, generateUUID, getCanvasContext, getErrorMessage, gridItem, isDateTuple, isNumberTuple, isValidEmailAddress, localTimeFormat, passthrough, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, vowels, } from './Helpers/Helpers.svelte.js';
+export { asyncAll, asyncEvery, asyncFilter, asyncFilterIndices, asyncFlatMap, asyncForEach, asyncMap, asyncSleep, asyncSome, autoPluralise, devCatch, generateShortUUID, generateUUID, getCanvasContext, getErrorMessage, gridItem, isDateTuple, isNumberTuple, isValidEmailAddress, loadingText, localTimeFormat, passthrough, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, vowels, } from './Helpers/Helpers.svelte.js';
 export {} from './Helpers/INamed.js';
 export { AttributeOperation } from './Types/Internal/AttributeOperation.js';
 export {} from './Types/Internal/BigRadioOption.js';

package/package.json

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