File size: 773 Bytes
0bd62e5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<script lang="ts">
export let value: string[] | string | null;
export let type: "gallery" | "table";
export let selected = false;
</script>
<ul
class:table={type === "table"}
class:gallery={type === "gallery"}
class:selected
>
{#if value}
{#each Array.isArray(value) ? value.slice(0, 3) : [value] as path}
<li><code>./{path}</code></li>
{/each}
{#if Array.isArray(value) && value.length > 3}
<li class="extra">...</li>
{/if}
{/if}
</ul>
<style>
ul {
white-space: nowrap;
max-height: 100px;
list-style: none;
padding: 0;
margin: 0;
}
.extra {
text-align: center;
}
.gallery {
align-items: center;
cursor: pointer;
padding: var(--size-1) var(--size-2);
text-align: left;
}
</style>
|