@lavalogic/scoria 0.18.2 → 0.19.1

package/dist/Components/Table/Table.svelte

@@ -103,12 +103,9 @@
 	});
 
 	$effect(() => {
-		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-		tableContext.dataRepo.data.length;
-		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-		tableContext.selectedItems;
-		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-		tableContext.paginationRepo?.pageStartIndex;
+		void tableContext.dataRepo.data.length;
+		void tableContext.selectedItems;
+		void tableContext.paginationRepo?.pageStartIndex;
 
 		untrack(() => {
 			tableContext.recalculateAllSelectedInCurrentPage();
@@ -359,151 +356,149 @@
 	}}
 />
 
-<svelte:boundary>
+<div
+	class="grid"
+	class:nested
+>
+	{#if tableContext.dataRepo.isLoading}
+		<LoadingOverlay
+			absolute
+			borderRadius="4px"
+		/>
+	{/if}
+
 	<div
-		class="grid"
-		class:nested
+		class="horizontal-bar"
+		class:border={tableContext.toolbarPosition === ToolbarPosition.Top}
 	>
-		{#if tableContext.dataRepo.isLoading}
-			<LoadingOverlay
-				absolute
-				borderRadius="4px"
-			/>
+		{#if tableContext.toolbarPosition === ToolbarPosition.Top}
+			<TableHorizontalBar />
 		{/if}
+	</div>
 
-		<div
-			class="horizontal-bar"
-			class:border={tableContext.toolbarPosition === ToolbarPosition.Top}
-		>
-			{#if tableContext.toolbarPosition === ToolbarPosition.Top}
-				<TableHorizontalBar />
-			{/if}
-		</div>
-
-		<div
-			class="sidebar-wrapper sidebar-wrapper-left"
-			class:nested
-			style="--nested-height: {nestedHeight}px;"
-		>
-			{#if tableContext.toolbarPosition === ToolbarPosition.Left}
-				<div class="sidebar toolbar-left">
-					<TableSidebar />
-				</div>
-			{/if}
-		</div>
-		<div
-			class="sidebar-wrapper sidebar-wrapper-right"
-			class:nested
-			style="--nested-height: {nestedHeight}px;"
-		>
-			{#if tableContext.toolbarPosition === ToolbarPosition.Right}
-				<div class="sidebar toolbar-right">
-					<TableSidebar />
-				</div>
-			{/if}
-		</div>
+	<div
+		class="sidebar-wrapper sidebar-wrapper-left"
+		class:nested
+		style="--nested-height: {nestedHeight}px;"
+	>
+		{#if tableContext.toolbarPosition === ToolbarPosition.Left}
+			<div class="sidebar toolbar-left">
+				<TableSidebar />
+			</div>
+		{/if}
+	</div>
+	<div
+		class="sidebar-wrapper sidebar-wrapper-right"
+		class:nested
+		style="--nested-height: {nestedHeight}px;"
+	>
+		{#if tableContext.toolbarPosition === ToolbarPosition.Right}
+			<div class="sidebar toolbar-right">
+				<TableSidebar />
+			</div>
+		{/if}
+	</div>
 
-		<div class="footer">
-			{#if tableContext.displayFooter}
-				<TableFooter />
-			{/if}
-		</div>
+	<div class="footer">
+		{#if tableContext.displayFooter}
+			<TableFooter />
+		{/if}
+	</div>
 
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		bind:this={tableRef}
+		class="datatable"
+		class:nested
+		class:compact={tableContext.isCompact}
+		class:quick-filtering={tableContext.showQuickFiltering}
+		onkeydown={tableContext.handleTdKeydown}
+	>
 		<div
-			bind:this={tableRef}
-			class="datatable"
+			class="flex_table"
+			bind:this={ref}
 			class:nested
-			class:compact={tableContext.isCompact}
-			class:quick-filtering={tableContext.showQuickFiltering}
-			onkeydown={tableContext.handleTdKeydown}
 		>
 			<div
-				class="flex_table"
-				bind:this={ref}
-				class:nested
+				bind:this={unfocusRef}
+				class="table-wrapper"
+				oncontextmenu={openContextMenu}
 			>
-				<div
-					bind:this={unfocusRef}
-					class="table-wrapper"
-					oncontextmenu={openContextMenu}
+				<!-- {#if leftTotalSize > 0} -->
+				<table
+					class="datatable__table left"
+					style="min-width: {leftTotalSize}px"
 				>
-					<!-- {#if leftTotalSize > 0} -->
-					<table
-						class="datatable__table left"
-						style="min-width: {leftTotalSize}px"
-					>
-						<TableHead
-							showHighlight={leftTotalSize > 0}
-							side="left"
-						/>
-						<TableBody
-							includeHighlight={appropriateSide == 'left'}
-							columns={leftColumns}
-							side="left"
-						/>
-						<!-- heights={totalRowSizes} -->
-						<!-- bind:this={leftTable} -->
-					</table>
-					<!-- {/if} -->
-
-					<!-- {#if centreTotalSize > 0} -->
-
-					<table
-						class="datatable__table centre"
-						style="min-width: {centreTotalSize}px"
-					>
-						<TableHead
-							showHighlight={leftTotalSize == 0}
-							side="centre"
-						/>
-						<TableBody
-							includeHighlight={appropriateSide == 'centre'}
-							columns={centreColumns}
-							side="centre"
-						/>
-						<!-- heights={totalRowSizes}
+					<TableHead
+						showHighlight={leftTotalSize > 0}
+						side="left"
+					/>
+					<TableBody
+						includeHighlight={appropriateSide == 'left'}
+						columns={leftColumns}
+						side="left"
+					/>
+					<!-- heights={totalRowSizes} -->
+					<!-- bind:this={leftTable} -->
+				</table>
+				<!-- {/if} -->
+
+				<!-- {#if centreTotalSize > 0} -->
+
+				<table
+					class="datatable__table centre"
+					style="min-width: {centreTotalSize}px"
+				>
+					<TableHead
+						showHighlight={leftTotalSize == 0}
+						side="centre"
+					/>
+					<TableBody
+						includeHighlight={appropriateSide == 'centre'}
+						columns={centreColumns}
+						side="centre"
+					/>
+					<!-- heights={totalRowSizes}
 							bind:this={centreTable} -->
-					</table>
-					<!-- {/if} -->
-
-					<!-- {#if rightTotalSize > 0} -->
-					<table
-						class="datatable__table right"
-						style="min-width: {rightTotalSize}px"
-					>
-						<TableHead
-							showHighlight={false}
-							side="right"
-						/>
-						<TableBody
-							includeHighlight={appropriateSide == 'right'}
-							columns={rightColumns}
-							side="right"
-						/>
-						<!-- heights={totalRowSizes}
-							bind:this={rightTable} -->
-					</table>
-					<!-- {/if} -->
-				</div>
+				</table>
+				<!-- {/if} -->
 
-				<!-- TODO add filter callbacks -->
+				<!-- {#if rightTotalSize > 0} -->
+				<table
+					class="datatable__table right"
+					style="min-width: {rightTotalSize}px"
+				>
+					<TableHead
+						showHighlight={false}
+						side="right"
+					/>
+					<TableBody
+						includeHighlight={appropriateSide == 'right'}
+						columns={rightColumns}
+						side="right"
+					/>
+					<!-- heights={totalRowSizes}
+							bind:this={rightTable} -->
+				</table>
+				<!-- {/if} -->
 			</div>
 
-			{#if nested}
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div
-					class:isResizing
-					class="resizer"
-					onmousedown={(e) => {
-						e.preventDefault();
-						addOverrideResizeHandler();
-					}}
-				></div>
-			{/if}
+			<!-- TODO add filter callbacks -->
 		</div>
+
+		{#if nested}
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<div
+				class:isResizing
+				class="resizer"
+				onmousedown={(e) => {
+					e.preventDefault();
+					addOverrideResizeHandler();
+				}}
+			></div>
+		{/if}
 	</div>
-</svelte:boundary>
+</div>
 
 <style>div.grid {
   border-radius: 4px;

package/dist/Components/Table/Types/Context/TableContext.svelte.d.ts

@@ -32,7 +32,7 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     selectionExtractor: TableInitOptions<T, RowIdType>['selectionExtractor'];
     getUserId: () => string | undefined;
     private _onEditCell;
-    private readonly debug;
+    readonly debug: boolean;
     static readonly identifier: unique symbol;
     static init<T extends object, RowIdType extends Primitive>(defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, options: TableInitOptions<T, RowIdType>): TableContext<T, RowIdType>;
     protected constructor(INTERNAL_ONLY: symbol, defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, allowCopy: boolean, enableResize: boolean, allowColumnReordering: boolean, allowQuickFiltering: boolean, showQuickFilterByDefault: boolean, allowAdvancedFiltering: boolean, toolbarPosition: ToolbarPosition, displayFooter: boolean, selectionExtractor: TableInitOptions<T, RowIdType>['selectionExtractor'], getUserId: () => string | undefined, _onEditCell: TableInitOptions<T, RowIdType>['onEditCell'], debug: boolean);

package/dist/Components/Touch/TouchModal.svelte

@@ -33,7 +33,7 @@
 		onclose,
 		row,
 		wrap,
-		submitRef = $bindable()
+		submitRef = $bindable(),
 	}: TouchModalProps = $props();
 
 	let dialog: HTMLDialogElement | undefined;
@@ -137,7 +137,7 @@
 							}}
 							icon={{
 								name: 'cross',
-								size: Size.DoubleXLarge
+								size: Size.DoubleXLarge,
 							}}
 							onkeydown={handleEsc}
 							colourSet={ColourSet.Primary}
@@ -155,11 +155,19 @@
 		{#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:row class:wrap class:noscroll>
+		<div
+			class="modal-main"
+			class:row
+			class:wrap
+			class:noscroll
+		>
 			{#if explanation}
 				{@render explanation()}
 			{/if}
@@ -175,7 +183,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}
 							{#await button.isValid}
 								<button
@@ -207,7 +218,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}
 							{#await button.isValid}
 								<button

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

@@ -51,3 +51,4 @@ export declare function hasQuery<FilterValueType>(customFilter: CustomFilter<Fil
 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 declare function isValidityTuple(v: Validity | ValidityWrapper | undefined): v is ValidityWrapper;
+export declare const loadingText = "loading\u2026";

package/dist/Helpers/Helpers.svelte.js

@@ -268,3 +268,4 @@ export function isNumberTuple(value) {
 export function isValidityTuple(v) {
     return v != null && typeof v == 'object';
 }
+export const loadingText = 'loading…';

package/package.json

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