file collapsible closed by default

website/src/lib/components/collapsible-tree/CollapsibleTree.svelte

@@ -2,12 +2,14 @@
 	import { setContext } from 'svelte';
 	import { writable } from 'svelte/store';
 
+	export let defaultState: 'open' | 'closed' = 'closed';
 	export let side: 'left' | 'right' = 'right';
 	export let margin: number = 1;
 	export let nohover: boolean = false;
 
 	let open = writable<Record<string, boolean>>({});
 
+	setContext('collapsible-tree-default-state', defaultState);
 	setContext('collapsible-tree-state', open);
 	setContext('collapsible-tree-side', side);
 	setContext('collapsible-tree-margin', margin);

website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte

@@ -7,6 +7,7 @@
 
 	export let id: string;
 
+	let defaultState = getContext<'open' | 'closed'>('collapsible-tree-default-state');
 	let open = getContext<Writable<Record<string, boolean>>>('collapsible-tree-state');
 	let side = getContext<'left' | 'right'>('collapsible-tree-side');
 	let margin = getContext<number>('collapsible-tree-margin');
@@ -14,7 +15,7 @@
 
 	open.update((value) => {
 		if (!value.hasOwnProperty(id)) {
-			value[id] = true;
+			value[id] = defaultState === 'open';
 		}
 		return value;
 	});

website/src/lib/components/file-list/FileListItem.svelte

@@ -9,7 +9,7 @@
 </script>
 
 {#if $file}
-	<CollapsibleTree side="left" margin={4}>
+	<CollapsibleTree side="left" margin={4} defaultState="closed">
 		<FileListNode node={$file.file} id={$file.file._data.id} />
 	</CollapsibleTree>
 {/if}