Search: close dialog when appropriate, move special layer logic to themeViewState

src/UI/Search/ActiveFilters.svelte

@@ -36,6 +36,7 @@
         activeFilter.control.setData(undefined)
       }
       loading = false
+      state.searchState.closeIfFullscreen()
     })
   }
 </script>

src/UI/Search/FilterResult.svelte

@@ -6,21 +6,30 @@
   import ToSvelte from "../Base/ToSvelte.svelte"
   import type { FilterSearchResult } from "../../Logic/Search/FilterSearch"
   import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
+  import Loading from "../Base/Loading.svelte"
 
   export let entry: FilterSearchResult | LayerConfig
   let isLayer = entry instanceof LayerConfig
-  let asLayer = <LayerConfig> entry
-  let asFilter = <FilterSearchResult> entry
+  let asLayer = <LayerConfig>entry
+  let asFilter = <FilterSearchResult>entry
   export let state: SpecialVisualizationState
-  let dispatch = createEventDispatcher<{ select }>()
 
+  let loading = false
 
   function apply() {
+    loading = true
+    console.log("Loading is now ", loading)
+    window.requestAnimationFrame(() => {
       state.searchState.apply(entry)
-      dispatch("select")
+      loading = false
+      state.searchState.closeIfFullscreen()
+    })
   }
 </script>
-<button on:click={() => apply()}>
+<button on:click={() => apply()} class:disabled={loading}>
+  {#if loading}
+    <Loading />
+  {/if}
   <div class="flex flex-col items-start">
     <div class="flex items-center gap-x-1">
       {#if isLayer}

src/UI/Search/GeocodeResult.svelte

@@ -48,7 +48,7 @@
       state.selectedElement.set(entry.feature)
     }
     state.userRelatedState.recentlyVisitedSearch.add(entry)
-    dispatch("select")
+    state.searchState.closeIfFullscreen()
   }
 </script>