diff --git a/app/components/catalog/SelectionPanel.vue b/app/components/catalog/SelectionPanel.vue
index a30de0e..08560b1 100644
--- a/app/components/catalog/SelectionPanel.vue
+++ b/app/components/catalog/SelectionPanel.vue
@@ -12,8 +12,17 @@
v-model="searchQuery"
type="text"
:placeholder="searchPlaceholder"
- class="input input-sm w-full bg-white/10 border-white/20 text-white placeholder:text-white/50"
+ class="input input-sm w-full bg-white/10 border-white/20 text-white placeholder:text-white/50 mb-2"
/>
+
@@ -107,11 +116,13 @@ const props = defineProps<{
loading?: boolean
loadingMore?: boolean
hasMore?: boolean
+ filterByBounds?: boolean
}>()
const emit = defineEmits<{
'select': [type: string, item: Item]
'close': []
+ 'update:filter-by-bounds': [value: boolean]
'load-more': []
'hover': [uuid: string | null]
}>()
diff --git a/app/components/page/CatalogPage.vue b/app/components/page/CatalogPage.vue
index 4ea2bd1..3f8017b 100644
--- a/app/components/page/CatalogPage.vue
+++ b/app/components/page/CatalogPage.vue
@@ -48,18 +48,6 @@
{{ $t('catalog.list') }}
-
-
@@ -247,7 +235,6 @@ const props = withDefaults(defineProps<{
hoveredId?: string
items?: MapItem[]
showPanel?: boolean
- filterByBounds?: boolean
relatedPoints?: Array<{
uuid: string
name: string
@@ -263,7 +250,6 @@ const props = withDefaults(defineProps<{
pointColor: '#f97316',
items: () => [],
showPanel: false,
- filterByBounds: false,
relatedPoints: () => []
})
@@ -271,7 +257,6 @@ const emit = defineEmits<{
'select': [item: MapItem]
'bounds-change': [bounds: MapBounds]
'update:hoveredId': [uuid: string | undefined]
- 'update:filter-by-bounds': [value: boolean]
}>()
// Server-side clustering - use computed node type based on view mode
diff --git a/app/pages/catalog/index.vue b/app/pages/catalog/index.vue
index a18f7d9..0ad9eb3 100644
--- a/app/pages/catalog/index.vue
+++ b/app/pages/catalog/index.vue
@@ -9,11 +9,9 @@
:items="currentSelectionItems"
:hovered-id="hoveredItemId ?? undefined"
:show-panel="showPanel"
- :filter-by-bounds="filterByBounds"
:related-points="relatedPoints"
@select="onMapSelect"
@bounds-change="onBoundsChange"
- @update:filter-by-bounds="filterByBounds = $event"
>
@@ -27,10 +25,12 @@
:loading="selectionLoading"
:loading-more="selectionLoadingMore"
:has-more="selectionHasMore && !filterByBounds"
+ :filter-by-bounds="filterByBounds"
@select="onSelectItem"
@close="onClosePanel"
@load-more="onLoadMore"
@hover="onHoverItem"
+ @update:filter-by-bounds="filterByBounds = $event"
/>