geonetwork-ui 2.11.0-dev.5f9922c2e → 2.11.0-dev.6804f3b43

package/src/libs/feature/search/src/lib/utils/service/fields.ts

@@ -53,6 +53,15 @@ export class SimpleSearchField implements AbstractSearchField {
   // FIXME: this is required to register runtime fields; abstract this as well
   protected esService = this.injector.get(ElasticsearchService)
 
+  private customIdentifier?: string
+
+  protected get fieldIdentifier(): string {
+    return this.customIdentifier ?? this.esFieldName
+  }
+
+  public includeValues: string[] = []
+  public excludeValues: string[] = []
+
   constructor(
     protected esFieldName: string,
     protected injector: Injector,
@@ -60,13 +69,24 @@ export class SimpleSearchField implements AbstractSearchField {
     protected orderType: 'key' | 'count' = 'key'
   ) {}
 
+  public setFieldIdentifier(fieldIdentifier: string) {
+    this.customIdentifier = fieldIdentifier
+    this.esService.registerFieldAlias(fieldIdentifier, this.esFieldName)
+  }
+
   protected getAggregations(): AggregationsParams {
     return {
-      [this.esFieldName]: {
+      [this.fieldIdentifier]: {
         type: 'terms',
         field: this.esFieldName,
         limit: 1000,
         sort: [this.order, this.orderType],
+        ...(this.includeValues?.length && {
+          includeValues: this.includeValues,
+        }),
+        ...(this.excludeValues?.length && {
+          excludeValues: this.excludeValues,
+        }),
       },
     }
   }
@@ -79,7 +99,7 @@ export class SimpleSearchField implements AbstractSearchField {
     return this.repository.aggregate(this.getAggregations()).pipe(
       map(
         (response) =>
-          (response[this.esFieldName] as AggregationBuckets).buckets || []
+          (response[this.fieldIdentifier] as AggregationBuckets).buckets || []
       ),
       switchMap((buckets: TermBucket[]) => {
         const bucketPromises = buckets.map(async (bucket) => ({
@@ -97,7 +117,7 @@ export class SimpleSearchField implements AbstractSearchField {
     // FieldValue[]
     if (this.getType() === 'values') {
       return of({
-        [this.esFieldName]: (values as FieldValue[]).reduce((acc, val) => {
+        [this.fieldIdentifier]: (values as FieldValue[]).reduce((acc, val) => {
           const value = val.toString()
           if (value !== '') {
             return { ...acc, [value]: true }
@@ -108,13 +128,13 @@ export class SimpleSearchField implements AbstractSearchField {
     }
     // DateRange
     return of({
-      [this.esFieldName]: values[0] !== '' ? values[0] : {},
+      [this.fieldIdentifier]: values[0] !== '' ? values[0] : {},
     })
   }
   getValuesForFilter(
     filters: FieldFilters
   ): Observable<FieldValue[] | FieldValue | DateRange> {
-    const filter = filters[this.esFieldName]
+    const filter = filters[this.fieldIdentifier]
     if (!filter) return of([])
     // filter by expression
     if (typeof filter === 'string') {
@@ -132,6 +152,10 @@ export class SimpleSearchField implements AbstractSearchField {
   getType(): FieldType {
     return 'values'
   }
+
+  clone(): typeof this {
+    return Object.create(this)
+  }
 }
 
 export class TranslatedSearchField extends SimpleSearchField {
@@ -435,6 +459,40 @@ export class DateRangeSearchField extends SimpleSearchField {
   }
 }
 
+// treats a resource's creation/revision dates as an interval (its min and max), so a record matches
+// when that interval intersects the filter range, not just when a single date falls inside it
+export class ResourceCreationRevisionDateSearchField extends DateRangeSearchField {
+  constructor(injector: Injector, order: 'asc' | 'desc' = 'desc') {
+    super('resourceCreationRevisionDate', injector, order)
+    const dateSourceFields = [
+      'creationDateForResource',
+      'revisionDateForResource',
+    ]
+    const collectSortedDates = dateSourceFields
+      .map(
+        (field) => `if (doc.containsKey('${field}')) {
+  for (def date : doc['${field}']) { dates.add(date.millis); }
+}`
+      )
+      .join('\n')
+
+    this.esService.registerRuntimeField(
+      'resourceCreationRevisionDateMin',
+      `def dates = [];
+${collectSortedDates}
+if (dates.length > 0) { dates.sort(null); emit(dates[0]); }`,
+      'date'
+    )
+    this.esService.registerRuntimeField(
+      'resourceCreationRevisionDateMax',
+      `def dates = [];
+${collectSortedDates}
+if (dates.length > 0) { dates.sort(null); emit(dates[dates.length - 1]); }`,
+      'date'
+    )
+  }
+}
+
 export class BoundingBoxSearchField extends SimpleSearchField {
   getAvailableValues(): Observable<FieldAvailableValue[]> {
     return of([])
@@ -442,12 +500,12 @@ export class BoundingBoxSearchField extends SimpleSearchField {
 
   getFiltersForValues(values: FieldValue[]): Observable<FieldFilters> {
     return of({
-      [this.esFieldName]: values.map(Number) as BoundingBox,
+      [this.fieldIdentifier]: values.map(Number) as BoundingBox,
     })
   }
 
   getValuesForFilter(filters: FieldFilters): Observable<FieldValue[]> {
-    const filter = filters[this.esFieldName]
+    const filter = filters[this.fieldIdentifier]
     return of(isBoundingBox(filter) ? filter : [])
   }
 
@@ -565,7 +623,7 @@ export class RecordKindField extends SimpleSearchField {
 
   getFiltersForValues(values: FieldValue[]): Observable<FieldFilters | string> {
     const filters: FieldFilters = {
-      [this.esFieldName]: values.reduce((acc, value) => {
+      [this.fieldIdentifier]: values.reduce((acc, value) => {
         if (value === '') return { ...acc, [value]: true }
 
         const keysToAdd = this.TYPE_MAPPING[value] || [value]
@@ -592,7 +650,7 @@ export class RecordKindField extends SimpleSearchField {
   }
 
   getValuesForFilter(filters: FieldFilters): Observable<FieldValue[]> {
-    const filter = filters[this.esFieldName]
+    const filter = filters[this.fieldIdentifier]
     if (!filter) return of([])
 
     const activeValues = Object.keys(filter).filter((v) => filter[v])

package/src/libs/ui/elements/src/lib/service-capabilities/service-capabilities.component.ts

@@ -128,7 +128,8 @@ export class ServiceCapabilitiesComponent implements OnInit {
       this.loading = true
       this.availableLayers = await getLayers(
         this.apiLinks[0].url.href,
-        this.apiLinks[0].accessServiceProtocol
+        this.apiLinks[0].accessServiceProtocol,
+        true
       )
       this.loading = false
       this.cdr.detectChanges()

package/src/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.html

@@ -83,7 +83,16 @@
 >
   @for (suggestion of suggestions$ | async; track suggestion) {
     <mat-option [value]="suggestion" class="p-2 suggestion text-start">
-      {{ displayWithFnInternal(suggestion) }}
+      @if (displayWithTemplate) {
+        <ng-container
+          *ngTemplateOutlet="
+            displayWithTemplate;
+            context: { $implicit: suggestion }
+          "
+        ></ng-container>
+      } @else {
+        {{ displayWithFnInternal(suggestion) }}
+      }
     </mat-option>
   }
 </mat-autocomplete>

package/src/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.ts

@@ -11,6 +11,7 @@ import {
   OnInit,
   Output,
   SimpleChanges,
+  TemplateRef,
   ViewChild,
   inject,
 } from '@angular/core'
@@ -97,6 +98,13 @@ export class AutocompleteComponent
   @ViewChild(MatAutocompleteTrigger) triggerRef: MatAutocompleteTrigger
   @ViewChild(MatAutocomplete) autocomplete: MatAutocomplete
   @ViewChild('searchInput') inputRef: ElementRef<HTMLInputElement>
+  /**
+   * Custom template to render each suggestion. Takes precedence over
+   * `displayWithFn` when set.
+   */
+  @Input() displayWithTemplate?: TemplateRef<{
+    $implicit: AutocompleteItem
+  }>
 
   searching: boolean
   control = new UntypedFormControl()

package/src/libs/ui/inputs/src/lib/dropdown-multiselect/dropdown-multiselect.component.html

@@ -20,10 +20,13 @@
       </div>
     }
   </div>
-  <button class="h-6 w-6" data-test="dropdown-clear">
+  <button
+    class="h-6 w-6 flex items-center justify-center"
+    data-test="dropdown-clear"
+  >
     @if (hasSelectedChoices && !overlayOpen) {
       <ng-icon
-        class="shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn"
+        class="shrink-0 opacity-40 hover:opacity-80 transition-colors clear-btn"
         (click)="clearSelection($event)"
         name="matClose"
       ></ng-icon>
@@ -61,13 +64,13 @@
     #overlayContainer
   >
     <div
-      class="border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-[2px] flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary"
+      class="border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-1 flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary"
     >
       @for (selected of selectedChoices; track selected) {
         <button
           type="button"
           [title]="selected.label"
-          class="max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity mb-1"
+          class="max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity"
           (click)="select(selected, false)"
         >
           <div class="text-sm truncate leading-[26px] px-2">

package/src/libs/ui/inputs/src/lib/dropdown-multiselect/dropdown-multiselect.component.ts

@@ -24,7 +24,7 @@ import {
   propagateToDocumentOnly,
 } from '../../../../../../libs/util/shared/src'
 import { ButtonComponent } from '../button/button.component'
-import { NgIcon, provideIcons } from '@ng-icons/core'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import { FormsModule } from '@angular/forms'
 import { TranslatePipe } from '@ngx-translate/core'
 
@@ -46,19 +46,22 @@ import {
       matExpandMore,
       matExpandLess,
     }),
+    provideNgIconsConfig({
+      size: '1.5rem',
+    }),
   ],
   standalone: true,
 })
-export class DropdownMultiselectComponent {
+export class DropdownMultiselectComponent<T = unknown> {
   private scrollStrategies = inject(ScrollStrategyOptions)
 
   @Input() title: string
-  @Input() choices: Choice[]
-  @Input() selected: unknown[] = []
+  @Input() choices: Choice<T>[]
+  @Input() selected: T[] = []
   @Input() allowSearch = true
   @Input() maxRows: number
   @Input() searchInputValue = ''
-  @Output() selectValues = new EventEmitter<unknown[]>()
+  @Output() selectValues = new EventEmitter<T[]>()
   @ViewChild('overlayOrigin') overlayOrigin: CdkOverlayOrigin
   @ViewChild(CdkConnectedOverlay) overlay: CdkConnectedOverlay
   @ViewChild('overlayContainer', { read: ElementRef })
@@ -115,7 +118,7 @@ export class DropdownMultiselectComponent {
 
   private setFocus() {
     setTimeout(() => {
-      this.searchFieldInput.nativeElement.focus()
+      this.searchFieldInput?.nativeElement.focus()
     }, 0)
   }
 
@@ -194,18 +197,18 @@ export class DropdownMultiselectComponent {
     this.checkboxes.get(newIndex).nativeElement.focus()
   }
 
-  isSelected(choice: Choice) {
+  isSelected(choice: Choice<T>) {
     return this.selected.indexOf(choice.value) > -1
   }
 
-  select(choice: Choice, selected: boolean) {
+  select(choice: Choice<T>, selected: boolean) {
     this.selected = selected
       ? [...this.selected.filter((v) => v !== choice.value), choice.value]
       : this.selected.filter((v) => v !== choice.value)
     this.selectValues.emit(this.selected)
   }
 
-  toggle(choice: Choice) {
+  toggle(choice: Choice<T>) {
     this.select(choice, !this.isSelected(choice))
   }
 

package/src/libs/ui/inputs/src/lib/dropdown-multiselect/dropdown-multiselect.model.ts

@@ -1,4 +1,4 @@
-export interface Choice {
-  value: unknown
+export interface Choice<T = unknown> {
+  value: T
   label: string
 }

package/src/libs/ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.html

@@ -58,7 +58,7 @@
       [class]="
         (hasSelection
           ? 'border-b-[1px] border-gray-400 pb-[20px]'
-          : 'pb-[8px]') + ' text-black'
+          : 'pb-[12px]') + ' text-black'
       "
     >
       <gn-ui-drag-and-drop-file-input
@@ -68,7 +68,7 @@
         [showFileName]="false"
         textClass="text-black truncate"
         dropzoneBackgroundColor="transparent"
-        icon="iconoirImport"
+        icon="iconoirUpload"
         extraClass="gn-ui-gray-outline-input w-full !h-[32px] px-[8px] py-[4px] justify-between"
         (fileChange)="handleFileSelected($event)"
         (errorChange)="handleFileError($event)"
@@ -79,11 +79,7 @@
     @if (hasSelection) {
       <gn-ui-button
         [type]="'primary-light'"
-        [title]="
-          ('search.filters.spatialExtent.bboxDelete' | translate) +
-          ' ' +
-          fileName
-        "
+        [title]="selectionDeleteLabelKey | translate: selectionLabelParams"
         (buttonClick)="removeSelection($event)"
         extraClass="group gap-x-2 w-full h-[28px] px-[8px] py-[4px] mb-[12px] bg-primary-lighter text-white"
         data-test="spatial-extent-selected-item"
@@ -94,12 +90,10 @@
           size="15px"
         ></ng-icon>
         <span class="group-hover:hidden truncate text-sm m-auto">
-          {{ 'search.filters.spatialExtent.bboxPrefix' | translate }}
-          {{ fileName }}
+          {{ selectionLabelKey | translate: selectionLabelParams }}
         </span>
         <span class="hidden group-hover:block truncate text-sm m-auto">
-          {{ 'search.filters.spatialExtent.bboxDelete' | translate }}
-          {{ fileName }}
+          {{ selectionDeleteLabelKey | translate: selectionLabelParams }}
         </span>
         <ng-icon
           name="iconoirCheckCircle"

package/src/libs/ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.ts

@@ -20,9 +20,9 @@ import { ButtonComponent } from '../button/button.component'
 import { NgIcon, provideIcons } from '@ng-icons/core'
 import {
   iconoirCheckCircle,
-  iconoirImport,
   iconoirSquareDashed,
   iconoirTrash,
+  iconoirUpload,
 } from '@ng-icons/iconoir'
 import {
   matClose,
@@ -35,6 +35,7 @@ import {
   BoundingBox,
   getGeometryBoundingBox,
   getGeometryFromGeoJSON,
+  isBoundingBoxWithinWorldExtent,
   propagateToDocumentOnly,
   readFileAsText,
 } from '../../../../../../libs/util/shared/src'
@@ -46,13 +47,21 @@ import {
 marker('search.filters.spatialExtent.import')
 marker('search.filters.spatialExtent.helpText')
 marker('search.filters.spatialExtent.error.title')
-marker('search.filters.spatialExtent.bboxPrefix')
+marker('search.filters.spatialExtent.error.outOfBounds')
+
+const LABEL_FROM_FILE = marker('search.filters.spatialExtent.bboxFromFile')
+const LABEL_FROM_FILE_DELETE = marker(
+  'search.filters.spatialExtent.bboxFromFileDelete'
+)
+const LABEL_INITIAL = marker('search.filters.spatialExtent.bboxInitial')
+const LABEL_INITIAL_DELETE = marker(
+  'search.filters.spatialExtent.bboxInitialDelete'
+)
 
 export interface SpatialExtentDropdownError {
   key: string
   params?: Record<string, string | number>
 }
-marker('search.filters.spatialExtent.bboxDelete')
 
 @Component({
   selector: 'gn-ui-spatial-extent-dropdown',
@@ -67,9 +76,9 @@ marker('search.filters.spatialExtent.bboxDelete')
   providers: [
     provideIcons({
       iconoirCheckCircle,
-      iconoirImport,
       iconoirSquareDashed,
       iconoirTrash,
+      iconoirUpload,
       matClose,
       matExpandLess,
       matExpandMore,
@@ -85,6 +94,11 @@ export class SpatialExtentDropdownComponent {
 
   @Input() title: string
   @Input() maxFileSizeMb: number | null = null
+  @Input() set initialBbox(value: BoundingBox | null) {
+    if (!this.bbox && value) {
+      this.bbox = value
+    }
+  }
 
   @Output() bboxChange = new EventEmitter<BoundingBox | null>()
   @Output() errorChange = new EventEmitter<SpatialExtentDropdownError>()
@@ -123,6 +137,18 @@ export class SpatialExtentDropdownComponent {
     return !!this.bbox
   }
 
+  get selectionLabelKey() {
+    return this.fileName ? LABEL_FROM_FILE : LABEL_INITIAL
+  }
+
+  get selectionDeleteLabelKey() {
+    return this.fileName ? LABEL_FROM_FILE_DELETE : LABEL_INITIAL_DELETE
+  }
+
+  get selectionLabelParams() {
+    return { fileName: this.fileName }
+  }
+
   openOverlay() {
     this.overlayMinWidth =
       this.overlayOrigin.elementRef.nativeElement.getBoundingClientRect()
@@ -154,6 +180,10 @@ export class SpatialExtentDropdownComponent {
         return
       }
       const bbox = getGeometryBoundingBox(geometry)
+      if (!isBoundingBoxWithinWorldExtent(bbox)) {
+        this.setError(marker('search.filters.spatialExtent.error.outOfBounds'))
+        return
+      }
       this.bbox = bbox
       this.fileName = file.name
       this.bboxChange.emit(bbox)

package/src/libs/ui/layout/src/lib/block-list/block-list.component.css

@@ -3,6 +3,7 @@
 }
 
 :host {
+  display: block;
   position: relative;
 }
 

package/src/libs/ui/map/src/lib/components/map-container/map-container.component.ts

@@ -58,6 +58,8 @@ import { transformExtent } from 'ol/proj.js'
 export const DEFAULT_BASEMAP_LAYER: MapContextLayerMapLibreStyle = {
   type: 'maplibre-style',
   styleUrl: `https://basemaps.cartocdn.com/gl/positron-gl-style/style.json`,
+  clickable: false,
+  hoverable: false,
 }
 
 const DEFAULT_VIEW: MapContextView = {

package/src/libs/util/app-config/src/lib/app-config.ts

@@ -253,6 +253,8 @@ export function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
           'advanced_filters',
           'limit',
           'spatial_extent_max_file_size',
+          'geocoding_provider',
+          'geocoding_provider_options',
         ],
         warnings,
         errors
@@ -265,6 +267,14 @@ export function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
         warnings,
         errors
       )
+      const parsedCustomFilters = parseMultiConfigSection(
+        parsed,
+        'custom_filter',
+        ['name', 'base_filter'],
+        ['exclude_values', 'include_values', 'label_key'],
+        warnings,
+        errors
+      )
       searchConfig =
         parsedSearchSection === null
           ? null
@@ -281,9 +291,21 @@ export function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
                 filters: param.filters,
               })),
               ADVANCED_FILTERS: parsedSearchSection.advanced_filters,
+              CUSTOM_FILTERS: (parsedCustomFilters ?? []).map(
+                (customFilter) => ({
+                  name: customFilter.name,
+                  baseFilter: customFilter.base_filter,
+                  excludeValues: customFilter.exclude_values,
+                  includeValues: customFilter.include_values,
+                  labelKey: customFilter.label_key,
+                })
+              ),
               LIMIT: parsedSearchSection.limit,
               SPATIAL_EXTENT_MAX_FILE_SIZE:
                 parsedSearchSection.spatial_extent_max_file_size,
+              GEOCODING_PROVIDER: parsedSearchSection.geocoding_provider,
+              GEOCODING_PROVIDER_OPTIONS:
+                parsedSearchSection.geocoding_provider_options,
             } as SearchConfig)
 
       const parsedMetadataQualitySection = parseConfigSection(

package/src/libs/util/app-config/src/lib/fixtures.ts

@@ -41,7 +41,22 @@ fonts_stylesheet_url = "https://fonts.googleapis.com/css2?family=Open+Sans"
 record_kind_quick_filter = false
 filter_geometry_url = 'https://my.domain.org/geom.json'
 do_not_use_default_search_preset = false
-advanced_filters = ['publicationYear', 'documentStandard', 'inspireKeyword', 'topic', 'license']
+geocoding_provider = "geoplateforme"
+geocoding_provider_options.category = "administratif"
+geocoding_provider_options.limit = 5
+advanced_filters = ['publicationYear', 'documentStandard', 'inspireKeyword', 'topic', 'license', 'myOrg:firstCustomFilter', 'myOrg:secondCustomFilter']
+
+[[custom_filter]]
+name = 'myOrg:firstCustomFilter'
+base_filter = 'keyword'
+exclude_values = ['my keyword 1', 'my keyword 2']
+label_key = 'myOrg.firstCustomFilter'
+
+[[custom_filter]]
+name = 'myOrg:secondCustomFilter'
+base_filter = 'keyword'
+include_values = ['my keyword 3', 'my keyword 4']
+label_key = 'myOrg.secondCustomFilter'
 
 [[search_preset]]
 sort = "-createDate"
@@ -81,6 +96,23 @@ main_color = "#212029" # All-purpose text color
 background_color = "#fdfbff"
 `
 
+export const customFilterMissingMandatoryConfigFixture = () => `
+[global]
+geonetwork4_api_url = "/geonetwork/srv/api"
+
+[theme]
+primary_color = "#093564"
+secondary_color = "#c2e9dc"
+main_color = "#212029" # All-purpose text color
+background_color = "#fdfbff"
+
+[search]
+advanced_filters = ['myOrg:firstCustomFilter']
+
+[[custom_filter]]
+name = 'myOrg:firstCustomFilter'
+`
+
 export const mapConfigFixture = (): MapConfig => ({
   MAX_ZOOM: 10,
   MAX_EXTENT: [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855],

package/src/libs/util/app-config/src/lib/model.ts

@@ -55,15 +55,28 @@ export interface SearchPreset {
   filters: Record<string, string[] | string>
 }
 
+export type GeocodingProviderName = 'geoadmin' | 'geonames' | 'geoplateforme'
+
+export interface CustomSearchFieldConfig {
+  name: string
+  baseFilter: string
+  excludeValues?: string[]
+  includeValues?: string[]
+  labelKey?: string
+}
+
 export interface SearchConfig {
   RECORD_KIND_QUICK_FILTER?: boolean
   FILTER_GEOMETRY_URL?: string
   FILTER_GEOMETRY_DATA?: string
   DO_NOT_USE_DEFAULT_SEARCH_PRESET?: boolean
   SEARCH_PRESET?: SearchPreset[]
-  ADVANCED_FILTERS?: []
+  ADVANCED_FILTERS?: string[]
+  CUSTOM_FILTERS?: CustomSearchFieldConfig[]
   LIMIT?: number
   SPATIAL_EXTENT_MAX_FILE_SIZE?: number
+  GEOCODING_PROVIDER?: GeocodingProviderName
+  GEOCODING_PROVIDER_OPTIONS?: Record<string, string | number>
 }
 
 export interface MetadataQualityConfig {

package/src/libs/util/shared/src/lib/links/link-utils.ts

@@ -344,7 +344,11 @@ export function getLinkLabel(
   return format ? `${label} (${format})` : label
 }
 
-export async function getLayers(url: string, serviceProtocol: ServiceProtocol) {
+export async function getLayers(
+  url: string,
+  serviceProtocol: ServiceProtocol,
+  deep = false
+) {
   switch (serviceProtocol) {
     case 'ogcFeatures': {
       const layers = await new OgcApiEndpoint(url).allCollections
@@ -352,7 +356,10 @@ export async function getLayers(url: string, serviceProtocol: ServiceProtocol) {
     }
     case 'wfs': {
       const endpointWfs = await new WfsEndpoint(url).isReady()
-      const featureTypes = await endpointWfs.getFeatureTypes()
+      const featureTypes = endpointWfs.getFeatureTypes()
+      if (!deep) {
+        return featureTypes
+      }
       const layers = (
         await Promise.allSettled(
           featureTypes.map((collection) => {
@@ -366,14 +373,16 @@ export async function getLayers(url: string, serviceProtocol: ServiceProtocol) {
     }
     case 'wms': {
       const endpointWms = await new WmsEndpoint(url).isReady()
-      const layers = (
-        await endpointWms
-          .getLayers()
-          .flatMap(wmsLayerFlatten)
-          .filter((l) => l.name)
-      ).map((collection) => {
-        return endpointWms.getLayerByName(collection.name)
-      })
+      const layersSummary = endpointWms
+        .getLayers()
+        .flatMap(wmsLayerFlatten)
+        .filter((l) => l.name)
+      if (!deep) {
+        return layersSummary
+      }
+      const layers = layersSummary.map((collection) =>
+        endpointWms.getLayerByName(collection.name)
+      )
       return layers
     }
     case 'wmts': {

package/src/libs/util/shared/src/lib/utils/geojson.ts

@@ -46,6 +46,22 @@ export function isBoundingBox(value: unknown): value is BoundingBox {
   )
 }
 
+/**
+ * Checks that a bounding box's coordinates stay within the valid
+ * longitude (-180/180) and latitude (-90/90) ranges.
+ */
+export function isBoundingBoxWithinWorldExtent(bbox: BoundingBox): boolean {
+  const [minX, minY, maxX, maxY] = bbox
+  return (
+    minX >= -180 &&
+    maxX <= 180 &&
+    minY >= -90 &&
+    maxY <= 90 &&
+    minX <= maxX &&
+    minY <= maxY
+  )
+}
+
 export function getGeometryBoundingBox(geometry: Geometry): BoundingBox {
   // use the bounding box if specified in the GeoJSON object
   if (geometry.bbox) {