@lavalogic/scoria 0.40.31 → 0.40.33

package/dist/Components/Table/Body/TableBody.svelte

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
 >import { getContext } from "svelte";
 import { TableContext } from "../Types/Context/TableContext.svelte.js";
 import QuickSearchCell from "./QuickSearchCell.svelte";
@@ -53,92 +53,92 @@ const virtualisation = $derived(tableContext._virtualisation);
 const visibleRows = $derived(virtualisation.visibleRows);
 const topSpacerHeight = $derived(virtualisation.topSpacerHeight);
 const bottomSpacerHeight = $derived(virtualisation.bottomSpacerHeight);
-</script>
-
-<div
-	role="rowgroup"
-	class="datatable-body"
-	{oncontextmenu}
->
-	{#if tableContext.allowQuickFiltering && tableContext.showQuickFiltering && showHighlightColumn}
-		<div
-			role="row"
-			class="datatable-row quick-filter-row"
-		>
-			{#if showHighlightColumn}
-				<div
-					role="cell"
-					class="cell highlight-dud pinned-left"
-					style="left: 0px"
-					aria-hidden="true"
-				>
-					&nbsp;
-				</div>
-			{/if}
-			{#each leftColumns as column, index (column.id)}
-				<div
-					role="cell"
-					class="cell pinned-left"
-					style="left: {leftOffsets[index]}px"
-				>
-					<QuickSearchCell
-						{column}
-						customFilters={tableContext.remoteFilters}
-					/>
-				</div>
-			{/each}
-			{#each centreColumns as column (column.id)}
-				<div
-					role="cell"
-					class="cell"
-				>
-					<QuickSearchCell
-						{column}
-						customFilters={tableContext.remoteFilters}
-					/>
-				</div>
-			{/each}
-			{#each rightColumns as column, index (column.id)}
-				<div
-					role="cell"
-					class="cell pinned-right"
-					style="right: {rightOffsets[index]}px"
-				>
-					<QuickSearchCell
-						{column}
-						customFilters={tableContext.remoteFilters}
-					/>
-				</div>
-			{/each}
-		</div>
-	{/if}
-
-	{#if topSpacerHeight > 0}
-		<div
-			role="presentation"
-			class="virtual-spacer"
-			style="height: {topSpacerHeight}px;"
-		></div>
-	{/if}
-
-	{#each visibleRows as { row } (row.id)}
-		{@const originalIndex = row.visibleIndex}
-		<TableRow
-			{row}
-			odd={originalIndex % 2 == 1}
-			includeHighlight={showHighlightColumn}
-		/>
-	{/each}
-
-	{#if bottomSpacerHeight > 0}
-		<div
-			role="presentation"
-			class="virtual-spacer"
-			style="height: {bottomSpacerHeight}px;"
-		></div>
-	{/if}
-</div>
-
+</script>
+
+<div
+	role="rowgroup"
+	class="datatable-body"
+	{oncontextmenu}
+>
+	{#if tableContext.allowQuickFiltering && tableContext.showQuickFiltering && showHighlightColumn}
+		<div
+			role="row"
+			class="datatable-row quick-filter-row"
+		>
+			{#if showHighlightColumn}
+				<div
+					role="cell"
+					class="cell highlight-dud pinned-left"
+					style="left: 0px"
+					aria-hidden="true"
+				>
+					&nbsp;
+				</div>
+			{/if}
+			{#each leftColumns as column, index (column.id)}
+				<div
+					role="cell"
+					class="cell pinned-left"
+					style="left: {leftOffsets[index]}px"
+				>
+					<QuickSearchCell
+						{column}
+						customFilters={tableContext.remoteFilters}
+					/>
+				</div>
+			{/each}
+			{#each centreColumns as column (column.id)}
+				<div
+					role="cell"
+					class="cell"
+				>
+					<QuickSearchCell
+						{column}
+						customFilters={tableContext.remoteFilters}
+					/>
+				</div>
+			{/each}
+			{#each rightColumns as column, index (column.id)}
+				<div
+					role="cell"
+					class="cell pinned-right"
+					style="right: {rightOffsets[index]}px"
+				>
+					<QuickSearchCell
+						{column}
+						customFilters={tableContext.remoteFilters}
+					/>
+				</div>
+			{/each}
+		</div>
+	{/if}
+
+	{#if topSpacerHeight > 0}
+		<div
+			role="presentation"
+			class="virtual-spacer"
+			style="height: {topSpacerHeight}px;"
+		></div>
+	{/if}
+
+	{#each visibleRows as { row } (row.id)}
+		{@const originalIndex = row.visibleIndex}
+		<TableRow
+			{row}
+			odd={originalIndex % 2 == 1}
+			includeHighlight={showHighlightColumn}
+		/>
+	{/each}
+
+	{#if bottomSpacerHeight > 0}
+		<div
+			role="presentation"
+			class="virtual-spacer"
+			style="height: {bottomSpacerHeight}px;"
+		></div>
+	{/if}
+</div>
+
 <style>.cell {
   display: block;
   position: relative;
@@ -200,4 +200,4 @@ const bottomSpacerHeight = $derived(virtualisation.bottomSpacerHeight);
   pointer-events: none;
   --row-stripe-height: var(--height, 3rem);
   background-image: repeating-linear-gradient(to bottom, #ffffff 0, #ffffff var(--row-stripe-height), #f4f7f9 var(--row-stripe-height), #f4f7f9 calc(2 * var(--row-stripe-height)));
-}</style>
+}</style>

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
 >import { m as i18n } from "../../../paraglide/messages.js";
 import { devCatch } from "../../../Helpers/Helpers.svelte.js";
 import { Colour } from "../../../scss/colours.js";
@@ -14,25 +14,25 @@ const tableContext = getContext(TableContext.identifier);
 const backgroundColour = $derived.by(() => {
 	return tableContext.sortedData.length > 0 && tableContext.allHighlighted ? Colour["$brand-primary"] : Colour["$ui-white"];
 });
-</script>
-
-<div class="highlight-header">
-	<div class="wrapper">
-		<Action
-			label={i18n['scoria.action.highlight_all_rows']()}
-			{backgroundColour}
-			hoverBackgroundColour={Colour['$brand-dark']}
-			size={Size.FillWidth}
-			icon={{
-				name: 'nothing',
-			}}
-			onclick={() => {
-				tableContext.onHighlightAll()?.catch(devCatch);
-			}}
-		/>
-	</div>
-</div>
-
+</script>
+
+<div class="highlight-header">
+	<div class="wrapper">
+		<Action
+			label={i18n['scoria.action.highlight_all_rows']()}
+			{backgroundColour}
+			hoverBackgroundColour={Colour['$brand-dark']}
+			size={Size.FillWidth}
+			icon={{
+				name: 'nothing',
+			}}
+			onclick={() => {
+				tableContext.onHighlightAll()?.catch(devCatch);
+			}}
+		/>
+	</div>
+</div>
+
 <style>div.wrapper {
   position: absolute;
   top: 0;
@@ -42,4 +42,4 @@ const backgroundColour = $derived.by(() => {
   display: flex;
   align-items: stretch;
   justify-content: stretch;
-}</style>
+}</style>

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

@@ -1,27 +1,27 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
 >import { m as i18n } from "../../../paraglide/messages.js";
 import { getContext } from "svelte";
 import { TableContext } from "../Types/Context/TableContext.svelte.js";
 const tableContext = getContext(TableContext.identifier);
 const checked = $derived(tableContext.dataRepo.data.length > 0 ? tableContext.allSelectedInCurrentPage : false);
-</script>
-
-<div class="checkbox-cell">
-	<label aria-label={i18n['scoria.label.select_all_rows']()}>
-		<input
-			aria-label={i18n['scoria.label.select_all_rows']()}
-			onchange={tableContext.selectAllInCurrentPage}
-			type="checkbox"
-			{checked}
-			disabled={tableContext.showSelectedOnly}
-		/>
-	</label>
-</div>
-
+</script>
+
+<div class="checkbox-cell">
+	<label aria-label={i18n['scoria.label.select_all_rows']()}>
+		<input
+			aria-label={i18n['scoria.label.select_all_rows']()}
+			onchange={tableContext.selectAllInCurrentPage}
+			type="checkbox"
+			{checked}
+			disabled={tableContext.showSelectedOnly}
+		/>
+	</label>
+</div>
+
 <style>input[type=checkbox] {
   height: var(--checkbox-height);
   padding: 1rem;
@@ -49,4 +49,4 @@ label {
 
 label {
   cursor: pointer;
-}</style>
+}</style>