forked from MapComplete/MapComplete
26 lines
922 B
Svelte
26 lines
922 B
Svelte
<script lang="ts">
|
|
import { IconConfig } from "../../Models/ThemeConfig/PointRenderingConfig"
|
|
import { ImmutableStore, Store } from "../../Logic/UIEventSource"
|
|
import DynamicIcon from "./DynamicIcon.svelte"
|
|
import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig"
|
|
|
|
/**
|
|
* Renders a 'marker', which consists of multiple 'icons'
|
|
*/
|
|
export let marker: IconConfig[] = config?.marker
|
|
export let tags: Store<Record<string, string>>
|
|
export let rotation: TagRenderingConfig = undefined
|
|
let _rotation = rotation
|
|
? tags.map((tags) => rotation.GetRenderValue(tags).Subs(tags).txt)
|
|
: new ImmutableStore(0)
|
|
</script>
|
|
|
|
{#if marker && marker}
|
|
<div class="relative h-full w-full" style={`transform: rotate(${$_rotation})`}>
|
|
{#each marker as icon}
|
|
<div class="absolute top-0 left-0 h-full w-full">
|
|
<DynamicIcon {icon} {tags} />
|
|
</div>
|
|
{/each}
|
|
</div>
|
|
{/if}
|