@lavalogic/scoria 0.37.44 → 0.37.45

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

@@ -1,157 +1,157 @@
-<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 type { Primitive } from '../Types/Context/TableInitOptions.js';
-	import QuickSearchCell from './QuickSearchCell.svelte';
-	import TableRow from './Rows/TableRow.svelte';
-	import type { TableBodyProps } from './TableBodyProps.js';
-
-	const { oncontextmenu }: TableBodyProps = $props();
-
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
-	// Visible columns split by pinning side, matching the cell-side
-	// arrays used by `TableRow`. Each side is reactive on column
-	// visibility and pinning state.
-	const leftColumns = $derived(tableContext.table.getLeftVisibleLeafColumns());
-	const centreColumns = $derived(tableContext.table.getCenterVisibleLeafColumns());
-	const rightColumns = $derived(tableContext.table.getRightVisibleLeafColumns());
-
-	const showHighlightColumn = $derived(
-		leftColumns.length + centreColumns.length + rightColumns.length > 0
-	);
-
-	// Cumulative pinning offsets for the quick-filter row's sticky
-	// cells. Reads rendered widths from `_columnRenderedWidths`
-	// (populated by the ResizeObserver in TableHead) so filter inputs
-	// for pinned columns stay aligned with their column even when the
-	// column flexes wider than `columnDef.width`.
-	function renderedColumnWidth(columnId: string, declared: number): number {
-		return tableContext._columnRenderedWidths.get(columnId) ?? declared;
-	}
-
-	const leftOffsets: Array<number> = $derived.by(() => {
-		void tableContext._columnRenderedWidths.size;
-		const offsets: Array<number> = [];
-		let cumulative = showHighlightColumn ? 20 : 0;
-		for (const col of leftColumns) {
-			offsets.push(cumulative);
-			cumulative += renderedColumnWidth(col.id, col.columnDef.width);
-		}
-		return offsets;
-	});
-
-	const rightOffsets: Array<number> = $derived.by(() => {
-		void tableContext._columnRenderedWidths.size;
-		const offsets = new Array<number>(rightColumns.length).fill(0);
-		let cumulative = 0;
-		for (let i = rightColumns.length - 1; i >= 0; i--) {
-			offsets[i] = cumulative;
-			cumulative += renderedColumnWidth(rightColumns[i].id, rightColumns[i].columnDef.width);
-		}
-		return offsets;
-	});
-
-	// Phase 7.4 row virtualisation. When the current row count is above
-	// the `_virtualisation` threshold (100 rows by default), only rows
-	// in the viewport plus an overscan band are rendered. Two spacer
-	// rows (top and bottom) reserve the rest of the body height so the
-	// scrollbar matches the un-virtualised length.
-	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>
-
+<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 type { Primitive } from '../Types/Context/TableInitOptions.js';
+	import QuickSearchCell from './QuickSearchCell.svelte';
+	import TableRow from './Rows/TableRow.svelte';
+	import type { TableBodyProps } from './TableBodyProps.js';
+
+	const { oncontextmenu }: TableBodyProps = $props();
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+
+	// Visible columns split by pinning side, matching the cell-side
+	// arrays used by `TableRow`. Each side is reactive on column
+	// visibility and pinning state.
+	const leftColumns = $derived(tableContext.table.getLeftVisibleLeafColumns());
+	const centreColumns = $derived(tableContext.table.getCenterVisibleLeafColumns());
+	const rightColumns = $derived(tableContext.table.getRightVisibleLeafColumns());
+
+	const showHighlightColumn = $derived(
+		leftColumns.length + centreColumns.length + rightColumns.length > 0
+	);
+
+	// Cumulative pinning offsets for the quick-filter row's sticky
+	// cells. Reads rendered widths from `_columnRenderedWidths`
+	// (populated by the ResizeObserver in TableHead) so filter inputs
+	// for pinned columns stay aligned with their column even when the
+	// column flexes wider than `columnDef.width`.
+	function renderedColumnWidth(columnId: string, declared: number): number {
+		return tableContext._columnRenderedWidths.get(columnId) ?? declared;
+	}
+
+	const leftOffsets: Array<number> = $derived.by(() => {
+		void tableContext._columnRenderedWidths.size;
+		const offsets: Array<number> = [];
+		let cumulative = showHighlightColumn ? 20 : 0;
+		for (const col of leftColumns) {
+			offsets.push(cumulative);
+			cumulative += renderedColumnWidth(col.id, col.columnDef.width);
+		}
+		return offsets;
+	});
+
+	const rightOffsets: Array<number> = $derived.by(() => {
+		void tableContext._columnRenderedWidths.size;
+		const offsets = new Array<number>(rightColumns.length).fill(0);
+		let cumulative = 0;
+		for (let i = rightColumns.length - 1; i >= 0; i--) {
+			offsets[i] = cumulative;
+			cumulative += renderedColumnWidth(rightColumns[i].id, rightColumns[i].columnDef.width);
+		}
+		return offsets;
+	});
+
+	// Row virtualisation. When the current row count is above the
+	// `_virtualisation` threshold (100 rows by default), only rows in the
+	// viewport plus an overscan band are rendered. Two spacer rows (top
+	// and bottom) reserve the rest of the body height so the scrollbar
+	// matches the un-virtualised length.
+	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>
+
 <style>.cell {
   display: block;
   position: relative;
@@ -213,4 +213,4 @@
   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/ColumnDefinitions/ExampleItemColumnDefRepository.svelte.js

@@ -130,9 +130,8 @@ export function generateExampleItemColumnDefs(modal) {
             },
             isValid,
             filterFn: (_row, _index, value) => {
-                // Example fixture: the value-only inspection is intentional; real
-                // implementations would match against `_row`. The `_` prefix keeps
-                // `no-unused-vars` quiet without changing the public signature.
+                // Example fixture: value-only inspection. Real callers
+                // match against `_row` as well.
                 void value;
                 return false;
             },

package/dist/Components/Table/ColumnFactory.svelte.d.ts

@@ -1,17 +1,15 @@
 /**
- * Runtime for the typed column builder closure consumers pass to
+ * Runtime for the typed column builder closure passed to
  * `createTable({ columns: (col) => [...] })`. Each method on the returned
- * `ColumnFactory<TRow>` wraps the matching existing `<Name>Def` constructor
- * and returns a `ColumnSpec<TRow, Kind>` whose internal payload (the
- * underlying `ColumnDef<TRow>` plus any per-column edit handler / reactive
- * dependencies) is hidden behind a symbol-keyed property.
+ * `ColumnFactory<TRow>` wraps the matching internal `<Name>Def` constructor
+ * and returns a `ColumnSpec<TRow, Kind>` whose underlying `ColumnDef` plus
+ * any per-column edit handler / reactive dependencies are hidden behind a
+ * symbol-keyed property (`InternalSpecPayload`).
  *
- * Phase 1 implementation note: this file is a thin facade. It maps the
- * consumer-friendly option shapes (with `accessor` instead of `accessorFn`,
- * `minWidth` instead of `minSize`, etc.) to the internal `<Name>Def` props
- * by spreading a `commonProps(...)` helper that returns the non-id common
- * fields, with `id` passed explicitly at each call site so its narrowed
- * type survives the spread.
+ * This file is a thin facade: it maps the consumer-friendly option names
+ * (`accessor`, `minWidth`, …) onto the internal Def field names (`accessorFn`,
+ * `minSize`, …) via the `commonProps(...)` helper. `id` is passed explicitly
+ * at each call site so its narrowed literal type survives the object spread.
  */
 import type { CellCoordinates } from './Types/Coordinates/CellCoordinates.js';
 import type { ColumnDef } from './Types/Columns/Definitions/ColumnDef.svelte.js';