extract collapsible tree component

This commit is contained in:
vcoppe
2024-05-16 16:24:50 +02:00
parent db618b67b0
commit a6637d5e27
5 changed files with 61 additions and 52 deletions

View File

@@ -1,21 +1,20 @@
<script lang="ts">
import LayerTreeNode from './LayerTreeNode.svelte';
import { type CollapsedInfoTreeType, type LayerTreeType } from '$lib/assets/layers';
import { type LayerTreeType } from '$lib/assets/layers';
import CollapsibleTree from '$lib/components/collapsible-tree/CollapsibleTree.svelte';
export let layerTree: LayerTreeType;
export let name: string;
export let selected: string | undefined = undefined;
export let multiple: boolean = false;
let open: CollapsedInfoTreeType<boolean> = {
self: true,
children: {}
};
export let checked: LayerTreeType = {};
</script>
<form>
<fieldset class="min-w-64">
<LayerTreeNode {name} node={layerTree} bind:selected {multiple} bind:open bind:checked />
<CollapsibleTree>
<LayerTreeNode {name} node={layerTree} bind:selected {multiple} bind:checked />
</CollapsibleTree>
</fieldset>
</form>