@lavalogic/scoria 0.35.0 → 0.37.0

package/dist/Components/Table/Misc/ToolboxPanelModal.svelte

@@ -1,106 +1,113 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object"
->
-	import Checkbox from '../../Checkbox.svelte';
-	import DesktopModal from '../../DesktopModal.svelte';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { ToolboxPanelModalProps } from './ToolboxPanelModalProps.js';
-
-	let { onclose }: ToolboxPanelModalProps = $props();
-
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-
-	const onCompactChange = (e: Event) => {
-		tableContext.setIsCompact((e.target as HTMLInputElement).checked);
-	};
-
-	const onSingleCLickChange = (e: Event) => {
-		tableContext.setSingleClickEditing((e.target as HTMLInputElement).checked);
-	};
-
-	const onAlternateRowColoursChange = (e: Event) => {
-		tableContext.setAlternateRowColours((e.target as HTMLInputElement).checked);
-	};
-
-	const onChangeColourOnHoverChange = (e: Event) => {
-		tableContext.setChangeColourOnHover((e.target as HTMLInputElement).checked);
-	};
-
-	const onCopyWithHeadersChange = (e: Event) => {
-		tableContext.setCopyWithHeaders((e.target as HTMLInputElement).checked);
-	};
-
-	const onCommaSeparatedCopyChange = (e: Event) => {
-		tableContext.setCommaSeparatedCopy((e.target as HTMLInputElement).checked);
-	};
-</script>
-
-<DesktopModal
-	headerLabel="Table Settings"
-	onclose={() => onclose?.()}
-	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
->
-	<div class="flex">
-		<div class="column-panel">
-			<Checkbox
-				label="Compact"
-				id={`is-compact-${tableContext.tableName}-modal`}
-				value={tableContext.isCompact}
-				onchange={onCompactChange}
-			/>
-			<Checkbox
-				label="Single Click Editing"
-				id={`single-click-editing-${tableContext.tableName}-modal`}
-				value={tableContext.singleClickEditing}
-				onchange={onSingleCLickChange}
-			/>
-			<Checkbox
-				label="Alternate Row Colours"
-				id={`alternate-row-colours-${tableContext.tableName}-modal`}
-				value={tableContext.alternateRowColours}
-				onchange={onAlternateRowColoursChange}
-			/>
-			<Checkbox
-				label="Change Colour on Hover"
-				id={`change-colour-on-hover-${tableContext.tableName}-modal`}
-				value={tableContext.changeColourOnHover}
-				onchange={onChangeColourOnHoverChange}
-			/>
-			{#if tableContext.allowCopy}
-				<Checkbox
-					label="Include Headers When Copying"
-					id={`copy-with-headers-${tableContext.tableName}-modal`}
-					value={tableContext.copyWithHeaders}
-					onchange={onCopyWithHeadersChange}
-				/>
-				<Checkbox
-					label="Copy as Comma Separated Values"
-					id={`comma-separated-copy-${tableContext.tableName}-modal`}
-					value={tableContext.commaSeparatedCopy}
-					onchange={onCommaSeparatedCopyChange}
-				/>
-			{/if}
-		</div>
-	</div>
-</DesktopModal>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>
+	import Checkbox from '../../Checkbox.svelte';
+	import DesktopModal from '../../DesktopModal.svelte';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { getContext } from 'svelte';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../Types/Context/TableInitOptions.js';
+	import type { ToolboxPanelModalProps } from './ToolboxPanelModalProps.js';
+
+	let { onclose }: ToolboxPanelModalProps = $props();
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+
+	const onCompactChange = (e: Event & { currentTarget: EventTarget & HTMLInputElement }) => {
+		tableContext.setIsCompact(e.currentTarget.checked);
+	};
+
+	const onSingleClickChange = (e: Event & { currentTarget: EventTarget & HTMLInputElement }) => {
+		tableContext.setSingleClickEditing(e.currentTarget.checked);
+	};
+
+	const onAlternateRowColoursChange = (
+		e: Event & { currentTarget: EventTarget & HTMLInputElement }
+	) => {
+		tableContext.setAlternateRowColours(e.currentTarget.checked);
+	};
+
+	const onChangeColourOnHoverChange = (
+		e: Event & { currentTarget: EventTarget & HTMLInputElement }
+	) => {
+		tableContext.setChangeColourOnHover(e.currentTarget.checked);
+	};
+
+	const onCopyWithHeadersChange = (
+		e: Event & { currentTarget: EventTarget & HTMLInputElement }
+	) => {
+		tableContext.setCopyWithHeaders(e.currentTarget.checked);
+	};
+
+	const onCommaSeparatedCopyChange = (
+		e: Event & { currentTarget: EventTarget & HTMLInputElement }
+	) => {
+		tableContext.setCommaSeparatedCopy(e.currentTarget.checked);
+	};
+</script>
+
+<DesktopModal
+	headerLabel="Table Settings"
+	onclose={() => onclose?.()}
+	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
+>
+	<div class="flex">
+		<div class="column-panel">
+			<Checkbox
+				label="Compact"
+				size={Size.MediumSmall}
+				id={`is-compact-${tableContext.tableName}-modal`}
+				value={tableContext.isCompact}
+				onchange={onCompactChange}
+			/>
+			<Checkbox
+				label="Single Click Editing"
+				size={Size.MediumSmall}
+				id={`single-click-editing-${tableContext.tableName}-modal`}
+				value={tableContext.singleClickEditing}
+				onchange={onSingleClickChange}
+			/>
+			<Checkbox
+				label="Alternate Row Colours"
+				size={Size.MediumSmall}
+				id={`alternate-row-colours-${tableContext.tableName}-modal`}
+				value={tableContext.alternateRowColours}
+				onchange={onAlternateRowColoursChange}
+			/>
+			<Checkbox
+				label="Change Colour on Hover"
+				size={Size.MediumSmall}
+				id={`change-colour-on-hover-${tableContext.tableName}-modal`}
+				value={tableContext.changeColourOnHover}
+				onchange={onChangeColourOnHoverChange}
+			/>
+			{#if tableContext.allowCopy}
+				<Checkbox
+					label="Include Headers When Copying"
+					size={Size.MediumSmall}
+					id={`copy-with-headers-${tableContext.tableName}-modal`}
+					value={tableContext.copyWithHeaders}
+					onchange={onCopyWithHeadersChange}
+				/>
+				<Checkbox
+					label="Copy as Comma Separated Values"
+					size={Size.MediumSmall}
+					id={`comma-separated-copy-${tableContext.tableName}-modal`}
+					value={tableContext.commaSeparatedCopy}
+					onchange={onCommaSeparatedCopyChange}
+				/>
+			{/if}
+		</div>
+	</div>
+</DesktopModal>
+
 <style>.flex {
   display: flex;
   flex-flow: column nowrap;
   height: 100%;
   width: 100%;
   flex: 1;
-}
-
-div.column-panel {
-  padding: 0.5rem;
-  display: flex;
-  flex-flow: column nowrap;
-  gap: 0.5rem;
-  background-color: #ffffff;
-  height: 100%;
-}</style>
+}</style>

package/dist/Components/Table/Misc/ToolboxPanelModal.svelte.d.ts

@@ -1,25 +1,26 @@
+import type { Primitive } from '../Types/Context/TableInitOptions.js';
 import type { ToolboxPanelModalProps } from './ToolboxPanelModalProps.js';
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object, IdType extends Primitive>(): {
     props: ToolboxPanelModalProps;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, IdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, IdType>>['props'];
+    events(): ReturnType<typeof $$render<T, IdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends object>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    <T extends object, IdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, IdType>['props']> & {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ToolboxPanelModal: $$IsomorphicComponent;
-type ToolboxPanelModal<T extends object> = InstanceType<typeof ToolboxPanelModal<T>>;
+type ToolboxPanelModal<T extends object, IdType extends Primitive> = InstanceType<typeof ToolboxPanelModal<T, IdType>>;
 export default ToolboxPanelModal;

package/dist/Components/Table/Misc/ToolboxPanelModalProps.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Props for `ToolboxPanelModal` (the touch / horizontal-toolbar variant of
+ * the table settings panel).
+ */
 export interface ToolboxPanelModalProps {
+    /** Called when the modal requests close. */
     onclose?: () => void;
 }

package/dist/Components/Table/Misc/numberDateFilterTypes.d.ts

@@ -1,5 +1,8 @@
+import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
 import { NumberDateFilterMode } from '../Types/Filtering/NumberDateFilterMode.js';
-export declare const numberDateFilterTypes: {
-    value: NumberDateFilterMode;
-    label: string;
-}[];
+/**
+ * Static set of filter-mode `SelectOption`s offered for numeric and date
+ * columns. Frozen at runtime so consumers cannot mutate the shared
+ * module-level array.
+ */
+export declare const numberDateFilterTypes: Array<SelectOption<NumberDateFilterMode>>;

package/dist/Components/Table/Misc/numberDateFilterTypes.js

@@ -1,5 +1,10 @@
 import { NumberDateFilterMode } from '../Types/Filtering/NumberDateFilterMode.js';
-export const numberDateFilterTypes = [
+/**
+ * Static set of filter-mode `SelectOption`s offered for numeric and date
+ * columns. Frozen at runtime so consumers cannot mutate the shared
+ * module-level array.
+ */
+export const numberDateFilterTypes = Object.freeze([
     { value: NumberDateFilterMode.Equals, label: 'Equals' },
     { value: NumberDateFilterMode.NotEquals, label: 'Does not equal' },
     { value: NumberDateFilterMode.LessThan, label: 'Less Than' },
@@ -9,5 +14,5 @@ export const numberDateFilterTypes = [
     { value: NumberDateFilterMode.Between, label: 'Between' },
     { value: NumberDateFilterMode.In, label: 'In' },
     { value: NumberDateFilterMode.NotIn, label: 'Not in' },
-    { value: NumberDateFilterMode.null, label: 'Is null' }
-];
+    { value: NumberDateFilterMode.null, label: 'Is null' },
+]);

package/dist/Components/Table/Misc/stringFilterTypes.d.ts

@@ -1,5 +1,7 @@
+import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
 import { StringFilterMode } from '../Types/Filtering/StringFilterMode.js';
-export declare const stringFilterTypes: {
-    value: StringFilterMode;
-    label: string;
-}[];
+/**
+ * Static set of filter-mode `SelectOption`s offered for string columns.
+ * Frozen at runtime so consumers cannot mutate the shared module-level array.
+ */
+export declare const stringFilterTypes: Array<SelectOption<StringFilterMode>>;

package/dist/Components/Table/Misc/stringFilterTypes.js

@@ -1,5 +1,9 @@
 import { StringFilterMode } from '../Types/Filtering/StringFilterMode.js';
-export const stringFilterTypes = [
+/**
+ * Static set of filter-mode `SelectOption`s offered for string columns.
+ * Frozen at runtime so consumers cannot mutate the shared module-level array.
+ */
+export const stringFilterTypes = Object.freeze([
     { value: StringFilterMode.Equals, label: 'Equals' },
     { value: StringFilterMode.NotEquals, label: 'Does not equal' },
     { value: StringFilterMode.Contains, label: 'Contains' },
@@ -11,5 +15,5 @@ export const stringFilterTypes = [
     { value: StringFilterMode.In, label: 'In' },
     { value: StringFilterMode.NotIn, label: 'Not in' },
     { value: StringFilterMode.Empty, label: 'Empty' },
-    { value: StringFilterMode.null, label: 'Is null' }
-];
+    { value: StringFilterMode.null, label: 'Is null' },
+]);

package/dist/Components/Table/NestedTable.svelte

@@ -1,92 +1,136 @@
-<svelte:options runes />
-
-<script lang="ts" module>
-	import Table from './Table.svelte';
-	import type { DefsWrapper } from './Types/Columns/DefsWrapper.js';
-	import { TableContext } from './Types/Context/TableContext.svelte.js';
-	import type { Primitive, TableInitOptions } from './Types/Context/TableInitOptions.js';
-	import { LocalTableDataRepository } from './Types/DataRepository/LocalTableDataRepository.svelte.js';
-	import { ToolbarPosition } from './Types/Toolbar/ToolbarPosition.js';
-
-	const defaultOptions: Omit<
-		TableInitOptions<object, never>,
-		'selectionExtractor' | 'getUserId'
-	> = {
-		allowCopy: false,
-		enableResize: false,
-		allowColumnReordering: false,
-		allowQuickFiltering: true,
-		allowAdvancedFiltering: true,
-		toolbar: ToolbarPosition.None,
-		displayFooter: false
-	};
-
-	export interface NestedTableProps<T extends object, IdType extends Primitive> {
-		tableName: string;
-		data: Array<T>;
-		columnDefWrapper: DefsWrapper<T>;
-		options: Pick<TableInitOptions<T, IdType>, 'selectionExtractor'> &
-			Partial<TableInitOptions<T, IdType>>;
-		oncontextmenu?: (e: MouseEvent) => void;
-		getUserId: () => string | undefined;
-	}
-</script>
-
-<script lang="ts" generics="T extends object,IdType extends Primitive">
-	const {
-		tableName,
-		data,
-		columnDefWrapper,
-		options,
-		oncontextmenu,
-		getUserId
-	}: NestedTableProps<T, IdType> = $props();
-
-	const wrapper = {
-		get value() {
-			return data;
-		}
-	};
-
-	let root: HTMLDivElement | undefined = $state();
-	const maxWidth: number | undefined = $derived(
-		root?.closest('.flex_table')?.getBoundingClientRect().width
-	);
-
-	// NOTE known limitation: These are passed as wrappers, and they should never require reassignment. They are deeply reactive
-	const dataRepo = $state(new LocalTableDataRepository(tableName, wrapper, () => getUserId()));
-
-	// NOTE known limitation: These are passed as wrappers, and they should never require reassignment. They are deeply reactive
-	const tableContext: TableContext<T, IdType> | undefined = $state(
-		TableContext.init<T, IdType>(columnDefWrapper, tableName, dataRepo, {
-			...defaultOptions,
-			...options,
-			getUserId: () => getUserId()
-		})
-	);
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class="limit-height"
-	bind:this={root}
-	style={maxWidth != null ? `max-width: ${maxWidth}px` : ''}
-	oncontextmenu={(e) => {
-		e.stopPropagation();
-		oncontextmenu?.(e);
-	}}
->
-	{#if tableContext}
-		<Table nested {tableContext} />
-	{/if}
-</div>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
+>
+	import Table from './Table.svelte';
+	import type { NestedTableProps } from './NestedTableProps.js';
+	import type { Primitive, TableInitOptions } from './Types/Context/TableInitOptions.js';
+	import { TableContext } from './Types/Context/TableContext.svelte.js';
+	import { LocalTableDataRepository } from './Types/DataRepository/LocalTableDataRepository.svelte.js';
+	import { ToolbarPosition } from './Types/Toolbar/ToolbarPosition.js';
+
+	/**
+	 * Default `TableInitOptions` overrides applied to every nested table.
+	 * Tuned for read-only inline display: copy, resize and column
+	 * reordering are turned off, quick / advanced filtering remain on so
+	 * the consumer can still narrow rows, the toolbar is hidden, and the
+	 * footer is suppressed because pagination is rarely useful for inline
+	 * nested data.
+	 *
+	 * Frozen so consumers cannot accidentally mutate the shared default
+	 * object.
+	 */
+	const DEFAULT_NESTED_TABLE_OPTIONS: Omit<
+		TableInitOptions<object, never>,
+		'selectionExtractor' | 'getUserId'
+	> = Object.freeze({
+		allowCopy: false,
+		enableResize: false,
+		allowColumnReordering: false,
+		allowQuickFiltering: true,
+		allowAdvancedFiltering: true,
+		toolbar: ToolbarPosition.None,
+		displayFooter: false,
+	});
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object,IdType extends Primitive"
+>
+	const {
+		tableName,
+		data,
+		columnDefWrapper,
+		options,
+		oncontextmenu,
+		getUserId,
+	}: NestedTableProps<T, IdType> = $props();
+
+	// Reactive wrapper exposing the `data` prop as `.value` so the
+	// underlying LocalTableDataRepository can read it through its
+	// RefWrapper contract without us materialising a copy.
+	const wrapper = {
+		get value() {
+			return data;
+		},
+	};
+
+	let root: HTMLDivElement | undefined = $state();
+
+	// Track the parent `.datatable`'s visible width (clientWidth) via
+	// ResizeObserver. `.datatable` is the horizontal scroll container,
+	// so its `clientWidth` is the visible viewport regardless of how
+	// wide the inner `.datatable-grid` has grown via `min-width:
+	// max-content`. Measuring `.flex_table` instead would pick up the
+	// scroll-content width through flex `min-width: auto` propagation,
+	// which sized the nested table to the full grid (much wider than
+	// the visible area) and broke the sticky-fit behaviour.
+	//
+	// Reading layout inside a derivation would force a synchronous
+	// reflow on every reactive re-run; the ResizeObserver path keeps
+	// it out of the reactive graph (workorder NestedTable P1).
+	let maxWidth: number | undefined = $state();
+	$effect(() => {
+		if (!root) {
+			return;
+		}
+		const scrollHost = root.closest('.datatable');
+		if (!(scrollHost instanceof HTMLElement)) {
+			return;
+		}
+		maxWidth = scrollHost.clientWidth;
+		const ro = new ResizeObserver(() => {
+			maxWidth = scrollHost.clientWidth;
+		});
+		ro.observe(scrollHost);
+		return () => {
+			ro.disconnect();
+		};
+	});
+
+	// These class instances are plain objects whose internal fields are
+	// already `$state`-backed; wrapping them in `$state(...)` (as the
+	// pre-cleanup version did) adds a redundant reactive layer. The
+	// dataRepo and tableContext references must remain stable across
+	// updates: a fresh `dataRepo` would clear filter/sort state, and a
+	// fresh `tableContext` would tear down focus.
+	//
+	// svelte-ignore state_referenced_locally
+	const dataRepo = new LocalTableDataRepository<T>(tableName, wrapper, () => getUserId());
+
+	// svelte-ignore state_referenced_locally
+	const tableContext = TableContext.init<T, IdType>(columnDefWrapper, tableName, dataRepo, {
+		...DEFAULT_NESTED_TABLE_OPTIONS,
+		...options,
+		getUserId: () => getUserId(),
+	});
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="limit-height"
+	bind:this={root}
+	style:width={maxWidth != null ? `${maxWidth}px` : null}
+	oncontextmenu={(e) => {
+		e.stopPropagation();
+		oncontextmenu?.(e);
+	}}
+>
+	<Table
+		nested
+		{tableContext}
+	/>
+</div>
+
 <style>.limit-height {
-  box-shadow: inset 0px 7px 5px -6px #cbd4da, inset 0px -7px 5px -6px #cbd4da;
-  position: relative;
-  padding: 1.5rem;
-  background-color: #f4f7f9;
   position: sticky;
   left: 0;
   z-index: 3;
-}</style>
+  padding: 1.5rem;
+  box-sizing: border-box;
+  background-color: #f4f7f9;
+  box-shadow: inset 0px 7px 5px -6px #cbd4da, inset 0px -7px 5px -6px #cbd4da;
+}</style>

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

@@ -1,13 +1,5 @@
-import type { DefsWrapper } from './Types/Columns/DefsWrapper.js';
-import type { Primitive, TableInitOptions } from './Types/Context/TableInitOptions.js';
-export interface NestedTableProps<T extends object, IdType extends Primitive> {
-    tableName: string;
-    data: Array<T>;
-    columnDefWrapper: DefsWrapper<T>;
-    options: Pick<TableInitOptions<T, IdType>, 'selectionExtractor'> & Partial<TableInitOptions<T, IdType>>;
-    oncontextmenu?: (e: MouseEvent) => void;
-    getUserId: () => string | undefined;
-}
+import type { NestedTableProps } from './NestedTableProps.js';
+import type { Primitive } from './Types/Context/TableInitOptions.js';
 declare function $$render<T extends object, IdType extends Primitive>(): {
     props: NestedTableProps<T, IdType>;
     exports: {};

package/dist/Components/Table/NestedTableProps.d.ts

@@ -0,0 +1,25 @@
+import type { ScoriaStorageKey } from '../../Types/Internal/Misc.js';
+import type { DefsWrapper } from './Types/Columns/DefsWrapper.js';
+import type { Primitive, TableInitOptions } from './Types/Context/TableInitOptions.js';
+/**
+ * Props for `NestedTable.svelte`. Constructed inside the expand-row of
+ * an outer `Table` so the consumer can render a per-row inline data
+ * grid without manually wiring up a fresh `TableContext` /
+ * `LocalTableDataRepository`.
+ *
+ * - `tableName` is used to scope localStorage preset keys; nested tables
+ *   typically include the parent row's id so two expanded rows do not
+ *   share their column-visibility state.
+ * - `options` must supply a `selectionExtractor`; everything else has
+ *   read-only-display defaults defined in `DEFAULT_NESTED_TABLE_OPTIONS`.
+ * - `getUserId` is passed through to the inner repository for the
+ *   localStorage prefix.
+ */
+export interface NestedTableProps<T extends object, IdType extends Primitive> {
+    tableName: ScoriaStorageKey;
+    data: Array<T>;
+    columnDefWrapper: DefsWrapper<T>;
+    options: Pick<TableInitOptions<T, IdType>, 'selectionExtractor'> & Partial<TableInitOptions<T, IdType>>;
+    oncontextmenu?: (e: MouseEvent) => void;
+    getUserId: () => string | undefined;
+}

package/dist/Components/Table/NestedTableProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,23 @@
+/**
+ * Sub-API facade constructors. Each `makeXxxApi(tableContext)` returns a
+ * frozen object literal whose shape matches the corresponding interface in
+ * `Types/Public/TableSubApis.ts`. Reads delegate to the underlying Phase 6
+ * sub-context (`tableContext._selection`, `_filtering`, etc.); writes
+ * delegate to the matching setter or method.
+ *
+ * Phase 1 ships these as a thin facade over the existing internals. Phase 2
+ * will collapse the duplication once the legacy delegating accessors on
+ * `TableContext` are removed.
+ */
+import type { TableContext } from './Types/Context/TableContext.svelte.js';
+import type { Primitive } from './Types/Context/TableInitOptions.js';
+import type { ClipboardApi, ColumnsApi, FilteringApi, FocusApi, PaginationApi, PreferencesApi, SelectionApi, SortingApi } from './Types/Public/TableSubApis.js';
+import type { ColumnSpec } from './Types/Public/ColumnSpec.js';
+export declare function makeSelectionApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>): SelectionApi<TRow, TRowId>;
+export declare function makeFilteringApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>): FilteringApi<TRow>;
+export declare function makeSortingApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>): SortingApi<TRow>;
+export declare function makePaginationApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>): PaginationApi;
+export declare function makeColumnsApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>, specsById: ReadonlyMap<string, ColumnSpec<TRow>>): ColumnsApi<TRow>;
+export declare function makeFocusApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>): FocusApi<TRow>;
+export declare function makePreferencesApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>): PreferencesApi<TRow>;
+export declare function makeClipboardApi<TRow extends object, TRowId extends Primitive>(ctx: TableContext<TRow, TRowId>): ClipboardApi<TRow>;