Chore: housekeeping: lint

src/UI/BigComponents/Geosearch.svelte

@@ -34,8 +34,8 @@
   Hotkeys.RegisterHotkey({ ctrl: "F" }, Translations.t.hotkeyDocumentation.selectSearch, () => {
     feedback = undefined
     requestAnimationFrame(() => {
-    inputElement?.focus()
-    inputElement?.select()
+      inputElement?.focus()
+      inputElement?.select()
     })
   })
 
@@ -75,11 +75,11 @@
         for (const layer of layers) {
           const found = layer.features.data.find((f) => f.properties.id === id)
           if (found === undefined) {
-            continue;
+            continue
           }
-          selectedElement?.setData(found);
-          console.log("Found an element that probably matches:", selectedElement?.data);
-          break;
+          selectedElement?.setData(found)
+          console.log("Found an element that probably matches:", selectedElement?.data)
+          break
         }
       }
       if (clearAfterView) {

src/UI/BigComponents/MapillaryLink.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-    import Translations from "../i18n/Translations"
-    import { Store } from "../../Logic/UIEventSource"
-    import Tr from "../Base/Tr.svelte"
-    import Mapillary_black from "../../assets/svg/Mapillary_black.svelte"
-    import { Mapillary } from "../../Logic/ImageProviders/Mapillary"
+  import Translations from "../i18n/Translations"
+  import { Store } from "../../Logic/UIEventSource"
+  import Tr from "../Base/Tr.svelte"
+  import Mapillary_black from "../../assets/svg/Mapillary_black.svelte"
+  import { Mapillary } from "../../Logic/ImageProviders/Mapillary"
 
-    /*
+  /*
       A subtleButton which opens mapillary in a new tab at the current location
        */
 

src/UI/BigComponents/SelectedElementTitle.svelte

@@ -1,22 +1,24 @@
 <script lang="ts">
-  import type { Feature } from "geojson";
-  import { Store, UIEventSource } from "../../Logic/UIEventSource";
-  import LayerConfig from "../../Models/ThemeConfig/LayerConfig";
-  import type { SpecialVisualizationState } from "../SpecialVisualization";
-  import TagRenderingAnswer from "../Popup/TagRendering/TagRenderingAnswer.svelte";
-  import Translations from "../i18n/Translations";
-  import Tr from "../Base/Tr.svelte";
-  import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid";
+  import type { Feature } from "geojson"
+  import { Store, UIEventSource } from "../../Logic/UIEventSource"
+  import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
+  import type { SpecialVisualizationState } from "../SpecialVisualization"
+  import TagRenderingAnswer from "../Popup/TagRendering/TagRenderingAnswer.svelte"
+  import Translations from "../i18n/Translations"
+  import Tr from "../Base/Tr.svelte"
+  import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid"
 
-  export let state: SpecialVisualizationState;
-  export let layer: LayerConfig;
-  export let selectedElement: Feature;
-  let tags: UIEventSource<Record<string, string>> = state.featureProperties.getStore(selectedElement.properties.id);
+  export let state: SpecialVisualizationState
+  export let layer: LayerConfig
+  export let selectedElement: Feature
+  let tags: UIEventSource<Record<string, string>> = state.featureProperties.getStore(
+    selectedElement.properties.id
+  )
   $: {
-    tags = state.featureProperties.getStore(selectedElement.properties.id);
+    tags = state.featureProperties.getStore(selectedElement.properties.id)
   }
 
-  let metatags: Store<Record<string, string>> = state.userRelatedState.preferencesAsTags;
+  let metatags: Store<Record<string, string>> = state.userRelatedState.preferencesAsTags
 </script>
 
 {#if $tags._deleted === "yes"}
@@ -34,7 +36,7 @@
         class="no-weblate title-icons links-as-button mr-2 flex flex-row flex-wrap items-center gap-x-0.5 p-1 pt-0.5 sm:pt-1"
       >
         {#each layer.titleIcons as titleIconConfig}
-          {#if (titleIconConfig.condition?.matchesProperties($tags) ?? true) && (titleIconConfig.metacondition?.matchesProperties({ ...$metatags, ...$tags }) ?? true) && titleIconConfig.IsKnown($tags)}
+          {#if (titleIconConfig.condition?.matchesProperties($tags) ?? true) && (titleIconConfig.metacondition?.matchesProperties( { ...$metatags, ...$tags } ) ?? true) && titleIconConfig.IsKnown($tags)}
             <div class={titleIconConfig.renderIconClass ?? "flex h-8 w-8 items-center"}>
               <TagRenderingAnswer
                 config={titleIconConfig}
@@ -57,7 +59,7 @@
 {/if}
 
 <style>
-    :global(.title-icons a) {
-        display: block !important;
-    }
+  :global(.title-icons a) {
+    display: block !important;
+  }
 </style>

src/UI/BigComponents/SelectedElementView.svelte

@@ -1,20 +1,22 @@
 <script lang="ts">
   import type { Feature } from "geojson"
-  import { Store, UIEventSource } from "../../Logic/UIEventSource";
+  import { Store, UIEventSource } from "../../Logic/UIEventSource"
   import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
   import type { SpecialVisualizationState } from "../SpecialVisualization"
   import TagRenderingEditable from "../Popup/TagRendering/TagRenderingEditable.svelte"
   import { onDestroy } from "svelte"
   import Translations from "../i18n/Translations"
   import Tr from "../Base/Tr.svelte"
-  import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig";
+  import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig"
 
   export let state: SpecialVisualizationState
   export let layer: LayerConfig
   export let selectedElement: Feature
   export let highlightedRendering: UIEventSource<string> = undefined
 
-  export let tags: UIEventSource<Record<string, string>> = state.featureProperties.getStore(selectedElement.properties.id)
+  export let tags: UIEventSource<Record<string, string>> = state.featureProperties.getStore(
+    selectedElement.properties.id
+  )
 
   let _metatags: Record<string, string>
   onDestroy(
@@ -23,12 +25,14 @@
     })
   )
 
-  let knownTagRenderings: Store<TagRenderingConfig[]> =  tags.mapD(tgs =>  layer.tagRenderings.filter(
-    (config) =>
-      (config.condition?.matchesProperties(tgs) ?? true) &&
-      (config.metacondition?.matchesProperties({ ...tgs, ..._metatags }) ?? true) &&
-      config.IsKnown(tgs)
-  ))
+  let knownTagRenderings: Store<TagRenderingConfig[]> = tags.mapD((tgs) =>
+    layer.tagRenderings.filter(
+      (config) =>
+        (config.condition?.matchesProperties(tgs) ?? true) &&
+        (config.metacondition?.matchesProperties({ ...tgs, ..._metatags }) ?? true) &&
+        config.IsKnown(tgs)
+    )
+  )
 </script>
 
 {#if $tags._deleted === "yes"}
@@ -37,7 +41,7 @@
     <Tr t={Translations.t.general.returnToTheMap} />
   </button>
 {:else}
-  <div class="flex h-full w-full flex-col gap-y-2 overflow-y-auto p-1 px-2 focusable" tabindex="-1">
+  <div class="focusable flex h-full w-full flex-col gap-y-2 overflow-y-auto p-1 px-2" tabindex="-1">
     {#each $knownTagRenderings as config (config.id)}
       <TagRenderingEditable
         {tags}
@@ -46,7 +50,9 @@
         {selectedElement}
         {layer}
         {highlightedRendering}
-        clss={$knownTagRenderings.length === 1 ? "h-full" : "tr-length-" + $knownTagRenderings.length}
+        clss={$knownTagRenderings.length === 1
+          ? "h-full"
+          : "tr-length-" + $knownTagRenderings.length}
       />
     {/each}
   </div>

src/UI/BigComponents/Summary.svelte

@@ -10,8 +10,8 @@
   let id = feature.properties.id
   let tags = state.featureProperties.getStore(id)
   let layer: LayerConfig = state.layout.getMatchingLayer(tags.data)
-  
-  function select(){
+
+  function select() {
     state.selectedElement.setData(undefined)
     state.selectedLayer.setData(layer)
     state.selectedElement.setData(feature)
@@ -19,5 +19,5 @@
 </script>
 
 <div on:click={() => select()} class="cursor-pointer">
-<TagRenderingAnswer config={layer.title} selectedElement={feature} {state} {tags} {layer} />
+  <TagRenderingAnswer config={layer.title} selectedElement={feature} {state} {tags} {layer} />
 </div>