forked from MapComplete/MapComplete
23 lines
855 B
Svelte
23 lines
855 B
Svelte
<script lang="ts">
|
|
/**
|
|
* A mapcontrol button which allows the user to select a different background.
|
|
* Even though the componenet is very small, it gets it's own class as it is often reused
|
|
*/
|
|
import {Square3Stack3dIcon} from "@babeard/svelte-heroicons/solid";
|
|
import type {SpecialVisualizationState} from "../SpecialVisualization";
|
|
import Translations from "../i18n/Translations";
|
|
import MapControlButton from "../Base/MapControlButton.svelte";
|
|
import Tr from "../Base/Tr.svelte";
|
|
|
|
export let state: SpecialVisualizationState
|
|
export let hideTooltip = false
|
|
</script>
|
|
|
|
<MapControlButton
|
|
on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}
|
|
>
|
|
<Square3Stack3dIcon class="h-6 w-6"/>
|
|
{#if !hideTooltip}
|
|
<Tr cls="mx-2" t={Translations.t.general.backgroundSwitch}/>
|
|
{/if}
|
|
</MapControlButton>
|