21 lines
847 B
Svelte
21 lines
847 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>
|