diff --git a/app/components/catalog/SelectionPanel.vue b/app/components/catalog/SelectionPanel.vue
index 08560b1..a30de0e 100644
--- a/app/components/catalog/SelectionPanel.vue
+++ b/app/components/catalog/SelectionPanel.vue
@@ -12,17 +12,8 @@
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 mb-2"
+ class="input input-sm w-full bg-white/10 border-white/20 text-white placeholder:text-white/50"
/>
-
@@ -116,13 +107,11 @@ 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 3f8017b..c603b31 100644
--- a/app/components/page/CatalogPage.vue
+++ b/app/components/page/CatalogPage.vue
@@ -48,6 +48,20 @@
{{ $t('catalog.list') }}
+
+
+
@@ -235,6 +249,7 @@ const props = withDefaults(defineProps<{
hoveredId?: string
items?: MapItem[]
showPanel?: boolean
+ filterByBounds?: boolean
relatedPoints?: Array<{
uuid: string
name: string
@@ -250,6 +265,7 @@ const props = withDefaults(defineProps<{
pointColor: '#f97316',
items: () => [],
showPanel: false,
+ filterByBounds: false,
relatedPoints: () => []
})
@@ -257,6 +273,7 @@ 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 0ad9eb3..a18f7d9 100644
--- a/app/pages/catalog/index.vue
+++ b/app/pages/catalog/index.vue
@@ -9,9 +9,11 @@
: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"
>
@@ -25,12 +27,10 @@
: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"
/>