@lavalogic/scoria 0.40.33 → 0.40.34

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
 >import { m as i18n } from "../../../../../paraglide/messages.js";
 import { ExpandDef } from "../../../Types/Columns/Definitions/Expand/ExpandDef.svelte.js";
 import { DisplayType } from "../../../Types/Columns/DisplayType.js";
@@ -23,11 +23,11 @@ import ValidityCell from "./ValidityCell.svelte";
 function isProgressBarTableCell(cell) {
 	return cell.column.columnDef instanceof ProgressBarDef;
 }
-</script>
-
-<script
-	lang="ts"
-	generics="T extends object"
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object"
 >import { dev } from "$app/environment";
 import { RowSelectionDef } from "../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js";
 let { cell, expandedColumnDef, onExpandChange } = $props();
@@ -59,75 +59,75 @@ function isExpandTableCell(cell) {
 function isSnippet(value) {
 	return !!value && typeof value == "function";
 }
-</script>
-
-{#if cell.column.getIsVisible()}
-	{@const columnDef = cell.column.columnDef}
-
-	{#if isRowSelectionCell(cell)}
-		<TableRowSelectionCheckbox {cell} />
-	{:else if isActionsDef(cell)}
-		<ActionsCell {cell} />
-	{:else if isExpandTableCell(cell)}
-		<ExpandCell
-			{cell}
-			{expandedColumnDef}
-			{onExpandChange}
-		/>
-	{:else if columnDef.columnType !== ColumnType.Display}
-		<AccessorComponent {cell} />
-	{:else if cell.column.columnDef instanceof AbstractDisplayDef}
-		{#if cell.column.columnDef.displayType === DisplayType.Bubbles}
-			<BubbleCell {cell} />
-		{:else if cell.column.columnDef.displayType === DisplayType.Validity}
-			<ValidityCell {cell} />
-		{:else if isProgressBarTableCell(cell)}
-			<ProgressCell {cell} />
-		{:else if cell.column.columnDef.displayType === DisplayType.Normal}
-			<FocusableImmutableCell {cell} />
-		{:else}
-			{#if dev}
-				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
-				{@debug cell}
-			{/if}
-			{i18n['scoria.text.unknown_cell_type']()}
-		{/if}
-	{:else}
-		{@const valueOrComponentPromise =
-			cell.column.columnDef.accessorFn?.(cell.row.original, cell.row.originalIndex) ??
-			cell.row.original[cell.column.id as keyof typeof cell.row.original]}
-
-		{#await valueOrComponentPromise}
-			<FocusableImmutableCell {cell} />
-		{:then Value}
-			{#if typeof Value === 'string' || typeof Value == 'number'}
-				<FocusableImmutableCell {cell} />
-			{:else if valueOrComponentIsConstructor(Value)}
-				<FocusableImmutableCell {cell}>
-					<Value {cell} />
-				</FocusableImmutableCell>
-			{:else if isSnippet(Value)}
-				<FocusableImmutableCell {cell}>
-					<!-- eslint-disable-next-line @typescript-eslint/no-unsafe-call -->
-					{@render Value(cell)}
-				</FocusableImmutableCell>
-			{:else}
-				{#if dev}
-					<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
-					{@debug cell}
-					<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
-					{@debug Value}
-				{/if}
-				{i18n['scoria.text.unknown_cell_value_type']()}
-			{/if}
-		{:catch e}
-			<FocusableImmutableCell {cell}>
-				{#if dev}
-					{getErrorMessage(e)}
-				{:else}
-					{i18n['scoria.text.error_rendering_cell']()}
-				{/if}
-			</FocusableImmutableCell>
-		{/await}
-	{/if}
-{/if}
+</script>
+
+{#if cell.column.getIsVisible()}
+	{@const columnDef = cell.column.columnDef}
+
+	{#if isRowSelectionCell(cell)}
+		<TableRowSelectionCheckbox {cell} />
+	{:else if isActionsDef(cell)}
+		<ActionsCell {cell} />
+	{:else if isExpandTableCell(cell)}
+		<ExpandCell
+			{cell}
+			{expandedColumnDef}
+			{onExpandChange}
+		/>
+	{:else if columnDef.columnType !== ColumnType.Display}
+		<AccessorComponent {cell} />
+	{:else if cell.column.columnDef instanceof AbstractDisplayDef}
+		{#if cell.column.columnDef.displayType === DisplayType.Bubbles}
+			<BubbleCell {cell} />
+		{:else if cell.column.columnDef.displayType === DisplayType.Validity}
+			<ValidityCell {cell} />
+		{:else if isProgressBarTableCell(cell)}
+			<ProgressCell {cell} />
+		{:else if cell.column.columnDef.displayType === DisplayType.Normal}
+			<FocusableImmutableCell {cell} />
+		{:else}
+			{#if dev}
+				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+				{@debug cell}
+			{/if}
+			{i18n['scoria.text.unknown_cell_type']()}
+		{/if}
+	{:else}
+		{@const valueOrComponentPromise =
+			cell.column.columnDef.accessorFn?.(cell.row.original, cell.row.originalIndex) ??
+			cell.row.original[cell.column.id as keyof typeof cell.row.original]}
+
+		{#await valueOrComponentPromise}
+			<FocusableImmutableCell {cell} />
+		{:then Value}
+			{#if typeof Value === 'string' || typeof Value == 'number'}
+				<FocusableImmutableCell {cell} />
+			{:else if valueOrComponentIsConstructor(Value)}
+				<FocusableImmutableCell {cell}>
+					<Value {cell} />
+				</FocusableImmutableCell>
+			{:else if isSnippet(Value)}
+				<FocusableImmutableCell {cell}>
+					<!-- eslint-disable-next-line @typescript-eslint/no-unsafe-call -->
+					{@render Value(cell)}
+				</FocusableImmutableCell>
+			{:else}
+				{#if dev}
+					<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+					{@debug cell}
+					<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+					{@debug Value}
+				{/if}
+				{i18n['scoria.text.unknown_cell_value_type']()}
+			{/if}
+		{:catch e}
+			<FocusableImmutableCell {cell}>
+				{#if dev}
+					{getErrorMessage(e)}
+				{:else}
+					{i18n['scoria.text.error_rendering_cell']()}
+				{/if}
+			</FocusableImmutableCell>
+		{/await}
+	{/if}
+{/if}

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

@@ -1,8 +1,8 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object, RowIdType extends Primitive"
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, RowIdType extends Primitive"
 >import { m as i18n } from "../../../../../paraglide/messages.js";
 import { dev } from "$app/environment";
 import { TableContext } from "../../../Types/Context/TableContext.svelte.js";
@@ -118,88 +118,88 @@ $effect(() => {
 		node.removeEventListener("edit", tryHandleDoubleClick);
 	};
 });
-</script>
-
-<!-- svelte-ignore a11y_mouse_events_have_key_events -->
-<!-- svelte-ignore a11y_click_events_have_key_events -->
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	{id}
-	style={focusDetails.outline}
-	aria-label={reason}
-	tabIndex="0"
-	bind:this={tdref}
-	class:editable
-	class="focusable"
-	class:multifocus={focusDetails.isMultiFocused}
-	class:multifocus-start={focusDetails.isMultiFocusStart}
-	class:info={validity == Validity.Info}
-	class:success={validity == Validity.Valid}
-	class:warning={validity == Validity.Warning}
-	class:error={validity == Validity.Invalid}
-	onmousedown={(e) => {
-		// start focus only on left click
-		if (e.button === 0) {
-			if (e.shiftKey) {
-				e.preventDefault();
-				tableContext.setFocusEnd(coordinates);
-			} else {
-				tableContext.startFocus(coordinates);
-			}
-		}
-	}}
-	onmouseover={() => {
-		if (tableContext.isMousingDown) {
-			tableContext.setFocusEnd(coordinates);
-		}
-	}}
-	onmouseup={() => {
-		tableContext.endFocus(coordinates);
-	}}
-	onclick={() => {
-		handleSingleClick().catch(devCatch);
-	}}
-	ondblclick={() => {
-		handleDoubleClick().catch(devCatch);
-	}}
->
-	{#if modalLock}
-		<DateModal
-			header={i18n['scoria.label.edit_column']({
-					name: typeof columnDef.header === 'string' ? columnDef.header : columnDef.id,
-				})}
-			value={dateValue ?? null}
-			showTime={cell.column.columnDef.showTime}
-			cancelEditing={() => {
-				refocusTd();
-			}}
-			confirm={(e) => {
-				tableContext.onEditCell(cell.row.original, coordinates, e).catch(devCatch);
-				refocusTd();
-			}}
-		/>
-	{/if}
-
-	{#if !value}
-		-
-	{:else if typeof value === 'string'}
-		{@const parsed = new Date(value)}
-		{isNaN(parsed.getFullYear()) ? value : parsed.toLocaleString()}
-	{:else if value instanceof Date}
-		{#if cell.column.columnDef.showTime}
-			{value.toLocaleString()}
-		{:else}
-			{value.toLocaleDateString()}
-		{/if}
-	{:else if dev}
-		<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
-		{@debug value}
-		{i18n['scoria.text.error_reading_value']()}
-	{:else}
-		-
-	{/if}
-</div>
-
+</script>
+
+<!-- svelte-ignore a11y_mouse_events_have_key_events -->
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	{id}
+	style={focusDetails.outline}
+	aria-label={reason}
+	tabIndex="0"
+	bind:this={tdref}
+	class:editable
+	class="focusable"
+	class:multifocus={focusDetails.isMultiFocused}
+	class:multifocus-start={focusDetails.isMultiFocusStart}
+	class:info={validity == Validity.Info}
+	class:success={validity == Validity.Valid}
+	class:warning={validity == Validity.Warning}
+	class:error={validity == Validity.Invalid}
+	onmousedown={(e) => {
+		// start focus only on left click
+		if (e.button === 0) {
+			if (e.shiftKey) {
+				e.preventDefault();
+				tableContext.setFocusEnd(coordinates);
+			} else {
+				tableContext.startFocus(coordinates);
+			}
+		}
+	}}
+	onmouseover={() => {
+		if (tableContext.isMousingDown) {
+			tableContext.setFocusEnd(coordinates);
+		}
+	}}
+	onmouseup={() => {
+		tableContext.endFocus(coordinates);
+	}}
+	onclick={() => {
+		handleSingleClick().catch(devCatch);
+	}}
+	ondblclick={() => {
+		handleDoubleClick().catch(devCatch);
+	}}
+>
+	{#if modalLock}
+		<DateModal
+			header={i18n['scoria.label.edit_column']({
+					name: typeof columnDef.header === 'string' ? columnDef.header : columnDef.id,
+				})}
+			value={dateValue ?? null}
+			showTime={cell.column.columnDef.showTime}
+			cancelEditing={() => {
+				refocusTd();
+			}}
+			confirm={(e) => {
+				tableContext.onEditCell(cell.row.original, coordinates, e).catch(devCatch);
+				refocusTd();
+			}}
+		/>
+	{/if}
+
+	{#if !value}
+		-
+	{:else if typeof value === 'string'}
+		{@const parsed = new Date(value)}
+		{isNaN(parsed.getFullYear()) ? value : parsed.toLocaleString()}
+	{:else if value instanceof Date}
+		{#if cell.column.columnDef.showTime}
+			{value.toLocaleString()}
+		{:else}
+			{value.toLocaleDateString()}
+		{/if}
+	{:else if dev}
+		<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+		{@debug value}
+		{i18n['scoria.text.error_reading_value']()}
+	{:else}
+		-
+	{/if}
+</div>
+
 <style>.focusable,
 .checkbox-cell,
 .input-cell,
@@ -265,4 +265,4 @@ $effect(() => {
 
 [role=cell] {
   position: static;
-}</style>
+}</style>

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

@@ -1,14 +1,14 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	module
+<svelte:options runes />
+
+<script
+	lang="ts"
+	module
 >export {};
-</script>
-
-<script
-	lang="ts"
-	generics="T extends object, RowIdType extends Primitive"
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object, RowIdType extends Primitive"
 >import NumberInput from "../../../../NumberInput.svelte";
 import { NumberInputDef } from "../../../Types/Columns/Definitions/Accessors/NumberInputDef.svelte.js";
 import { TableContext } from "../../../Types/Context/TableContext.svelte.js";
@@ -96,85 +96,85 @@ function onInputFocus(e) {
 * listener is removed when `tdref` is remounted or the cell unmounts.
 */
 $effect(() => editable.attachEditListener(tdref));
-</script>
-
-{#if editable.isBeingEdited}
-	<div class="input-cell">
-		<NumberInput
-			id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-			min={(cell.column.columnDef as NumberInputDef<T>).min}
-			max={(cell.column.columnDef as NumberInputDef<T>).max}
-			variant={InputVariant.Table}
-			onkeydown={handleInputKeydown}
-			bind:value={tempNumericValue}
-			onfocus={onInputFocus}
-			bind:inputRef
-		/>
-		<!-- HACK this onBlur is now being called by an effect because otherwise it fires twice -->
-	</div>
-{:else}
-	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div
-		style={editable.focusDetails.outline}
-		id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-		onmousedown={(e) => {
-			// start focus only on left click
-			if (e.button === 0) {
-				if (e.shiftKey) {
-					e.preventDefault();
-					tableContext.setFocusEnd(editable.focusDetails.coordinates);
-				} else {
-					tableContext.startFocus(editable.focusDetails.coordinates);
-				}
-			}
-		}}
-		onmouseover={() => {
-			if (tableContext.isMousingDown) {
-				tableContext.setFocusEnd(editable.focusDetails.coordinates);
-			}
-		}}
-		onmouseup={() => {
-			const wasHandled = editable.handleSingleClickFocus();
-			if (wasHandled) {
-				resetValue();
-				tick()
-					.then(() => {
-						inputRef?.focus();
-					})
-					.catch(devCatch);
-			} else {
-				tableContext.endFocus(editable.focusDetails.coordinates);
-			}
-		}}
-		bind:this={tdref}
-		tabIndex="0"
-		class:editable={editable.editable}
-		class="focusable"
-		class:multifocus={editable.focusDetails.isMultiFocused}
-		class:multifocus-start={editable.focusDetails.isMultiFocusStart}
-		class:info={editable.validity == Validity.Info}
-		class:success={editable.validity == Validity.Valid}
-		class:warning={editable.validity == Validity.Warning}
-		class:error={editable.validity == Validity.Invalid}
-		ondblclick={() => {
-			const wasHandled = editable.handleDoubleClickFocus();
-			if (wasHandled) {
-				resetValue();
-				tick()
-					.then(() => {
-						inputRef?.focus();
-					})
-					.catch(devCatch);
-			}
-		}}
-	>
-		{#await visibleValue}
-			{loadingText()}
-		{:then value}{value ?? '-'}{/await}
-	</div>
-{/if}
-
+</script>
+
+{#if editable.isBeingEdited}
+	<div class="input-cell">
+		<NumberInput
+			id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+			min={(cell.column.columnDef as NumberInputDef<T>).min}
+			max={(cell.column.columnDef as NumberInputDef<T>).max}
+			variant={InputVariant.Table}
+			onkeydown={handleInputKeydown}
+			bind:value={tempNumericValue}
+			onfocus={onInputFocus}
+			bind:inputRef
+		/>
+		<!-- HACK this onBlur is now being called by an effect because otherwise it fires twice -->
+	</div>
+{:else}
+	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		style={editable.focusDetails.outline}
+		id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+		onmousedown={(e) => {
+			// start focus only on left click
+			if (e.button === 0) {
+				if (e.shiftKey) {
+					e.preventDefault();
+					tableContext.setFocusEnd(editable.focusDetails.coordinates);
+				} else {
+					tableContext.startFocus(editable.focusDetails.coordinates);
+				}
+			}
+		}}
+		onmouseover={() => {
+			if (tableContext.isMousingDown) {
+				tableContext.setFocusEnd(editable.focusDetails.coordinates);
+			}
+		}}
+		onmouseup={() => {
+			const wasHandled = editable.handleSingleClickFocus();
+			if (wasHandled) {
+				resetValue();
+				tick()
+					.then(() => {
+						inputRef?.focus();
+					})
+					.catch(devCatch);
+			} else {
+				tableContext.endFocus(editable.focusDetails.coordinates);
+			}
+		}}
+		bind:this={tdref}
+		tabIndex="0"
+		class:editable={editable.editable}
+		class="focusable"
+		class:multifocus={editable.focusDetails.isMultiFocused}
+		class:multifocus-start={editable.focusDetails.isMultiFocusStart}
+		class:info={editable.validity == Validity.Info}
+		class:success={editable.validity == Validity.Valid}
+		class:warning={editable.validity == Validity.Warning}
+		class:error={editable.validity == Validity.Invalid}
+		ondblclick={() => {
+			const wasHandled = editable.handleDoubleClickFocus();
+			if (wasHandled) {
+				resetValue();
+				tick()
+					.then(() => {
+						inputRef?.focus();
+					})
+					.catch(devCatch);
+			}
+		}}
+	>
+		{#await visibleValue}
+			{loadingText()}
+		{:then value}{value ?? '-'}{/await}
+	</div>
+{/if}
+
 <style>.focusable,
 .checkbox-cell,
 .input-cell,
@@ -241,4 +241,4 @@ $effect(() => editable.attachEditListener(tdref));
 .input-cell {
   padding: unset;
   box-sizing: border-box;
-}</style>
+}</style>