forked from MapComplete/MapComplete
23 lines
899 B
Svelte
23 lines
899 B
Svelte
<script lang="ts">
|
|
import type { Feature } from "geojson"
|
|
import type { SpecialVisualizationState } from "../SpecialVisualization"
|
|
import SelectedElementTitle from "./SelectedElementTitle.svelte"
|
|
import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
|
|
import TagRenderingAnswer from "../Popup/TagRendering/TagRenderingAnswer.svelte"
|
|
|
|
export let state: SpecialVisualizationState
|
|
export let feature: Feature
|
|
let id = feature.properties.id
|
|
let tags = state.featureProperties.getStore(id)
|
|
let layer: LayerConfig = state.layout.getMatchingLayer(tags.data)
|
|
|
|
function select(){
|
|
state.selectedElement.setData(undefined)
|
|
state.selectedLayer.setData(layer)
|
|
state.selectedElement.setData(feature)
|
|
}
|
|
</script>
|
|
|
|
<div on:click={() => select()} class="cursor-pointer">
|
|
<TagRenderingAnswer config={layer.title} selectedElement={feature} {state} {tags} {layer} />
|
|
</div>
|