{#if state.loading}

{/if}

{#each state.parents as parent} / {/each}

{#if state.viewer_type === "dir"} {navigate(e.detail, true)}} on:loading={e => {state.loading = e.detail}}> {:else if state.viewer_type === "audio"}

{:else if state.viewer_type === "image"} {open_sibling(e.detail)}}> {:else if state.viewer_type === "video"}

{/if}

{#if state.base.type === "file"} {/if}

Node details
Name	{state.base.name}
Path	{state.base.path}
Type	{state.base.type}
Date created	{formatDate(state.base.date_created, true, true, true)}
Date modified	{formatDate(state.base.date_modified, true, true, true)}
File type	{state.base.file_type}
File size	{formatDataVolume(state.base.file_size)}
Bucket details
ID	{state.bucket.id}
Name	{state.bucket.name}
Date created	{formatDate(state.bucket.date_created, true, true, true)}
Date modified	{formatDate(state.bucket.date_modified, true, true, true)}