{#if showList}
{#if search}
{:else}
{/if}
showList = false} aria-label="Close" class="opacity-40 hover:opacity-100">
{#each groupedList as group} {@const active = activeFilters.has(group.slug)}
toggleCategory(group.slug)} data-category={group.slug} class="flex items-center gap-1.5 w-full pt-3 pb-1 font-bold text-xs uppercase tracking-wide hover:opacity-100 transition-opacity" class:opacity-30={!active} class:opacity-70={active} >
{@html categoryIcons[group.slug]}
{group.name}
({group.markers.length})
{#each group.markers as marker}
select(marker)} class:font-bold={selected === marker} class:selected={selected === marker} class="block whitespace-nowrap text-ellipsis text-left w-full overflow-hidden pl-5 transition-opacity" class:opacity-30={!active} > {marker.tags.name}
{/each} {/each}
{/if} {#if showFilters}
{$t("map.all")}
{$t("map.none")}
showFilters = false} aria-label="Close" class="ml-auto opacity-40 hover:opacity-100">
{#each presentCategories as cat}
toggleCategory(cat.slug)} class="flex items-center gap-1.5 px-2.5 py-1.5 rounded-full text-xs border transition-colors" class:bg-primary={activeFilters.has(cat.slug)} class:text-white={activeFilters.has(cat.slug)} class:border-primary={activeFilters.has(cat.slug)} class:border-base-300={!activeFilters.has(cat.slug)} class:opacity-50={!activeFilters.has(cat.slug)} >
{@html categoryIcons[cat.slug]}
{cat.name}
{/each}
{/if}
{$t("mapAdd.addLocation")}