runeforge 0.0.61 → 0.0.63

package/dist/components/crud/SearchInput.svelte

@@ -1,53 +1,53 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import { goto } from '$app/navigation';
-	import { getStrings } from '../../i18n/context.js';
-	import type { SearchConfiguration } from '../../types/crud/list-config.js';
-
-	const strings = getStrings();
-
-	let {
-		config = {} as SearchConfiguration
-	}: {
-		config?: SearchConfiguration;
-	} = $props();
-
-	const param = $derived(config.param ?? 'search');
-	const debounceMs = $derived(config.debounceMs ?? 300);
-
-	// Intentional one-time hydration of local state from the initial `param`
-	// value (not a live binding) - svelte-check's state_referenced_locally
-	// warning is a false positive here, same as PaginatedTable's initialSort
-	// etc. After mount this is the source of truth for what the user is
-	// typing, so it doesn't fight with the URL updates this component itself
-	// triggers on every keystroke.
-	let value = $state(page.url.searchParams.get(param) ?? '');
-	let debounceTimer: ReturnType<typeof setTimeout>;
-
-	function onInput() {
-		clearTimeout(debounceTimer);
-		debounceTimer = setTimeout(() => {
-			// eslint-disable-next-line svelte/prefer-svelte-reactivity
-			const params = new URLSearchParams(page.url.searchParams);
-			const trimmed = value.trim();
-			if (trimmed) params.set(param, trimmed);
-			else params.delete(param);
-			// A new search term can leave the current page past the end of the
-			// narrowed result set, and any open create/read/edit view stops
-			// making sense once the underlying list changes - drop both.
-			params.delete('page');
-			params.delete('view');
-			params.delete('id');
-			const qs = params.toString();
-			goto(qs ? `?${qs}` : '?', { keepFocus: true, noScroll: true, replaceState: true });
-		}, debounceMs);
-	}
-</script>
-
-<input
-	type="search"
-	bind:value
-	oninput={onInput}
-	placeholder={config.placeholder ?? strings.searchPlaceholder}
-	class="input input-bordered w-64 shrink-0"
-/>
+<script lang="ts">
+	import { page } from '$app/state';
+	import { goto } from '$app/navigation';
+	import { getStrings } from '../../i18n/context.js';
+	import type { SearchConfiguration } from '../../types/crud/list-config.js';
+
+	const strings = getStrings();
+
+	let {
+		config = {} as SearchConfiguration
+	}: {
+		config?: SearchConfiguration;
+	} = $props();
+
+	const param = $derived(config.param ?? 'search');
+	const debounceMs = $derived(config.debounceMs ?? 300);
+
+	// Intentional one-time hydration of local state from the initial `param`
+	// value (not a live binding) - svelte-check's state_referenced_locally
+	// warning is a false positive here, same as PaginatedTable's initialSort
+	// etc. After mount this is the source of truth for what the user is
+	// typing, so it doesn't fight with the URL updates this component itself
+	// triggers on every keystroke.
+	let value = $state(page.url.searchParams.get(param) ?? '');
+	let debounceTimer: ReturnType<typeof setTimeout>;
+
+	function onInput() {
+		clearTimeout(debounceTimer);
+		debounceTimer = setTimeout(() => {
+			// eslint-disable-next-line svelte/prefer-svelte-reactivity
+			const params = new URLSearchParams(page.url.searchParams);
+			const trimmed = value.trim();
+			if (trimmed) params.set(param, trimmed);
+			else params.delete(param);
+			// A new search term can leave the current page past the end of the
+			// narrowed result set, and any open create/read/edit view stops
+			// making sense once the underlying list changes - drop both.
+			params.delete('page');
+			params.delete('view');
+			params.delete('id');
+			const qs = params.toString();
+			goto(qs ? `?${qs}` : '?', { keepFocus: true, noScroll: true, replaceState: true });
+		}, debounceMs);
+	}
+</script>
+
+<input
+	type="search"
+	bind:value
+	oninput={onInput}
+	placeholder={config.placeholder ?? strings.searchPlaceholder}
+	class="input input-bordered w-64 shrink-0"
+/>

package/dist/components/crud/columns/Avatar.svelte

