2024-11-05 00:18:16 +01:00
|
|
|
<script lang="ts">
|
2024-11-05 00:28:05 +01:00
|
|
|
import { Store } from "../../Logic/UIEventSource.js"
|
2024-11-05 00:18:16 +01:00
|
|
|
import type { ProvidedImage } from "../../Logic/ImageProviders/ImageProvider"
|
|
|
|
|
import type { SpecialVisualizationState } from "../SpecialVisualization"
|
|
|
|
|
import DeletableImage from "./DeletableImage.svelte"
|
|
|
|
|
|
|
|
|
|
export let images: Store<ProvidedImage[]>
|
|
|
|
|
export let state: SpecialVisualizationState
|
|
|
|
|
export let tags: Store<Record<string, string>>
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flex w-full space-x-2 overflow-x-auto" style="scroll-snap-type: x proximity">
|
|
|
|
|
{#each $images as image (image.url)}
|
|
|
|
|
<DeletableImage {image} {state} {tags}/>
|
|
|
|
|
{/each}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