@@ -1,15 +1,15 @@
-<script lang="ts">
-  import AvatarComponent from '../../Avatar.svelte';
-  import { initials } from '../utils/misc.js';
-  import type { CellProps } from '../../../types/table.js';
-
-  type AvatarRow = { firstName?: string; lastName?: string; email?: string };
-
-  let { value, row }: CellProps<AvatarRow, string | null | undefined> = $props();
-</script>
-
-<AvatarComponent
-  src={value ?? null}
-  text={initials(row.firstName, row.lastName)}
-  alt={row.email ?? ''}
-/>
+<script lang="ts">
+  import AvatarComponent from '../../Avatar.svelte';
+  import { initials } from '../utils/misc.js';
+  import type { CellProps } from '../../../types/table.js';
+
+  type AvatarRow = { firstName?: string; lastName?: string; email?: string };
+
+  let { value, row }: CellProps<AvatarRow, string | null | undefined> = $props();
+</script>
+
+<AvatarComponent
+  src={value ?? null}
+  text={initials(row.firstName, row.lastName)}
+  alt={row.email ?? ''}
+/>

package/dist/components/crud/columns/Icon.svelte

@@ -1,8 +1,8 @@
-<script lang="ts">
-  import IconRenderer from '../../IconRenderer.svelte';
-  import type { CellProps } from '../../../types/table.js';
-
-  let { value }: CellProps<Record<string, unknown>, string> = $props();
-</script>
-
-<IconRenderer name={String(value ?? '')} />
+<script lang="ts">
+  import IconRenderer from '../../IconRenderer.svelte';
+  import type { CellProps } from '../../../types/table.js';
+
+  let { value }: CellProps<Record<string, unknown>, string> = $props();
+</script>
+
+<IconRenderer name={String(value ?? '')} />

package/dist/components/crud/fields/BooleanField.svelte

@@ -1,38 +1,38 @@
-<script lang="ts" generics="T extends object = Record<string, unknown>">
-	import type { Snippet } from 'svelte';
-	import type { FieldDefinition } from '../../../types/crud/fields.js';
-
-	let {
-		field,
-		record = $bindable({} as Record<string, unknown>),
-		parentRecord = undefined,
-		readonly = false,
-		labelRow,
-		errorRow
-	}: {
-		field: FieldDefinition<T>;
-		record?: Record<string, unknown>;
-		parentRecord?: Record<string, unknown>;
-		readonly?: boolean;
-		labelRow: Snippet;
-		errorRow: Snippet;
-	} = $props();
-
-	const name = $derived(readonly ? undefined : field.attribute);
-	const saved = $derived(record[field.attribute]);
-	const fieldDisabled = $derived(field.disabled ? field.disabled(record, parentRecord) : false);
-</script>
-
-{@render labelRow()}
-<input
-	type="checkbox"
-	id={field.attribute}
-	{name}
-	class="toggle toggle-primary"
-	checked={!!saved}
-	disabled={readonly || fieldDisabled}
-	onchange={(e) => {
-		record[field.attribute] = (e.currentTarget as HTMLInputElement).checked;
-	}}
-/>
-{@render errorRow()}
+<script lang="ts" generics="T extends object = Record<string, unknown>">
+	import type { Snippet } from 'svelte';
+	import type { FieldDefinition } from '../../../types/crud/fields.js';
+
+	let {
+		field,
+		record = $bindable({} as Record<string, unknown>),
+		parentRecord = undefined,
+		readonly = false,
+		labelRow,
+		errorRow
+	}: {
+		field: FieldDefinition<T>;
+		record?: Record<string, unknown>;
+		parentRecord?: Record<string, unknown>;
+		readonly?: boolean;
+		labelRow: Snippet;
+		errorRow: Snippet;
+	} = $props();
+
+	const name = $derived(readonly ? undefined : field.attribute);
+	const saved = $derived(record[field.attribute]);
+	const fieldDisabled = $derived(field.disabled ? field.disabled(record, parentRecord) : false);
+</script>
+
+{@render labelRow()}
+<input
+	type="checkbox"
+	id={field.attribute}
+	{name}
+	class="toggle toggle-primary"
+	checked={!!saved}
+	disabled={readonly || fieldDisabled}
+	onchange={(e) => {
+		record[field.attribute] = (e.currentTarget as HTMLInputElement).checked;
+	}}
+/>
+{@render errorRow()}