geonetwork-ui 2.6.0-dev.502fa026d → 2.6.0-dev.76a84fb05

package/fesm2022/geonetwork-ui.mjs

@@ -7,17 +7,17 @@ import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import { format } from 'date-fns/format';
 import { Namespace, Literal, lit, parse as parse$2, sym, BlankNode, graph } from 'rdflib';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Directive, Input, HostListener, HostBinding, Component, EventEmitter, ChangeDetectionStrategy, ViewChild, Output, ContentChild, ContentChildren, TemplateRef, Host, ElementRef, ViewChildren, ViewContainerRef, Pipe, ViewEncapsulation, inject } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Directive, Input, HostListener, HostBinding, Component, EventEmitter, ChangeDetectionStrategy, ViewChild, Output, ContentChild, ContentChildren, TemplateRef, Host, ElementRef, ViewChildren, ViewContainerRef, ViewEncapsulation, Pipe, inject } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpClient, HttpClientModule, HTTP_INTERCEPTORS, HttpEventType, HttpClientXsrfModule } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateCompiler, TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, throttleTime, distinctUntilChanged, debounceTime, finalize, first as first$1, share, pairwise, delay, defaultIfEmpty, toArray } from 'rxjs/operators';
+import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, throttleTime, distinctUntilChanged, debounceTime, finalize, delay, first as first$1, share, pairwise, defaultIfEmpty, toArray } from 'rxjs/operators';
 import * as i1$2 from '@angular/common';
-import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgOptimizedImage, DatePipe, NgIf } from '@angular/common';
-import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, timer, takeUntil, EMPTY, mergeMap as mergeMap$1, startWith as startWith$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
+import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgIf, NgClass, NgTemplateOutlet, NgOptimizedImage, DatePipe } from '@angular/common';
+import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, timer, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, startWith as startWith$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
 import { WmtsEndpoint, WmsEndpoint, WfsEndpoint, OgcApiEndpoint, sharedFetch, useCache } from '@camptocamp/ogc-client';
@@ -26,8 +26,8 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import EmblaCarousel from 'embla-carousel';
 import * as i2$2 from '@ng-icons/core';
 import { provideIcons, NgIcon, NgIconComponent, provideNgIconsConfig, NgIconsModule } from '@ng-icons/core';
-import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
-import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowForward, matArrowBack, matCheck, matWarningAmber, matMoreHoriz, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matWarning, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirDatabase, iconoirMap, iconoirInternet, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
+import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowForward, matArrowBack, matCheck, matWarningAmber, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matWarning, matCode, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i1$4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
@@ -41,7 +41,7 @@ import { TagInputModule } from 'ngx-chips';
 import * as i1$5 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import tippy from 'tippy.js';
-import { matErrorOutlineOutline, matInfoOutline, matCloudDownloadOutline, matComputerOutline, matCallOutline, matLocationOnOutline, matMailOutline as matMailOutline$1, matWarningAmberOutline, matCloseOutline, matSendOutline, matMapOutline, matHomeWorkOutline, matSwipeOutline, matLayersOutline, matAddCircleOutlineOutline } from '@ng-icons/material-icons/outline';
+import { matErrorOutlineOutline, matInfoOutline, matComputerOutline, matCallOutline, matLocationOnOutline, matSwipeOutline, matMailOutline as matMailOutline$1, matWarningAmberOutline, matCloseOutline, matLocationSearchingOutline, matEmailOutline, matPhoneOutline, matSendOutline, matMapOutline, matCloudDownloadOutline, matHomeWorkOutline, matLayersOutline, matAddCircleOutlineOutline } from '@ng-icons/material-icons/outline';
 import * as i2 from '@angular/material/core';
 import { MatNativeDateModule, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i1$7 from '@angular/material/checkbox';
@@ -58,11 +58,17 @@ import * as i1$b from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i2$3 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i1$e from '@angular/router';
+import * as i1$d from '@angular/router';
 import { RouterLink, RouterModule, RouteReuseStrategy } from '@angular/router';
 import { marked } from 'marked';
 import Duration from 'duration-relativetimeformat';
 import * as basicLightbox from 'basiclightbox';
+import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, SourceLoadErrorType, computeMapContextDiff, createViewFromLayer } from '@geospatial-sdk/core';
+import { listen, createMapFromContext, applyContextDiffToMap } from '@geospatial-sdk/openlayers';
+import { createLegendFromLayer } from '@geospatial-sdk/legend';
+import { defaults, DragPan, MouseWheelZoom } from 'ol/interaction';
+import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } from 'ol/events/condition';
+import { Polygon } from 'ol/geom';
 import { formatDistance } from 'date-fns/formatDistance';
 import { enUS, sk, pt as pt$1, nl as nl$1, it as it$1, es as es$1, de as de$1, fr as fr$1 } from 'date-fns/locale';
 import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
@@ -72,11 +78,6 @@ import { createEffect, ofType, EffectsModule, Actions } from '@ngrx/effects';
 import { valid as valid$1 } from 'geojson-validation';
 import { trigger, transition, animate, keyframes, style } from '@angular/animations';
 import { queryDataGouvFr, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
-import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, SourceLoadErrorType, computeMapContextDiff, createViewFromLayer } from '@geospatial-sdk/core';
-import { listen, createMapFromContext, applyContextDiffToMap } from '@geospatial-sdk/openlayers';
-import { createLegendFromLayer } from '@geospatial-sdk/legend';
-import { defaults, DragPan, MouseWheelZoom } from 'ol/interaction';
-import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } from 'ol/events/condition';
 import { extend } from 'ol/extent';
 import * as TOML from '@ltd/j-toml';
 import { Style, Fill, Stroke, Circle } from 'ol/style';
@@ -96,9 +97,8 @@ import * as i4 from '@angular/material/paginator';
 import { MatPaginatorIntl, MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import { LetDirective } from '@ngrx/component';
 import axios from 'axios';
-import * as i1$d from '@angular/platform-browser';
+import * as i1$e from '@angular/platform-browser';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
-import { Polygon } from 'ol/geom';
 import * as i4$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatIconModule } from '@angular/material/icon';
@@ -1351,8 +1351,8 @@ function extractServiceOnlineResources() {
         else {
             return {
                 type: 'endpoint',
-                endpointUrl: url,
-                protocol,
+                url: url,
+                accessServiceProtocol: protocol,
                 ...(description && { description }),
                 translations,
             };
@@ -1851,7 +1851,7 @@ function writeLineage$1(record, rootEl) {
     pipe(findNestedChildOrCreate('gmd:dataQualityInfo', 'gmd:DQ_DataQuality', 'gmd:lineage', 'gmd:LI_Lineage', 'gmd:statement'), writeLocalizedCharacterString(record.lineage, record.translations?.lineage, record.defaultLanguage))(rootEl);
 }
 function getServiceEndpointProtocol(endpoint) {
-    switch (endpoint.protocol.toLowerCase()) {
+    switch (endpoint.accessServiceProtocol.toLowerCase()) {
         case 'wfs':
             return 'OGC:WFS';
         case 'wms':
@@ -1859,13 +1859,13 @@ function getServiceEndpointProtocol(endpoint) {
         case 'wps':
             return 'OGC:WPS';
         default:
-            return endpoint.protocol;
+            return endpoint.accessServiceProtocol;
     }
 }
 function createOnlineResource(onlineResource) {
     let linkageUrl, functionCode, protocol;
     if (onlineResource.type === 'endpoint') {
-        linkageUrl = onlineResource.endpointUrl.toString();
+        linkageUrl = onlineResource.url.toString();
         protocol = getServiceEndpointProtocol(onlineResource);
         functionCode = 'download';
     }
@@ -18602,6 +18602,7 @@ var records$6 = "Datensätze";
 var de = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "",
 	"catalog.figures.datasets": "{count, plural, =0{Datensätze} one{Datensatz} other{Datensätze}}",
 	"catalog.figures.organizations": "{count, plural, =0{Organisationen} one{Organisation} other{Organisationen}}",
@@ -18663,7 +18664,6 @@ var de = {
 	"datahub.news.contact.title": "Ein spezielles Bedürfnis?",
 	"datahub.news.feed": "Nachrichtenfeed",
 	"datahub.news.figures": "Indikatoren",
-	"datahub.record.addToFavorites": "Zu Favoriten hinzufügen",
 	"datahub.search.back": "Zurück",
 	"datahub.search.filter.all": "Alle",
 	"datahub.search.filter.generatedByAPI": "Generiert durch eine API",
@@ -18673,6 +18673,7 @@ var de = {
 	"dataset.error.http": "Die Daten konnten aufgrund eines HTTP-Fehlers nicht geladen werden: \"{ info }\"",
 	"dataset.error.network": "Die Daten konnten aufgrund eines Netzwerkfehlers oder CORS-Beschränkungen nicht geladen werden: \"{ info }\"",
 	"dataset.error.parse": "Die Daten wurden geladen, konnten aber nicht gelesen werden: \"{ info }\"",
+	"dataset.error.restrictedAccess": "",
 	"dataset.error.unknown": "Die Daten können nicht angezeigt werden: \"{ info }\"",
 	"dataset.error.unsupportedType": "Der folgende Inhaltstyp wird nicht unterstützt: \"{ info }\"",
 	"domain.contact.role.author": "",
@@ -18833,6 +18834,7 @@ var de = {
 	"editor.record.loadError.body": "Der Datensatz konnte nicht geladen werden:",
 	"editor.record.loadError.closeMessage": "Verstanden",
 	"editor.record.loadError.title": "Fehler beim Laden des Datensatzes",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -18892,7 +18894,6 @@ var de = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Katalanisch",
@@ -18932,6 +18933,7 @@ var de = {
 	"map.wms.urlInput.hint": "Geben Sie die WMS URL ein",
 	"multiselect.filter.placeholder": "Suche",
 	"nav.back": "Zurück",
+	"navbar.mobile.menuTitle": "Schnellzugriff",
 	next: next$6,
 	"ogc.unreachable.unknown": "Der Dienst konnte nicht erreicht werden",
 	"organisation.filter.placeholder": "Ergebnisse filtern",
@@ -18955,8 +18957,13 @@ var de = {
 	"record.action.duplicating": "",
 	"record.action.rollback": "",
 	"record.action.view": "Anzeigen",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.feature.limit": "Die Vorschau wurde aufgrund zu vieler Elemente deaktiviert",
+	"record.kind.data": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "Beschreibung",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Schließen",
@@ -18990,6 +18997,7 @@ var de = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "Katalog",
 	"record.metadata.contact": "Kontakt",
 	"record.metadata.creation": "Erstellungsdatum",
@@ -19026,11 +19034,12 @@ var de = {
 	"record.metadata.quality.updateFrequency.failed": "Aktualisierungsfrequenz nicht angegeben",
 	"record.metadata.quality.updateFrequency.success": "Aktualisierungsfrequenz angegeben",
 	"record.metadata.related": "Ähnliche Datensätze",
+	"record.metadata.related.contents": "",
+	"record.metadata.ressources.and.links": "Ressourcen und Links",
 	"record.metadata.sheet": "Weitere Informationen verfügbar unter:",
 	"record.metadata.status": "Status",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "Technische Informationen",
 	"record.metadata.temporalExtent": "Zeitlicher Umfang",
 	"record.metadata.temporalExtent.fromDateToDate": "Von {start} bis {end}",
 	"record.metadata.temporalExtent.sinceDate": "Seit {start}",
@@ -19067,6 +19076,7 @@ var de = {
 	"results.sortBy.popularity": "Beliebtheit",
 	"results.sortBy.qualityScore": "Qualitätsbewertung",
 	"results.sortBy.relevancy": "Relevanz",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "Vorschläge konnten nicht abgerufen werden:",
 	"search.error.couldNotReachApi": "Die API konnte nicht erreicht werden",
 	"search.error.organizationHasNoDataset": "",
@@ -19116,6 +19126,26 @@ var de = {
 	"search.filters.useSpatialFilter": "Zuerst Datensätze im Interessenbereich anzeigen",
 	"search.filters.useSpatialFilterHelp": "Wenn diese Option aktiviert ist, werden Datensätze im Bereich des Katalogs zuerst angezeigt. Datensätze außerhalb dieses Bereichs werden nicht angezeigt.",
 	"search.filters.user": "Editor",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "Teilen",
 	"share.tab.webComponent": "Integrieren",
 	"table.loading.data": "Daten werden geladen...",
@@ -19148,6 +19178,7 @@ var records$5 = "datasets";
 var en = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "Log in",
 	"catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
 	"catalog.figures.organizations": "{count, plural, =0{organizations} one{organization} other{organizations}}",
@@ -19209,16 +19240,16 @@ var en = {
 	"datahub.news.contact.title": "A specific need?",
 	"datahub.news.feed": "News feed",
 	"datahub.news.figures": "Indicators",
-	"datahub.record.addToFavorites": "Add to favorites",
 	"datahub.search.back": "Back",
 	"datahub.search.filter.all": "All",
 	"datahub.search.filter.generatedByAPI": "Generated by an API",
-	"datahub.search.filter.generatedByWfs": "",
+	"datahub.search.filter.generatedByWfs": "Generated by a WFS",
 	"datahub.search.filter.others": "Others",
 	"dataset.error.forbidden": "Access to this resource is restricted",
 	"dataset.error.http": "The data could not be loaded because of an HTTP error: \"{ info }\"",
 	"dataset.error.network": "The data could not be loaded because of a network error or CORS limitations: \"{ info }\"",
 	"dataset.error.parse": "The data was loaded but could not be parsed: \"{ info }\"",
+	"dataset.error.restrictedAccess": "Access to this resource is restricted",
 	"dataset.error.unknown": "The data cannot be displayed: \"{ info }\"",
 	"dataset.error.unsupportedType": "The following content type is unsupported: \"{ info }\"",
 	"domain.contact.role.author": "Author",
@@ -19379,6 +19410,7 @@ var en = {
 	"editor.record.loadError.body": "The dataset could not be loaded:",
 	"editor.record.loadError.closeMessage": "Understood",
 	"editor.record.loadError.title": "Error loading dataset",
+	"editor.record.lock.format": "Record with the format 'service' or 'reuse' are not editable",
 	"editor.record.lock.reason": "You are not an editor of the allowed groups",
 	"editor.record.onlineResource.protocol.other": "Other",
 	"editor.record.onlineResourceError.body": "An error happened while adding the resource:",
@@ -19438,7 +19470,6 @@ var en = {
 	"input.image.dropFileLabel": "or drop it here",
 	"input.image.selectFileLabel": "Select an image",
 	"input.image.uploadErrorLabel": "The image could not be uploaded",
-	"input.image.uploadErrorRetry": "Retry",
 	"input.image.uploadProgressCancel": "Cancel",
 	"input.image.uploadProgressLabel": "Upload in progress...",
 	"language.ca": "Catalan",
@@ -19478,6 +19509,7 @@ var en = {
 	"map.wms.urlInput.hint": "Enter WMS service URL",
 	"multiselect.filter.placeholder": "Search",
 	"nav.back": "Back",
+	"navbar.mobile.menuTitle": "Quick access",
 	next: next$5,
 	"ogc.unreachable.unknown": "The service could not be reached",
 	"organisation.filter.placeholder": "Filter results",
@@ -19501,8 +19533,13 @@ var en = {
 	"record.action.duplicating": "Duplicating...",
 	"record.action.rollback": "Rollback",
 	"record.action.view": "View",
+	"record.card.metadata.contact": "Metadata Contact",
 	"record.externalViewer.open": "Open in the external map viewer",
 	"record.feature.limit": "Preview disabled due to too many elements",
+	"record.kind.data": "Data",
+	"record.kind.dataset": "Dataset",
+	"record.kind.reuse": "Reuse",
+	"record.kind.service": "Service",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Close",
@@ -19536,6 +19573,7 @@ var en = {
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Dropdown for selecting a geographic zone",
 	"record.metadata.api.gpfdl": "Data download",
+	"record.metadata.capabilities": "Service capabilities",
 	"record.metadata.catalog": "Catalog",
 	"record.metadata.contact": "Contact",
 	"record.metadata.creation": "Date of creation",
@@ -19572,11 +19610,12 @@ var en = {
 	"record.metadata.quality.updateFrequency.failed": "Update frequency is not specified",
 	"record.metadata.quality.updateFrequency.success": "Update frequency is specified",
 	"record.metadata.related": "Related datasets",
+	"record.metadata.related.contents": "Related content",
+	"record.metadata.ressources.and.links": "Resources and links",
 	"record.metadata.sheet": "Original metadata",
 	"record.metadata.status": "Status",
 	"record.metadata.status.notPublished": "Not published",
 	"record.metadata.status.published": "Published",
-	"record.metadata.technical": "Technical information",
 	"record.metadata.temporalExtent": "Temporal extent",
 	"record.metadata.temporalExtent.fromDateToDate": "From { start } to { end }",
 	"record.metadata.temporalExtent.sinceDate": "Since { start }",
@@ -19613,6 +19652,7 @@ var en = {
 	"results.sortBy.popularity": "Popularity",
 	"results.sortBy.qualityScore": "Quality score",
 	"results.sortBy.relevancy": "Relevancy",
+	"reuse.metadata.access": "Access the reuse",
 	"search.autocomplete.error": "Suggestions could not be fetched:",
 	"search.error.couldNotReachApi": "The API could not be reached",
 	"search.error.organizationHasNoDataset": "This organization has no dataset yet.",
@@ -19662,6 +19702,26 @@ var en = {
 	"search.filters.useSpatialFilter": "Show datasets in the area of interest first",
 	"search.filters.useSpatialFilterHelp": "When this is enabled, datasets situated in the catalog's area of interest are shown first; records outside of this area will not show up.",
 	"search.filters.user": "Editor",
+	"service.metadata.capabilities": "Technical information",
+	"service.metadata.capabilities.abstract": "Abstract",
+	"service.metadata.capabilities.attribution": "Attribution",
+	"service.metadata.capabilities.availableCrs": "Available CRS",
+	"service.metadata.capabilities.defaultCrs": "Default CRS",
+	"service.metadata.capabilities.geometryName": "Geometry name",
+	"service.metadata.capabilities.geometryType": "Geometry type",
+	"service.metadata.capabilities.keywords": "Keywords",
+	"service.metadata.capabilities.name": "Name",
+	"service.metadata.capabilities.objectCount": "Object count",
+	"service.metadata.capabilities.otherCrs": "Other CRS",
+	"service.metadata.capabilities.outputFormats": "Output formats",
+	"service.metadata.capabilities.resourceLinks": "Resource links",
+	"service.metadata.capabilities.title": "Title",
+	"service.metadata.filter": "Layers will be filtered by title and abstract",
+	"service.metadata.filter.noLayers": "No layer matches your search",
+	"service.metadata.other": "Other information",
+	"service.metadata.question": "Ask a question",
+	"service.metadata.search": "Search through the layer list",
+	"service.metadata.spatialExtent": "Spatial extent",
 	"share.tab.permalink": "Share",
 	"share.tab.webComponent": "Integrate",
 	"table.loading.data": "Loading data...",
@@ -19694,6 +19754,7 @@ var records$4 = "";
 var es = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "",
 	"catalog.figures.datasets": "conjuntos de datos",
 	"catalog.figures.organizations": "organizaciones",
@@ -19755,7 +19816,6 @@ var es = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
-	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
@@ -19765,6 +19825,7 @@ var es = {
 	"dataset.error.http": "",
 	"dataset.error.network": "",
 	"dataset.error.parse": "",
+	"dataset.error.restrictedAccess": "",
 	"dataset.error.unknown": "",
 	"dataset.error.unsupportedType": "",
 	"domain.contact.role.author": "",
@@ -19925,6 +19986,7 @@ var es = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -19984,7 +20046,6 @@ var es = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Catalán",
@@ -20024,6 +20085,7 @@ var es = {
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
+	"navbar.mobile.menuTitle": "Acceso rápido",
 	next: next$4,
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
@@ -20047,8 +20109,13 @@ var es = {
 	"record.action.duplicating": "",
 	"record.action.rollback": "",
 	"record.action.view": "",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.data": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
 	"record.metadata.api.form.closeButton": "",
@@ -20082,6 +20149,7 @@ var es = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -20118,11 +20186,12 @@ var es = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
+	"record.metadata.related.contents": "",
+	"record.metadata.ressources.and.links": "Recursos y enlaces",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "",
 	"record.metadata.temporalExtent": "",
 	"record.metadata.temporalExtent.fromDateToDate": "",
 	"record.metadata.temporalExtent.sinceDate": "",
@@ -20159,6 +20228,7 @@ var es = {
 	"results.sortBy.popularity": "",
 	"results.sortBy.qualityScore": "",
 	"results.sortBy.relevancy": "",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
 	"search.error.organizationHasNoDataset": "",
@@ -20208,6 +20278,26 @@ var es = {
 	"search.filters.useSpatialFilter": "",
 	"search.filters.useSpatialFilterHelp": "",
 	"search.filters.user": "",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "",
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
@@ -20240,6 +20330,7 @@ var records$3 = "Enregistrements";
 var fr = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "Se connecter",
 	"catalog.figures.datasets": "{count, plural, =0{données} one{donnée} other{données}}",
 	"catalog.figures.organizations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
@@ -20301,7 +20392,6 @@ var fr = {
 	"datahub.news.contact.title": "Un besoin spécifique ?",
 	"datahub.news.feed": "Fil d'activité",
 	"datahub.news.figures": "Quelques chiffres",
-	"datahub.record.addToFavorites": "Ajouter aux favoris",
 	"datahub.search.back": "Retour",
 	"datahub.search.filter.all": "Tous",
 	"datahub.search.filter.generatedByAPI": "généré par une API",
@@ -20311,6 +20401,7 @@ var fr = {
 	"dataset.error.http": "Le chargement des données a échoué en raison d'une erreur HTTP: \"{ info }\"",
 	"dataset.error.network": "Le chargement des données a échoué en raison d'une erreur réseau ou de limitations CORS: \"{ info }\"",
 	"dataset.error.parse": "Les données ont été chargées mais leur décodage a échoué: \"{ info }\"",
+	"dataset.error.restrictedAccess": "L’accès à cette ressource est restreint",
 	"dataset.error.unknown": "Les données ne peuvent être affichées: \"{ info }\"",
 	"dataset.error.unsupportedType": "Le type de contenu suivant n'est pas pris en charge: \"{ info }\"",
 	"domain.contact.role.author": "Auteur",
@@ -20471,6 +20562,7 @@ var fr = {
 	"editor.record.loadError.body": "Le jeu de données n'a pas pu être chargé :",
 	"editor.record.loadError.closeMessage": "Compris",
 	"editor.record.loadError.title": "Erreur lors du chargement",
+	"editor.record.lock.format": "Les jeux de données de type 'service' et 'reuse' ne sont pas éditables",
 	"editor.record.lock.reason": "Vous n'êtes pas éditeur d'un des groupes autorisés.",
 	"editor.record.onlineResource.protocol.other": "Autre",
 	"editor.record.onlineResourceError.body": "Une erreur est survenue lors de l'ajout de la ressource :",
@@ -20530,7 +20622,6 @@ var fr = {
 	"input.image.dropFileLabel": "ou glissez-la ici",
 	"input.image.selectFileLabel": "Sélectionnez une image",
 	"input.image.uploadErrorLabel": "L'image n'a pas pu être chargée",
-	"input.image.uploadErrorRetry": "Réessayer",
 	"input.image.uploadProgressCancel": "Annuler",
 	"input.image.uploadProgressLabel": "Chargement en cours...",
 	"language.ca": "Catalan",
@@ -20570,6 +20661,7 @@ var fr = {
 	"map.wms.urlInput.hint": "Entrez l'URL du service WMS",
 	"multiselect.filter.placeholder": "Rechercher",
 	"nav.back": "Retour",
+	"navbar.mobile.menuTitle": "Navigation rapide",
 	next: next$3,
 	"ogc.unreachable.unknown": "Le service n'est pas accessible",
 	"organisation.filter.placeholder": "Filtrer les résultats",
@@ -20593,9 +20685,14 @@ var fr = {
 	"record.action.duplicating": "Duplication...",
 	"record.action.rollback": "Restaurer",
 	"record.action.view": "Voir",
+	"record.card.metadata.contact": "Contact de la métadonnée ",
 	"record.externalViewer.open": "Ouvrir dans le visualiseur externe",
 	"record.feature.limit": "L’aperçu a été désactivé en raison d’un trop grand nombre d'éléments",
-	"record.metadata.about": "Description",
+	"record.kind.data": "Donnée",
+	"record.kind.dataset": "Donnée",
+	"record.kind.reuse": "Réutilisation",
+	"record.kind.service": "Service",
+	"record.metadata.about": "A propos",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Fermer",
 	"record.metadata.api.form.closeForm": "Fermer le panneau de personnalisation",
@@ -20628,6 +20725,7 @@ var fr = {
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Menu déroulant pour sélectionner une zone géographique",
 	"record.metadata.api.gpfdl": "Téléchargement",
+	"record.metadata.capabilities": "Capacités du service",
 	"record.metadata.catalog": "Catalogue",
 	"record.metadata.contact": "Contact",
 	"record.metadata.creation": "Date de création",
@@ -20637,7 +20735,7 @@ var fr = {
 	"record.metadata.keywords": "Mots-clés",
 	"record.metadata.languages": "Langues",
 	"record.metadata.lastUpdate": "Mis à jour le {date}",
-	"record.metadata.links": "Liens",
+	"record.metadata.links": "Ressources & liens",
 	"record.metadata.noUsage": "Aucune condition d'utilisation spécifiée pour ces données",
 	"record.metadata.otherConstraints": "Limitations d'usage",
 	"record.metadata.owner": "Catalogue d'origine",
@@ -20664,11 +20762,12 @@ var fr = {
 	"record.metadata.quality.updateFrequency.failed": "La fréquence de mise à jour n'est pas renseignée",
 	"record.metadata.quality.updateFrequency.success": "La fréquence de mise à jour est renseignée",
 	"record.metadata.related": "Voir aussi",
+	"record.metadata.related.contents": "Contenu associé",
+	"record.metadata.ressources.and.links": "Ressources et liens",
 	"record.metadata.sheet": "Fiche de métadonnées d'origine",
 	"record.metadata.status": "Statut",
 	"record.metadata.status.notPublished": "Non publié",
 	"record.metadata.status.published": "Publié",
-	"record.metadata.technical": "Informations techniques",
 	"record.metadata.temporalExtent": "Étendue temporelle",
 	"record.metadata.temporalExtent.fromDateToDate": "Du { start } au { end }",
 	"record.metadata.temporalExtent.sinceDate": "Depuis le { start }",
@@ -20705,6 +20804,7 @@ var fr = {
 	"results.sortBy.popularity": "Popularité",
 	"results.sortBy.qualityScore": "Indicateur de qualité",
 	"results.sortBy.relevancy": "Pertinence",
+	"reuse.metadata.access": "Accéder à la réutilisation",
 	"search.autocomplete.error": "Les suggestions ne peuvent pas être récupérées",
 	"search.error.couldNotReachApi": "Problème de connexion à l'API",
 	"search.error.organizationHasNoDataset": "Cette organisation n'a pas encore de données.",
@@ -20754,6 +20854,26 @@ var fr = {
 	"search.filters.useSpatialFilter": "Mettre en avant les résultats sur la zone d'intérêt",
 	"search.filters.useSpatialFilterHelp": "Si cette option est activée, les jeux de données portant sur la zone d'intérêt du catalogue seront montrés en premier; les jeux de données situés en dehors de cette zone n'apparaîtront pas dans les résultats.",
 	"search.filters.user": "Éditeur",
+	"service.metadata.capabilities": "Informations techniques",
+	"service.metadata.capabilities.abstract": "Description",
+	"service.metadata.capabilities.attribution": "Attribution",
+	"service.metadata.capabilities.availableCrs": "CRS disponibles",
+	"service.metadata.capabilities.defaultCrs": "CRS par défaut",
+	"service.metadata.capabilities.geometryName": "Nom de la géométrie",
+	"service.metadata.capabilities.geometryType": "Type de géométrie",
+	"service.metadata.capabilities.keywords": "Mots-clés",
+	"service.metadata.capabilities.name": "Nom",
+	"service.metadata.capabilities.objectCount": "Nombre d'objets",
+	"service.metadata.capabilities.otherCrs": "Autres CRS",
+	"service.metadata.capabilities.outputFormats": "Formats de sortie",
+	"service.metadata.capabilities.resourceLinks": "Liens vers les ressources",
+	"service.metadata.capabilities.title": "Titre",
+	"service.metadata.filter": "Les couches seront filtrées par titre et description",
+	"service.metadata.filter.noLayers": "Aucune couche ne correspond à votre recherche",
+	"service.metadata.other": "Autres informations",
+	"service.metadata.question": "Poser une question",
+	"service.metadata.search": "Rechercher dans la liste des couches",
+	"service.metadata.spatialExtent": "Etendue spatiale",
 	"share.tab.permalink": "Partager",
 	"share.tab.webComponent": "Intégrer",
 	"table.loading.data": "Chargement des données...",
@@ -20786,6 +20906,7 @@ var records$2 = "record";
 var it = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "Login",
 	"catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
 	"catalog.figures.organizations": "{count, plural, =0{organizzazioni} one{organizzazione} other{organizzazioni}}",
@@ -20847,7 +20968,6 @@ var it = {
 	"datahub.news.contact.title": "Ha un bisogno specifico?",
 	"datahub.news.feed": "Feed di attività",
 	"datahub.news.figures": "Alcune figure",
-	"datahub.record.addToFavorites": "Aggiungere a miei preferiti",
 	"datahub.search.back": "Ritorna",
 	"datahub.search.filter.all": "Tutti",
 	"datahub.search.filter.generatedByAPI": "generato da un'API",
@@ -20857,6 +20977,7 @@ var it = {
 	"dataset.error.http": "Il caricamento dei dati non è riuscito a causa di un errore HTTP: \"{info}\"",
 	"dataset.error.network": "Il caricamento dei dati non è riuscito a causa di un errore di rete o di limitazioni CORS: \"{info}\"",
 	"dataset.error.parse": "I dati sono stati caricati ma la decodifica non è riuscita: \"{info}\"",
+	"dataset.error.restrictedAccess": "",
 	"dataset.error.unknown": "Impossibile visualizzare i dati: \"{info}\"",
 	"dataset.error.unsupportedType": "Il seguente tipo di contenuto non è supportato: \"{info}\"",
 	"domain.contact.role.author": "Autore",
@@ -21017,6 +21138,7 @@ var it = {
 	"editor.record.loadError.body": "Impossibile caricare il dataset:",
 	"editor.record.loadError.closeMessage": "Capito",
 	"editor.record.loadError.title": "Errore durante il caricamento",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "Non è un editore di uno dei gruppi autorizzati",
 	"editor.record.onlineResource.protocol.other": "Altro",
 	"editor.record.onlineResourceError.body": "Ha successo un'errore durante l'aggiunta della risorsa:",
@@ -21076,7 +21198,6 @@ var it = {
 	"input.image.dropFileLabel": "oppure trascinalo qui",
 	"input.image.selectFileLabel": "Seleziona un'immagine",
 	"input.image.uploadErrorLabel": "Impossibile caricare l'immagine",
-	"input.image.uploadErrorRetry": "Riprova",
 	"input.image.uploadProgressCancel": "Annulla",
 	"input.image.uploadProgressLabel": "Caricamento...",
 	"language.ca": "Catalano",
@@ -21116,6 +21237,7 @@ var it = {
 	"map.wms.urlInput.hint": "Inserisci URL del servizio WMS",
 	"multiselect.filter.placeholder": "Cerca",
 	"nav.back": "Indietro",
+	"navbar.mobile.menuTitle": "",
 	next: next$2,
 	"ogc.unreachable.unknown": "Il servizio non è accessibile",
 	"organisation.filter.placeholder": "Filtra i risultati",
@@ -21139,8 +21261,13 @@ var it = {
 	"record.action.duplicating": "Duplicazione",
 	"record.action.rollback": "Annulla",
 	"record.action.view": "Visualizza",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "Aprire nel visualizzatore esterno",
 	"record.feature.limit": "La visualizzazione è stata disabilitata a causa di troppi elementi ",
+	"record.kind.data": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "Descrizione",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Chiude",
@@ -21174,6 +21301,7 @@ var it = {
 	"record.metadata.api.form.zoneTitle": "Zona",
 	"record.metadata.api.form.zoneTooltip": "Menu a discesa per selezionare una zona geografica",
 	"record.metadata.api.gpfdl": "Scarica",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "Catalogo",
 	"record.metadata.contact": "Contatto",
 	"record.metadata.creation": "Data di creazione",
@@ -21210,11 +21338,12 @@ var it = {
 	"record.metadata.quality.updateFrequency.failed": "La frequenza di aggiornamento non è specificata",
 	"record.metadata.quality.updateFrequency.success": "La frequenza di aggiornamento è specificata",
 	"record.metadata.related": "Vedi anche",
+	"record.metadata.related.contents": "",
+	"record.metadata.ressources.and.links": "Risorse e collegamenti",
 	"record.metadata.sheet": "Origine del metadata",
 	"record.metadata.status": "Stato",
 	"record.metadata.status.notPublished": "Non pubblicato",
 	"record.metadata.status.published": "Pubblicato",
-	"record.metadata.technical": "Informazioni tecniche",
 	"record.metadata.temporalExtent": "Periodo di tempo",
 	"record.metadata.temporalExtent.fromDateToDate": "Da {start} a {end}",
 	"record.metadata.temporalExtent.sinceDate": "Dal {start}",
@@ -21251,6 +21380,7 @@ var it = {
 	"results.sortBy.popularity": "Popolarità",
 	"results.sortBy.qualityScore": "Indicatore di qualità",
 	"results.sortBy.relevancy": "Rilevanza",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "Impossibile recuperare le suggerimenti",
 	"search.error.couldNotReachApi": "Problema di connessione all'API",
 	"search.error.organizationHasNoDataset": "Questa organizzazione non ha ancora dati.",
@@ -21300,6 +21430,26 @@ var it = {
 	"search.filters.useSpatialFilter": "Evidenzia i risultati nell'area di interesse",
 	"search.filters.useSpatialFilterHelp": "Se attivata, le schede relative all'area di interesse del catalogo saranno mostrate per prime; le schede al di fuori di questa area non appariranno nei risultati.",
 	"search.filters.user": "Editore",
+	"service.metadata.capabilities": "Informazioni tecniche",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "Condividere",
 	"share.tab.webComponent": "Incorporare",
 	"table.loading.data": "Caricamento dei dati...",
@@ -21317,7 +21467,6 @@ var it = {
 	"tooltip.url.open": "Aprire l'URL",
 	"ui.readLess": "Ridurre",
 	"ui.readMore": "Leggere di più",
-	"wfs.aggregations.notsupported": "Aggregazioni non supportate per i servizi WFS",
 	"wfs.feature.limit": "Troppi oggetti per visualizzare il WFS layer!",
 	"wfs.featuretype.notfound": "La classe di oggetto non è stata trovata nel servizio",
 	"wfs.geojsongml.notsupported": "Il servizio non supporta il formato GeoJSON o GML",
@@ -21333,6 +21482,7 @@ var records$1 = "";
 var nl = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "",
 	"catalog.figures.datasets": "datasets",
 	"catalog.figures.organizations": "organisaties",
@@ -21394,7 +21544,6 @@ var nl = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
-	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
@@ -21404,6 +21553,7 @@ var nl = {
 	"dataset.error.http": "",
 	"dataset.error.network": "",
 	"dataset.error.parse": "",
+	"dataset.error.restrictedAccess": "",
 	"dataset.error.unknown": "",
 	"dataset.error.unsupportedType": "",
 	"domain.contact.role.author": "",
@@ -21564,6 +21714,7 @@ var nl = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -21623,7 +21774,6 @@ var nl = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Catalaans",
@@ -21663,6 +21813,7 @@ var nl = {
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
+	"navbar.mobile.menuTitle": "",
 	next: next$1,
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
@@ -21686,8 +21837,13 @@ var nl = {
 	"record.action.duplicating": "",
 	"record.action.rollback": "",
 	"record.action.view": "",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.data": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
 	"record.metadata.api.form.closeButton": "",
@@ -21721,6 +21877,7 @@ var nl = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -21757,11 +21914,12 @@ var nl = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
+	"record.metadata.related.contents": "",
+	"record.metadata.ressources.and.links": "Bronnen en links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "",
 	"record.metadata.temporalExtent": "",
 	"record.metadata.temporalExtent.fromDateToDate": "",
 	"record.metadata.temporalExtent.sinceDate": "",
@@ -21798,6 +21956,7 @@ var nl = {
 	"results.sortBy.popularity": "",
 	"results.sortBy.qualityScore": "",
 	"results.sortBy.relevancy": "",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
 	"search.error.organizationHasNoDataset": "",
@@ -21847,6 +22006,26 @@ var nl = {
 	"search.filters.useSpatialFilter": "",
 	"search.filters.useSpatialFilterHelp": "",
 	"search.filters.user": "",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "",
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
@@ -21879,6 +22058,7 @@ var records = "";
 var pt = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "",
 	"catalog.figures.datasets": "conjuntos de dados",
 	"catalog.figures.organizations": "organizações",
@@ -21940,7 +22120,6 @@ var pt = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
-	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
@@ -21950,6 +22129,7 @@ var pt = {
 	"dataset.error.http": "",
 	"dataset.error.network": "",
 	"dataset.error.parse": "",
+	"dataset.error.restrictedAccess": "",
 	"dataset.error.unknown": "",
 	"dataset.error.unsupportedType": "",
 	"domain.contact.role.author": "",
@@ -22110,6 +22290,7 @@ var pt = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -22169,7 +22350,6 @@ var pt = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Catalão",
@@ -22209,6 +22389,7 @@ var pt = {
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
+	"navbar.mobile.menuTitle": "",
 	next: next,
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
@@ -22232,8 +22413,13 @@ var pt = {
 	"record.action.duplicating": "",
 	"record.action.rollback": "",
 	"record.action.view": "",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.data": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
 	"record.metadata.api.form.closeButton": "",
@@ -22267,6 +22453,7 @@ var pt = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -22303,11 +22490,12 @@ var pt = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
+	"record.metadata.related.contents": "",
+	"record.metadata.ressources.and.links": "Recursos e links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "",
 	"record.metadata.temporalExtent": "",
 	"record.metadata.temporalExtent.fromDateToDate": "",
 	"record.metadata.temporalExtent.sinceDate": "",
@@ -22344,6 +22532,7 @@ var pt = {
 	"results.sortBy.popularity": "",
 	"results.sortBy.qualityScore": "",
 	"results.sortBy.relevancy": "",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
 	"search.error.organizationHasNoDataset": "",
@@ -22393,6 +22582,26 @@ var pt = {
 	"search.filters.useSpatialFilter": "",
 	"search.filters.useSpatialFilterHelp": "",
 	"search.filters.user": "",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "",
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
@@ -22696,6 +22905,10 @@ class Gn4FieldMapper {
             const url = getAsUrl(selectFallback(selectTranslatedField(sourceLink, 'urlObject', this.lang3), selectField(sourceLink, 'url')));
             const name = selectFallback(selectTranslatedField(sourceLink, 'nameObject', this.lang3), selectField(sourceLink, 'name'));
             const description = selectFallback(selectTranslatedField(sourceLink, 'descriptionObject', this.lang3), selectField(sourceLink, 'description'));
+            const descriptionLink = selectField(sourceLink, 'descriptionObject');
+            const accessRestricted = descriptionLink &&
+                'link' in descriptionLink &&
+                descriptionLink.link.toString().includes('#MD_RestrictionCode_restricted');
             // no url: fail early
             if (url === null) {
                 // TODO: collect errors at the record level?
@@ -22718,6 +22931,7 @@ class Gn4FieldMapper {
                         type,
                         url: url,
                         accessServiceProtocol,
+                        accessRestricted: accessRestricted,
                     };
                 case 'link':
                     return {
@@ -22736,8 +22950,8 @@ class Gn4FieldMapper {
                     return {
                         ...distribution,
                         type,
-                        endpointUrl: url,
-                        protocol: accessServiceProtocol,
+                        url: url,
+                        accessServiceProtocol: accessServiceProtocol,
                     };
             }
         };
@@ -23133,14 +23347,6 @@ class ElasticsearchService {
     }
     mustNotFilters() {
         return [
-            {
-                ...this.queryFilterOnValues('resourceType', [
-                    'service',
-                    'map',
-                    'map/static',
-                    'mapDigital',
-                ]),
-            },
             {
                 query_string: {
                     query: 'resourceType:featureCatalog AND !resourceType:dataset AND !cl_level.key:dataset',
@@ -23239,7 +23445,7 @@ class ElasticsearchService {
                     must_not: this.mustNotFilters(),
                 },
             },
-            _source: ['resourceTitleObject', 'uuid'],
+            _source: ['resourceTitleObject', 'uuid', 'resourceType'],
             from: 0,
             size: 20,
         };
@@ -24765,7 +24971,7 @@ const FORMATS = {
     csv: {
         extensions: ['csv'],
         priority: 1,
-        color: '#a6d6c0',
+        color: '#F6A924',
         mimeTypes: ['text/csv', 'application/csv'],
     },
     excel: {
@@ -24777,7 +24983,7 @@ const FORMATS = {
             'openxmlformats-officedocument',
         ],
         priority: 2,
-        color: '#acc5e4',
+        color: '#FFDE10',
         mimeTypes: [
             'application/vnd.ms-excel',
             'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
@@ -24786,31 +24992,31 @@ const FORMATS = {
     geojson: {
         extensions: ['geojson'],
         priority: 3,
-        color: '#b3cde8',
+        color: '#293C6F',
         mimeTypes: ['application/geo+json', 'application/vnd.geo+json'],
     },
     json: {
         extensions: ['json'],
         priority: 3,
-        color: '#b3cde8',
+        color: '#84D0F0',
         mimeTypes: ['application/json'],
     },
     shp: {
         extensions: ['shp', 'shape', 'zipped-shapefile'],
         priority: 4,
-        color: '#b2d8ba',
+        color: '#009036',
         mimeTypes: ['x-gis/x-shapefile'],
     },
     gml: {
         extensions: ['gml'],
         priority: 5,
-        color: '#e3b3e5',
+        color: '#E75113',
         mimeTypes: ['application/gml+xml', 'text/xml; subtype=gml'],
     },
     kml: {
         extensions: ['kml', 'kmz'],
         priority: 6,
-        color: '#c1e6a0',
+        color: '#F4B5D0',
         mimeTypes: [
             'application/vnd.google-earth.kml+xml',
             'application/vnd.google-earth.kmz',
@@ -24819,55 +25025,55 @@ const FORMATS = {
     gpkg: {
         extensions: ['gpkg', 'geopackage'],
         priority: 7,
-        color: '#f7cce6',
+        color: '#7D5D9F',
         mimeTypes: ['application/geopackage+sqlite3'],
     },
     zip: {
         extensions: ['zip', 'tar.gz'],
         priority: 8,
-        color: '#ffe7a3',
+        color: '#B0CB52',
         mimeTypes: ['application/zip', 'application/x-zip'],
     },
     pdf: {
         extensions: ['pdf'],
         priority: 9,
-        color: '#f5b2a3',
+        color: '#49579E',
         mimeTypes: ['application/pdf'],
     },
     jpg: {
         extensions: ['jpg', 'jpeg', 'jfif', 'pjpeg', 'pjp'],
         priority: 9,
-        color: '#d1c1e9',
+        color: '#C4A98F',
         mimeTypes: ['image/jpg'],
     },
     svg: {
         extensions: ['svg'],
         priority: 10,
-        color: '#f3c1c9',
+        color: '#EB6D82',
         mimeTypes: ['image/svg+xml'],
     },
     dxf: {
         extensions: ['dxf'],
         priority: 11,
-        color: '#f6ceac',
+        color: '#DCCD00',
         mimeTypes: ['application/x-dxf', 'image/x-dxf'],
     },
     html: {
         extensions: ['html', 'htm'],
         priority: 12,
-        color: '#FFF2CC',
+        color: '#C0C9B6',
         mimeTypes: ['text/html'],
     },
     fgb: {
         extensions: ['fgb', 'flatgeobuf'],
         priority: 13,
-        color: '#ffe7a3',
+        color: '#A8111C',
         mimeTypes: ['application/flatgeobuf'],
     },
     jsonfg: {
         extensions: ['jsonfg', 'jsonfgc'],
         priority: 14,
-        color: '#ffe7a3',
+        color: '#009EE0',
         mimeTypes: [
             'application/vnd.ogc.fg+json',
             'application/vnd.ogc.fg+json;compatibility=geojson',
@@ -24938,9 +25144,11 @@ function mimeTypeToFormat(mimeType) {
     return null;
 }
 function checkFileFormat(link, format) {
-    return (('name' in link && new RegExp(`[./]${format}`, 'i').test(link.name)) ||
+    return (('name' in link &&
+        new RegExp(`[./]${format}`, 'i').test(link.name.toLowerCase())) ||
         ('url' in link &&
-            new RegExp(`[./]${format}`, 'i').test(link.url.toString())));
+            new RegExp(`[./]${format}`, 'i').test(link.url.toString())) ||
+        ('name' in link && link.name.toLowerCase().includes(format)));
 }
 function getBadgeColor(linkFormat) {
     for (const format in FORMATS) {
@@ -24975,7 +25183,7 @@ function getLinkLabel(link) {
         default:
             format = getFileFormat(link);
     }
-    const label = link.description || link.name;
+    const label = link.description || ('name' in link ? link.name : '');
     return format ? `${label} (${format})` : label;
 }
 async function getLayers(url, serviceProtocol) {
@@ -24986,14 +25194,21 @@ async function getLayers(url, serviceProtocol) {
         }
         case 'wfs': {
             const endpointWfs = await new WfsEndpoint(url).isReady();
-            return endpointWfs.getFeatureTypes();
+            const featureTypes = await endpointWfs.getFeatureTypes();
+            const layers = await Promise.all(featureTypes.map(async (collection) => {
+                return await endpointWfs.getFeatureTypeFull(collection.name);
+            }));
+            return layers;
         }
         case 'wms': {
             const endpointWms = await new WmsEndpoint(url).isReady();
-            return endpointWms
+            const layers = (await endpointWms
                 .getLayers()
                 .flatMap(wmsLayerFlatten)
-                .filter((l) => l.name);
+                .filter((l) => l.name)).map((collection) => {
+                return endpointWms.getLayerByName(collection.name);
+            });
+            return layers;
         }
         case 'wmts': {
             const endpointWmts = await new WmtsEndpoint(url).isReady();
@@ -25030,6 +25245,7 @@ var LinkUsage;
 class LinkClassifierService {
     getUsagesForLink(link) {
         switch (link.type) {
+            case 'endpoint':
             case 'service': {
                 switch (link.accessServiceProtocol) {
                     case 'esriRest':
@@ -25078,6 +25294,106 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+var name = "geonetwork-ui";
+var version = "2.6.0-dev.76a84fb05";
+var engines = {
+	node: ">=20"
+};
+var main = "./index.ts";
+var type = "module";
+var exports = {
+	"./tailwind.base.config.js": "./tailwind.base.config.js",
+	"./style.css": "./style.css"
+};
+var repository = {
+	url: "https://github.com/geonetwork/geonetwork-ui"
+};
+var peerDependencies = {
+	"@angular/animations": "17.x || 18.x || 19.x",
+	"@angular/cdk": "17.x || 18.x || 19.x",
+	"@angular/common": "17.x || 18.x || 19.x",
+	"@angular/compiler": "17.x || 18.x || 19.x",
+	"@angular/core": "17.x || 18.x || 19.x",
+	"@angular/forms": "17.x || 18.x || 19.x",
+	"@angular/material": "17.x || 18.x || 19.x",
+	"@angular/material-moment-adapter": "17.x || 18.x || 19.x",
+	"@angular/platform-browser": "17.x || 18.x || 19.x",
+	"@angular/platform-browser-dynamic": "17.x || 18.x || 19.x",
+	"@angular/router": "17.x || 18.x || 19.x",
+	"@ngrx/component": "17.x || 18.x || 19.x",
+	"@ngrx/effects": "17.x || 18.x || 19.x",
+	"@ngrx/router-store": "17.x || 18.x || 19.x",
+	"@ngrx/store": "17.x || 18.x || 19.x",
+	"@ngrx/store-devtools": "17.x || 18.x || 19.x",
+	"@ngrx/operators": "18.x",
+	"@ngx-translate/core": "15.x",
+	"@ngx-translate/http-loader": "16.x",
+	rxjs: "7.x",
+	"zone.js": "*",
+	tailwindcss: "3.x"
+};
+var dependencies = {
+	"@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
+	"@camptocamp/ogc-client": "1.1.1-dev.3e2d3cc",
+	"@geospatial-sdk/core": "0.0.5-dev.31",
+	"@geospatial-sdk/geocoding": "0.0.5-dev.31",
+	"@geospatial-sdk/legend": "0.0.5-dev.31",
+	"@geospatial-sdk/openlayers": "0.0.5-dev.31",
+	"@ltd/j-toml": "~1.35.2",
+	"@messageformat/core": "^3.0.1",
+	"@ng-icons/core": "29.10.0",
+	"@ng-icons/iconoir": "29.10.0",
+	"@ng-icons/material-icons": "29.10.0",
+	"@ng-icons/tabler-icons": "29.10.0",
+	"@nx/angular": "20.2.2",
+	"@rgrove/parse-xml": "4.2.0",
+	alasql: "4.6.0",
+	axios: "1.7.9",
+	basiclightbox: "^5.0.4",
+	"chart.js": "4.4.7",
+	"chroma-js": "3.1.2",
+	"date-fns": "4.1.0",
+	"document-register-element": "^1.14.10",
+	"duration-relativetimeformat": "^2.0.4",
+	"embla-carousel": "8.5.1",
+	express: "^4.21.1",
+	"geojson-validation": "^1.0.2",
+	marked: "15.0.4",
+	moment: "2.30.1",
+	"ng-table-virtual-scroll": "1.6.1",
+	"ngx-chips": "3.0.0",
+	"ngx-dropzone": "3.1.0",
+	"ngx-translate-messageformat-compiler": "7.0.0",
+	ol: "^8.2.0",
+	papaparse: "5.4.1",
+	pg: "^8.9.0",
+	proj4: "^2.9.2",
+	rdflib: "^2.2.35",
+	"reflect-metadata": "^0.1.13",
+	semver: "7.6.3",
+	"tippy.js": "6.3.7",
+	tslib: "^2.3.0",
+	typeorm: "^0.3.14",
+	"whatwg-fetch": "^3.6.2",
+	xlsx: "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
+};
+var packageJson = {
+	name: name,
+	version: version,
+	engines: engines,
+	main: main,
+	type: type,
+	exports: exports,
+	repository: repository,
+	peerDependencies: peerDependencies,
+	dependencies: dependencies
+};
+
+const GEONETWORK_UI_VERSION = packageJson.version;
+const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1] === 'dev'
+    ? 'main'
+    : `v${packageJson.version}`;
+
 const minApiVersion = '4.2.2';
 class Gn4PlatformService {
     constructor(siteApiService, meApi, usersApi, mapper, toolsApiService, registriesApiService, langService, userfeedbackApiService, httpClient, recordsApiService) {
@@ -25271,12 +25587,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: SiteApiService }, { type: MeApiService }, { type: UsersApiService }, { type: Gn4PlatformMapper }, { type: ToolsApiService }, { type: RegistriesApiService }, { type: LangService }, { type: UserfeedbackApiService }, { type: i1.HttpClient }, { type: RecordsApiService }] });
 
+class RecordsRepositoryInterface {
+}
+
 function provideGn4() {
     return [
         {
             provide: PlatformServiceInterface,
             useClass: Gn4PlatformService,
         },
+        {
+            provide: RecordsRepositoryInterface,
+            useClass: Gn4Repository,
+        },
         Gn4PlatformMapper,
     ];
 }
@@ -25352,7 +25675,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class AnchorLinkDirective {
     get elementClass() {
-        return this.disabled ? this.disabledClass : this.enabledClass;
+        if (this.disabled) {
+            return this.disabledClass;
+        }
+        if (this.inView) {
+            return `${this.inViewClass} ${this.enabledClass}`;
+        }
+        else {
+            return `${this.outOfViewClass} ${this.enabledClass}`;
+        }
     }
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
@@ -25360,6 +25691,8 @@ class AnchorLinkDirective {
         this.observer = new MutationObserver(() => {
             this.refreshDisabledState();
         });
+        this.inView = false;
+        this.initialized = false;
     }
     ngOnInit() {
         this.observer.observe(document.body, {
@@ -25368,8 +25701,32 @@ class AnchorLinkDirective {
         });
         this.refreshDisabledState();
     }
+    ngAfterViewChecked() {
+        if (!this.initialized && !this.disabled) {
+            const target = document.getElementById(this.targetId);
+            if (target) {
+                this.initializeIntersectionObserver(target);
+                this.initialized = true;
+            }
+        }
+    }
+    initializeIntersectionObserver(target) {
+        this.intersectionObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                this.inView = entry.isIntersecting;
+                this.changeDetector.detectChanges();
+            });
+        }, {
+            root: null,
+            rootMargin: '-30% 0% -60% 0%',
+        });
+        this.intersectionObserver.observe(target);
+    }
     ngOnDestroy() {
         this.observer.disconnect();
+        if (this.intersectionObserver) {
+            this.intersectionObserver.disconnect();
+        }
     }
     refreshDisabledState() {
         const targetNotPresent = !document.getElementById(this.targetId);
@@ -25388,7 +25745,7 @@ class AnchorLinkDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorLinkDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AnchorLinkDirective, selector: "[gnUiAnchorLink]", inputs: { targetId: ["gnUiAnchorLink", "targetId"], disabledClass: ["gnUiAnchorLinkDisabledClass", "disabledClass"], enabledClass: ["gnUiAnchorLinkEnabledClass", "enabledClass"] }, host: { listeners: { "click": "scrollToTarget()" }, properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AnchorLinkDirective, selector: "[gnUiAnchorLink]", inputs: { targetId: ["gnUiAnchorLink", "targetId"], disabledClass: ["gnUiAnchorLinkDisabledClass", "disabledClass"], enabledClass: ["gnUiAnchorLinkEnabledClass", "enabledClass"], inViewClass: ["gnUiAnchorLinkInViewClass", "inViewClass"], outOfViewClass: ["gnUiAnchorLinkOutOfViewClass", "outOfViewClass"] }, host: { listeners: { "click": "scrollToTarget()" }, properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorLinkDirective, decorators: [{
             type: Directive,
@@ -25404,6 +25761,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], enabledClass: [{
                 type: Input,
                 args: ['gnUiAnchorLinkEnabledClass']
+            }], inViewClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkInViewClass']
+            }], outOfViewClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkOutOfViewClass']
             }], elementClass: [{
                 type: HostBinding,
                 args: ['class']
@@ -25493,11 +25856,11 @@ class CarouselComponent {
             .on('select', this.refreshSteps);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative;display:block}\n"] }]
+            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative;display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { carouselOverflowContainer: [{
                 type: ViewChild,
                 args: ['carouselOverflowContainer']
@@ -25668,6 +26031,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+marker('editor.record.lock.reason');
+marker('editor.record.lock.format');
 class InteractiveTableComponent {
     constructor() {
         this.items = [];
@@ -25685,15 +26050,24 @@ class InteractiveTableComponent {
                 .join(' '),
         };
     }
+    getItemTitle(item) {
+        if (!item.extras?.edit && !this.isDraftPage && item.kind === 'dataset') {
+            return 'editor.record.lock.reason';
+        }
+        else if (item.kind !== 'dataset') {
+            return 'editor.record.lock.format';
+        }
+        return '';
+    }
     handleRowClick(item) {
         this.itemClick.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items", isDraftPage: "isDraftPage" }, outputs: { itemClick: "itemClick" }, providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"\n      !item.extras?.edit && !isDraftPage\n        ? ('editor.record.lock.reason' | translate)\n        : ''\n    \"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            !item.extras?.edit && !isDraftPage,\n          'group-hover:text-main group-hover:bg-gray-50':\n            item.extras?.edit || isDraftPage,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items", isDraftPage: "isDraftPage" }, outputs: { itemClick: "itemClick" }, providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          'group-hover:text-main group-hover:bg-gray-50':\n            (item.extras?.edit || isDraftPage) && item.kind === 'dataset',\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"\n      !item.extras?.edit && !isDraftPage\n        ? ('editor.record.lock.reason' | translate)\n        : ''\n    \"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            !item.extras?.edit && !isDraftPage,\n          'group-hover:text-main group-hover:bg-gray-50':\n            item.extras?.edit || isDraftPage,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"] }]
+            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          'group-hover:text-main group-hover:bg-gray-50':\n            (item.extras?.edit || isDraftPage) && item.kind === 'dataset',\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"] }]
         }], propDecorators: { columns: [{
                 type: ContentChildren,
                 args: [InteractiveTableColumnComponent]
@@ -25937,11 +26311,11 @@ class ProgressBarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[6px] w-full {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm h-full\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault], template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[6px] w-full {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm h-full\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
+            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault], template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], type: [{
@@ -27335,19 +27709,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class NavigationButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
-
 class SearchInputComponent {
     constructor() {
         this.value = '';
@@ -27406,11 +27767,11 @@ class StarToggleComponent {
         event.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <gn-ui-button\n    [type]=\"'outline'\"\n    class=\"-m-[8px] p-[8px]\"\n    (buttonClick)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      disabled: !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </gn-ui-button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
+            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon, ButtonComponent], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <gn-ui-button\n    [type]=\"'outline'\"\n    class=\"-m-[8px] p-[8px]\"\n    (buttonClick)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      disabled: !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </gn-ui-button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
         }], propDecorators: { toggled: [{
                 type: Input
             }], disabled: [{
@@ -28457,7 +28818,7 @@ class MetadataQualityComponent {
                 size: '1.2em',
                 strokeWidth: '1.5px',
             }),
-        ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"metadataQualityDisplay\" class=\"mb-6 metadata-quality\">\n  <div\n    class=\"flex items-center\"\n    [class]=\"smaller ? 'leading-[8px] min-w-[120px]' : 'min-w-[200px]'\"\n  >\n    <gn-ui-progress-bar\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      [type]=\"'light'\"\n      class=\"flex-grow\"\n    ></gn-ui-progress-bar>\n    <gn-ui-popover\n      [content]=\"popoverItems\"\n      theme=\"light-border\"\n      [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n    >\n      <ng-icon\n        name=\"matInfoOutline\"\n        class=\"flex-shrink-0 text-gray-600\"\n      ></ng-icon>\n    </gn-ui-popover>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"metadataQualityDisplay\" class=\"metadata-quality\">\n  <div\n    class=\"flex items-center\"\n    [class]=\"\n      smaller ? 'leading-[8px] min-w-[120px] m-h-[120px]' : 'min-w-[200px]'\n    \"\n  >\n    <gn-ui-progress-bar\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      [type]=\"'light'\"\n      class=\"flex-grow\"\n    ></gn-ui-progress-bar>\n    <gn-ui-popover\n      [content]=\"popoverItems\"\n      theme=\"light-border\"\n      [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n    >\n      <ng-icon\n        name=\"matInfoOutline\"\n        class=\"flex-shrink-0 text-gray-600\"\n      ></ng-icon>\n    </gn-ui-popover>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataQualityComponent, decorators: [{
             type: Component,
@@ -28476,7 +28837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             size: '1.2em',
                             strokeWidth: '1.5px',
                         }),
-                    ], template: "<div *ngIf=\"metadataQualityDisplay\" class=\"mb-6 metadata-quality\">\n  <div\n    class=\"flex items-center\"\n    [class]=\"smaller ? 'leading-[8px] min-w-[120px]' : 'min-w-[200px]'\"\n  >\n    <gn-ui-progress-bar\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      [type]=\"'light'\"\n      class=\"flex-grow\"\n    ></gn-ui-progress-bar>\n    <gn-ui-popover\n      [content]=\"popoverItems\"\n      theme=\"light-border\"\n      [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n    >\n      <ng-icon\n        name=\"matInfoOutline\"\n        class=\"flex-shrink-0 text-gray-600\"\n      ></ng-icon>\n    </gn-ui-popover>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
+                    ], template: "<div *ngIf=\"metadataQualityDisplay\" class=\"metadata-quality\">\n  <div\n    class=\"flex items-center\"\n    [class]=\"\n      smaller ? 'leading-[8px] min-w-[120px] m-h-[120px]' : 'min-w-[200px]'\n    \"\n  >\n    <gn-ui-progress-bar\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      [type]=\"'light'\"\n      class=\"flex-grow\"\n    ></gn-ui-progress-bar>\n    <gn-ui-popover\n      [content]=\"popoverItems\"\n      theme=\"light-border\"\n      [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n    >\n      <ng-icon\n        name=\"matInfoOutline\"\n        class=\"flex-shrink-0 text-gray-600\"\n      ></ng-icon>\n    </gn-ui-popover>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], smaller: [{
@@ -28653,9 +29014,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class ApiCardComponent {
     constructor() {
+        this.sizeClassMap = {
+            L: 'gn-ui-card-l py-2 px-5 flex-row',
+            M: 'gn-ui-card-m py-2 px-5 flex-row',
+            S: 'gn-ui-card-s p-4 flex-col',
+            XS: 'gn-ui-card-xs py-2 px-5 flex-row',
+        };
+        this.cardClass = '';
         this.currentlyActive = false;
         this.openRecordApiForm = new EventEmitter();
     }
+    set size(value) {
+        this._size = value;
+        this.cardClass = this.sizeClassMap[value];
+    }
+    get size() {
+        return this._size;
+    }
+    get generatedText() {
+        return this.link.accessServiceProtocol === 'wfs'
+            ? 'datahub.search.filter.generatedByWfs'
+            : 'datahub.search.filter.generatedByAPI';
+    }
     ngOnInit() {
         this.displayApiFormButton =
             this.link.accessServiceProtocol === 'ogcFeatures' ||
@@ -28673,9 +29053,9 @@ class ApiCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden cursor-default\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <gn-ui-copy-text-button\n          [text]=\"link.url\"\n          [tooltipText]=\"'tooltip.url.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <button\n          *ngIf=\"displayApiFormButton\"\n          type=\"button\"\n          [ngClass]=\"{\n            'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n              displayText,\n          }\"\n          [matTooltip]=\"\n            !currentlyActive\n              ? ('record.metadata.api.form.openForm' | translate)\n              : ('record.metadata.api.form.closeForm' | translate)\n          \"\n          matTooltipPosition=\"above\"\n          (click)=\"openRecordApiFormPanel()\"\n        >\n          <ng-icon\n            class=\"pointer-events-none align-middle card-icon\"\n            name=\"matMoreHoriz\"\n            [ngClass]=\"{\n              'text-secondary opacity-100': currentlyActive,\n            }\"\n          ></ng-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink", size: "size" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div>\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
             provideIcons({
-                matMoreHoriz,
+                iconoirSettings,
             }),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -28689,13 +29069,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NgIcon,
                     ], viewProviders: [
                         provideIcons({
-                            matMoreHoriz,
+                            iconoirSettings,
                         }),
-                    ], template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden cursor-default\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <gn-ui-copy-text-button\n          [text]=\"link.url\"\n          [tooltipText]=\"'tooltip.url.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <button\n          *ngIf=\"displayApiFormButton\"\n          type=\"button\"\n          [ngClass]=\"{\n            'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n              displayText,\n          }\"\n          [matTooltip]=\"\n            !currentlyActive\n              ? ('record.metadata.api.form.openForm' | translate)\n              : ('record.metadata.api.form.closeForm' | translate)\n          \"\n          matTooltipPosition=\"above\"\n          (click)=\"openRecordApiFormPanel()\"\n        >\n          <ng-icon\n            class=\"pointer-events-none align-middle card-icon\"\n            name=\"matMoreHoriz\"\n            [ngClass]=\"{\n              'text-secondary opacity-100': currentlyActive,\n            }\"\n          ></ng-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div>\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], currentLink: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], openRecordApiForm: [{
                 type: Output
             }] } });
@@ -28756,15 +29138,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class DownloadItemComponent {
     constructor() {
+        this.sizeClassMap = {
+            L: 'gn-ui-card-l py-2 px-5',
+            M: 'gn-ui-card-m py-2 px-5',
+            S: 'gn-ui-card-s p-4',
+            XS: 'gn-ui-card-xs py-2 px-5',
+        };
+        this.cardClass = '';
         this.exportUrl = new EventEmitter();
     }
+    set size(value) {
+        this._size = value;
+        this.cardClass = this.sizeClassMap[value];
+    }
+    get size() {
+        return this._size;
+    }
     openUrl() {
         this.exportUrl.emit(this.link.url.toString());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadItemComponent, isStandalone: true, selector: "gn-ui-download-item", inputs: { link: "link", color: "color", format: "format", isFromApi: "isFromApi" }, outputs: { exportUrl: "exportUrl" }, ngImport: i0, template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex justify-between card-shadow px-6 py-5 cursor-pointer\"\n  rel=\"noopener\"\n>\n  <div class=\"grow-1 w-full overflow-hidden\">\n    <div\n      class=\"text-21 text-black truncate font-title w-11/12\"\n      [title]=\"link.description || link.name\"\n    >\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span\n        class=\"pl-2 inline-flex items-center text-gray-800 text-sm\"\n        *ngIf=\"isFromApi\"\n        translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div class=\"shrink-1 w-14 flex flex-col justify-center items-center\">\n    <ng-icon\n      class=\"!w-8 !h-8 card-icon text-3xl\"\n      name=\"matCloudDownloadOutline\"\n    >\n    </ng-icon>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadItemComponent, isStandalone: true, selector: "gn-ui-download-item", inputs: { link: "link", color: "color", format: "format", isFromApi: "isFromApi", size: "size" }, outputs: { exportUrl: "exportUrl" }, ngImport: i0, template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  rel=\"noopener\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\" [title]=\"link.description || link.name\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <div class=\"flex flex-row gap-2 items-center pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span class=\"text-gray-800 text-xs\" *ngIf=\"isFromApi\" translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"iconoirDownload\"\n      >\n      </ng-icon>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
             provideIcons({
-                matCloudDownloadOutline,
+                iconoirDownload,
             }),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -28772,9 +29168,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Component,
             args: [{ selector: 'gn-ui-download-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, NgIcon], standalone: true, viewProviders: [
                         provideIcons({
-                            matCloudDownloadOutline,
+                            iconoirDownload,
                         }),
-                    ], template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex justify-between card-shadow px-6 py-5 cursor-pointer\"\n  rel=\"noopener\"\n>\n  <div class=\"grow-1 w-full overflow-hidden\">\n    <div\n      class=\"text-21 text-black truncate font-title w-11/12\"\n      [title]=\"link.description || link.name\"\n    >\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span\n        class=\"pl-2 inline-flex items-center text-gray-800 text-sm\"\n        *ngIf=\"isFromApi\"\n        translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div class=\"shrink-1 w-14 flex flex-col justify-center items-center\">\n    <ng-icon\n      class=\"!w-8 !h-8 card-icon text-3xl\"\n      name=\"matCloudDownloadOutline\"\n    >\n    </ng-icon>\n  </div>\n</a>\n" }]
+                    ], template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  rel=\"noopener\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\" [title]=\"link.description || link.name\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <div class=\"flex flex-row gap-2 items-center pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span class=\"text-gray-800 text-xs\" *ngIf=\"isFromApi\" translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"iconoirDownload\"\n      >\n      </ng-icon>\n    </div>\n  </div>\n</a>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], color: [{
@@ -28783,6 +29179,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], isFromApi: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], exportUrl: [{
                 type: Output
             }] } });
@@ -28873,7 +29271,7 @@ class DownloadsListComponent {
                 link.accessServiceProtocol === 'ogcFeatures'));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadsListComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadsListComponent, isStandalone: true, selector: "gn-ui-downloads-list", inputs: { links: "links" }, ngImport: i0, template: "<div\n  class=\"flex flex-wrap justify-between mt-8 mb-6 sm:mt-12 sm:mb-2\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <p\n    class=\"font-title text-[28px] text-title font-medium mr-4 pb-4 text-center sm:text-left\"\n    translate\n  >\n    record.metadata.download\n  </p>\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end sm:pb-4\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-50')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n<div class=\"mb-2 sm:mb-3\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: DownloadItemComponent, selector: "gn-ui-download-item", inputs: ["link", "color", "format", "isFromApi"], outputs: ["exportUrl"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadsListComponent, isStandalone: true, selector: "gn-ui-downloads-list", inputs: { links: "links" }, ngImport: i0, template: "<div\n  class=\"flex flex-wrap justify-between items-center pb-4\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <div\n    class=\"font-title text-xl text-title font-medium mr-4 text-center sm:text-left\"\n    translate\n  >\n    record.metadata.download\n  </div>\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-60')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n<div class=\"mb-2 sm:mb-3\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    size=\"L\"\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: DownloadItemComponent, selector: "gn-ui-download-item", inputs: ["link", "color", "format", "isFromApi", "size"], outputs: ["exportUrl"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadsListComponent, decorators: [{
             type: Component,
@@ -28882,7 +29280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ButtonComponent,
                         DownloadItemComponent,
                         TranslateModule,
-                    ], template: "<div\n  class=\"flex flex-wrap justify-between mt-8 mb-6 sm:mt-12 sm:mb-2\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <p\n    class=\"font-title text-[28px] text-title font-medium mr-4 pb-4 text-center sm:text-left\"\n    translate\n  >\n    record.metadata.download\n  </p>\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end sm:pb-4\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-50')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n<div class=\"mb-2 sm:mb-3\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n" }]
+                    ], template: "<div\n  class=\"flex flex-wrap justify-between items-center pb-4\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <div\n    class=\"font-title text-xl text-title font-medium mr-4 text-center sm:text-left\"\n    translate\n  >\n    record.metadata.download\n  </div>\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-60')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n<div class=\"mb-2 sm:mb-3\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    size=\"L\"\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }], propDecorators: { links: [{
                 type: Input
             }] } });
@@ -29166,7 +29564,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class LinkCardComponent {
     constructor() {
-        this.compact = false;
+        this.sizeClassMap = {
+            L: 'gn-ui-card-l py-2 px-5',
+            M: 'gn-ui-card-m py-2 px-5',
+            S: 'gn-ui-card-s p-4',
+            XS: 'gn-ui-card-xs py-2 px-5',
+        };
+        this.cardClass = '';
+    }
+    set size(value) {
+        this._size = value;
+        this.cardClass = this.sizeClassMap[value];
+    }
+    get size() {
+        return this._size;
     }
     get title() {
         if (this.link.name && this.link.description) {
@@ -29174,25 +29585,31 @@ class LinkCardComponent {
         }
         return this.link.name || this.link.description || '';
     }
+    getLinkFormat(link) {
+        return getFileFormat(link);
+    }
+    getLinkColor(link) {
+        return getBadgeColor(getFileFormat(link));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LinkCardComponent, isStandalone: true, selector: "gn-ui-link-card", inputs: { link: "link", compact: "compact" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LinkCardComponent, isStandalone: true, selector: "gn-ui-link-card", inputs: { link: "link", size: "size" }, providers: [
             provideIcons({
                 matOpenInNew,
             }),
             provideNgIconsConfig({ size: '1.5em' }),
-        ], ngImport: i0, template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"flex flex-col justify-between group grow py-5 px-5 bg-white rounded border-gray-300 filter card-shadow overflow-hidden\"\n  [ngClass]=\"{ 'h-40': !compact }\"\n  [title]=\"title\"\n>\n  <ng-container *ngIf=\"!compact; else compactTpl\">\n    <div class=\"max-h-24 overflow-hidden text-ellipsis\">\n      <p\n        class=\"font-title font-medium text-21 text-black break-words mb-1 line-clamp-2\"\n      >\n        {{ link.name }}\n      </p>\n      <p class=\"font-medium text-sm break-words\">\n        {{ link.description }}\n      </p>\n      <p\n        *ngIf=\"!link.name && !link.description\"\n        class=\"font-medium text-sm break-words truncate\"\n      >\n        {{ link.url }}\n      </p>\n    </div>\n    <div>\n      <ng-icon class=\"card-icon\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-container>\n  <ng-template #compactTpl>\n    <div class=\"flex items-center justify-between gap-4\">\n      <p\n        class=\"overflow-hidden font-title font-medium text-21 text-black text-ellipsis whitespace-nowrap\"\n      >\n        {{ link.name || link.description }}\n      </p>\n      <ng-icon class=\"card-icon flex-shrink-0\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-template>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-link-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
+            args: [{ selector: 'gn-ui-link-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [
                         provideIcons({
                             matOpenInNew,
                         }),
                         provideNgIconsConfig({ size: '1.5em' }),
-                    ], template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"flex flex-col justify-between group grow py-5 px-5 bg-white rounded border-gray-300 filter card-shadow overflow-hidden\"\n  [ngClass]=\"{ 'h-40': !compact }\"\n  [title]=\"title\"\n>\n  <ng-container *ngIf=\"!compact; else compactTpl\">\n    <div class=\"max-h-24 overflow-hidden text-ellipsis\">\n      <p\n        class=\"font-title font-medium text-21 text-black break-words mb-1 line-clamp-2\"\n      >\n        {{ link.name }}\n      </p>\n      <p class=\"font-medium text-sm break-words\">\n        {{ link.description }}\n      </p>\n      <p\n        *ngIf=\"!link.name && !link.description\"\n        class=\"font-medium text-sm break-words truncate\"\n      >\n        {{ link.url }}\n      </p>\n    </div>\n    <div>\n      <ng-icon class=\"card-icon\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-container>\n  <ng-template #compactTpl>\n    <div class=\"flex items-center justify-between gap-4\">\n      <p\n        class=\"overflow-hidden font-title font-medium text-21 text-black text-ellipsis whitespace-nowrap\"\n      >\n        {{ link.name || link.description }}\n      </p>\n      <ng-icon class=\"card-icon flex-shrink-0\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-template>\n</a>\n" }]
+                    ], template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n" }]
         }], propDecorators: { link: [{
                 type: Input
-            }], compact: [{
+            }], size: [{
                 type: Input
             }] } });
 
@@ -29234,11 +29651,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class MetadataCatalogComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataCatalogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataCatalogComponent, isStandalone: true, selector: "gn-ui-metadata-catalog", inputs: { sourceLabel: "sourceLabel" }, ngImport: i0, template: "<div>\n  <p class=\"text-gray-700 text-xs mb-3 uppercase\" translate>\n    record.metadata.catalog\n  </p>\n  <p class=\"text-primary font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataCatalogComponent, isStandalone: true, selector: "gn-ui-metadata-catalog", inputs: { sourceLabel: "sourceLabel" }, ngImport: i0, template: "<div>\n  <p class=\"text-gray-900 text-xs mb-3 uppercase\" translate>\n    record.metadata.catalog\n  </p>\n  <p class=\"text-primary font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataCatalogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-metadata-catalog', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TranslateModule], template: "<div>\n  <p class=\"text-gray-700 text-xs mb-3 uppercase\" translate>\n    record.metadata.catalog\n  </p>\n  <p class=\"text-primary font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-metadata-catalog', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TranslateModule], template: "<div>\n  <p class=\"text-gray-900 text-xs mb-3 uppercase\" translate>\n    record.metadata.catalog\n  </p>\n  <p class=\"text-primary font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n" }]
         }], propDecorators: { sourceLabel: [{
                 type: Input
             }] } });
@@ -29266,7 +29683,7 @@ class MetadataContactComponent {
         this.organizationClick.emit(this.shownOrganization);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
             provideIcons({
                 matOpenInNew,
                 matCallOutline,
@@ -29286,7 +29703,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             matPersonOutline,
                             matLocationOnOutline,
                         }),
-                    ], template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], organizationClick: [{
@@ -29371,6 +29788,316 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
 
+const DO_NOT_USE_DEFAULT_BASEMAP = new InjectionToken('doNotUseDefaultBasemap', { factory: () => false });
+const BASEMAP_LAYERS = new InjectionToken('basemapLayers', { factory: () => [] });
+const MAP_VIEW_CONSTRAINTS = new InjectionToken('mapViewConstraints', {
+    factory: () => ({}),
+});
+const VECTOR_STYLE_DEFAULT = new InjectionToken('vectorStyleDefault', {
+    factory: () => ({
+        fill: { color: 'rgba(255, 255, 255, 0.2)' },
+        stroke: { color: '#ffcc33', width: 2 },
+    }),
+});
+
+const DEFAULT_BASEMAP_LAYER = {
+    type: 'xyz',
+    url: `https://{a-c}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png`,
+    attributions: `<span>© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, © <a href="https://carto.com/">Carto</a></span>`,
+};
+const DEFAULT_VIEW = {
+    center: [0, 15],
+    zoom: 2,
+};
+class MapContainerComponent {
+    get featuresClick() {
+        if (!this._featuresClick) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, FeaturesClickEventType, ({ features }) => this._featuresClick.emit(features));
+            });
+            this._featuresClick = new EventEmitter();
+        }
+        return this._featuresClick;
+    }
+    get featuresHover() {
+        if (!this._featuresHover) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, FeaturesHoverEventType, ({ features }) => this._featuresHover.emit(features));
+            });
+            this._featuresHover = new EventEmitter();
+        }
+        return this._featuresHover;
+    }
+    get mapClick() {
+        if (!this._mapClick) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, MapClickEventType, ({ coordinate }) => this._mapClick.emit(coordinate));
+            });
+            this._mapClick = new EventEmitter();
+        }
+        return this._mapClick;
+    }
+    get sourceLoadError() {
+        if (!this._sourceLoadError) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, SourceLoadErrorType, (error) => this._sourceLoadError.emit(error));
+            });
+            this._sourceLoadError = new EventEmitter();
+        }
+        return this._sourceLoadError;
+    }
+    constructor(doNotUseDefaultBasemap, basemapLayers, mapViewConstraints) {
+        this.doNotUseDefaultBasemap = doNotUseDefaultBasemap;
+        this.basemapLayers = basemapLayers;
+        this.mapViewConstraints = mapViewConstraints;
+        this.openlayersMap = new Promise((resolve) => {
+            this.olMapResolver = resolve;
+        });
+    }
+    async ngAfterViewInit() {
+        this.olMap = await createMapFromContext(this.processContext(this.context), this.container.nativeElement);
+        this.displayMessage$ = merge(fromEvent(this.olMap, 'mapmuted').pipe(map$1(() => true)), fromEvent(this.olMap, 'movestart').pipe(map$1(() => false)), fromEvent(this.olMap, 'singleclick').pipe(map$1(() => false))).pipe(switchMap$1((muted) => muted
+            ? timer(2000).pipe(map$1(() => false), startWith(true), delay(400))
+            : of(false)));
+        this.olMapResolver(this.olMap);
+    }
+    async ngOnChanges(changes) {
+        if ('context' in changes && !changes['context'].isFirstChange()) {
+            const diff = computeMapContextDiff(this.processContext(changes['context'].currentValue), this.processContext(changes['context'].previousValue));
+            await applyContextDiffToMap(this.olMap, diff);
+        }
+    }
+    // This will apply basemap layers & view constraints
+    processContext(context) {
+        const processed = context
+            ? { ...context, view: context.view ?? DEFAULT_VIEW }
+            : { layers: [], view: DEFAULT_VIEW };
+        if (this.basemapLayers.length) {
+            processed.layers = [...this.basemapLayers, ...processed.layers];
+        }
+        if (!this.doNotUseDefaultBasemap) {
+            processed.layers = [DEFAULT_BASEMAP_LAYER, ...processed.layers];
+        }
+        if (this.mapViewConstraints.maxZoom) {
+            processed.view = {
+                maxZoom: this.mapViewConstraints.maxZoom,
+                ...processed.view,
+            };
+        }
+        if (this.mapViewConstraints.maxExtent) {
+            processed.view = {
+                maxExtent: this.mapViewConstraints.maxExtent,
+                ...processed.view,
+            };
+        }
+        if (processed.view &&
+            !('zoom' in processed.view) &&
+            !('center' in processed.view)) {
+            if (this.mapViewConstraints.maxExtent) {
+                processed.view = {
+                    extent: this.mapViewConstraints.maxExtent,
+                    ...processed.view,
+                };
+            }
+            else {
+                processed.view = { ...DEFAULT_VIEW, ...processed.view };
+            }
+        }
+        return processed;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, deps: [{ token: DO_NOT_USE_DEFAULT_BASEMAP }, { token: BASEMAP_LAYERS }, { token: MAP_VIEW_CONSTRAINTS }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapContainerComponent, isStandalone: true, selector: "gn-ui-map-container", inputs: { context: "context" }, outputs: { featuresClick: "featuresClick", featuresHover: "featuresHover", mapClick: "mapClick", sourceLoadError: "sourceLoadError" }, providers: [
+            provideIcons({ matSwipeOutline }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["map"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-map-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, NgIconComponent], providers: [
+                        provideIcons({ matSwipeOutline }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DO_NOT_USE_DEFAULT_BASEMAP]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BASEMAP_LAYERS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAP_VIEW_CONSTRAINTS]
+                }] }], propDecorators: { context: [{
+                type: Input
+            }], featuresClick: [{
+                type: Output
+            }], featuresHover: [{
+                type: Output
+            }], mapClick: [{
+                type: Output
+            }], sourceLoadError: [{
+                type: Output
+            }], container: [{
+                type: ViewChild,
+                args: ['map']
+            }] } });
+
+const geometryKeys = ['geometry', 'the_geom'];
+class FeatureDetailComponent {
+    get properties() {
+        if (!this.feature)
+            return [];
+        return Object.keys(this.feature.properties).filter((prop) => !geometryKeys.includes(prop));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureDetailComponent, isStandalone: true, selector: "gn-ui-feature-detail", inputs: { feature: "feature" }, ngImport: i0, template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-feature-detail', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"] }]
+        }], propDecorators: { feature: [{
+                type: Input
+            }] } });
+
+class MapLegendComponent {
+    constructor() {
+        this.legendStatusChange = new EventEmitter();
+    }
+    async ngOnChanges(changes) {
+        if ('context' in changes) {
+            const mapContext = changes['context'].currentValue;
+            if (mapContext.layers && mapContext.layers.length > 0) {
+                const mapContextLayer = mapContext.layers[0];
+                this.legendHTML = await createLegendFromLayer(mapContextLayer);
+                if (this.legendHTML) {
+                    this.legendStatusChange.emit(true);
+                }
+            }
+            else {
+                this.legendHTML = false;
+                this.legendStatusChange.emit(false);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapLegendComponent, isStandalone: true, selector: "gn-ui-map-legend", inputs: { context: "context" }, outputs: { legendStatusChange: "legendStatusChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-map-legend', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"] }]
+        }], propDecorators: { context: [{
+                type: Input
+            }], legendStatusChange: [{
+                type: Output
+            }] } });
+
+function prioritizePageScroll(interactions) {
+    interactions.clear();
+    interactions.extend(defaults({
+        // remove rotate interactions
+        altShiftDragRotate: false,
+        pinchRotate: false,
+        // replace drag and zoom interactions
+        dragPan: false,
+        mouseWheelZoom: false,
+    })
+        .extend([
+        new DragPan({
+            condition: dragPanCondition,
+        }),
+        new MouseWheelZoom({
+            condition: mouseWheelZoomCondition,
+        }),
+    ])
+        .getArray());
+}
+function dragPanCondition(event) {
+    const dragPanCondition = this.getPointerCount() === 2 || mouseOnly(event);
+    if (!dragPanCondition) {
+        this.getMap().dispatchEvent('mapmuted');
+    }
+    // combine the condition with the default DragPan conditions
+    return dragPanCondition && noModifierKeys(event) && primaryAction(event);
+}
+function mouseWheelZoomCondition(event) {
+    if (!platformModifierKeyOnly(event) && event.type === 'wheel') {
+        this.getMap().dispatchEvent('mapmuted');
+    }
+    return platformModifierKeyOnly(event);
+}
+
+class SpatialExtentComponent {
+    constructor() {
+        this.spatialExtents$ = new BehaviorSubject([]);
+        this.mapContext$ = this.spatialExtents$.pipe(switchMap$1(async (extents) => {
+            if (extents.length === 0) {
+                return null; // null extent means default view
+            }
+            const featureCollection = {
+                type: 'FeatureCollection',
+                features: [],
+            };
+            extents.forEach((extent) => {
+                if (extent.geometry) {
+                    featureCollection.features.push({
+                        type: 'Feature',
+                        properties: {},
+                        geometry: extent.geometry,
+                    });
+                }
+                else if (extent.bbox?.length >= 0) {
+                    featureCollection.features.push({
+                        type: 'Feature',
+                        properties: {},
+                        geometry: this.bboxCoordsToGeometry(extent.bbox),
+                    });
+                }
+            });
+            const layer = {
+                type: 'geojson',
+                data: featureCollection,
+                label: 'Spatial extents',
+                style: {
+                    'stroke-color': 'black',
+                    'stroke-width': 2,
+                },
+            };
+            const view = await createViewFromLayer(layer);
+            return {
+                view,
+                layers: [layer],
+            };
+        }));
+        this.error = '';
+    }
+    set spatialExtents(value) {
+        this.spatialExtents$.next(value);
+    }
+    bboxCoordsToGeometry(bbox) {
+        const geometry = new Polygon([
+            [
+                [bbox[0], bbox[1]],
+                [bbox[0], bbox[3]],
+                [bbox[2], bbox[3]],
+                [bbox[2], bbox[1]],
+                [bbox[0], bbox[1]],
+            ],
+        ]);
+        return new GeoJSON().writeGeometryObject(geometry);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpatialExtentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpatialExtentComponent, isStandalone: true, selector: "gn-ui-spatial-extent", inputs: { spatialExtents: "spatialExtents" }, ngImport: i0, template: "<gn-ui-map-container\n  class=\"h-full w-full\"\n  [context]=\"mapContext$ | async\"\n></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpatialExtentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-spatial-extent', standalone: true, imports: [CommonModule, MapContainerComponent], template: "<gn-ui-map-container\n  class=\"h-full w-full\"\n  [context]=\"mapContext$ | async\"\n></gn-ui-map-container>\n" }]
+        }], propDecorators: { spatialExtents: [{
+                type: Input
+            }] } });
+
 class MetadataInfoComponent {
     constructor(dateService) {
         this.dateService = dateService;
@@ -29423,7 +30150,7 @@ class MetadataInfoComponent {
         }
     }
     get temporalExtent() {
-        const temporalExtents = this.metadata.temporalExtents;
+        const temporalExtents = this.metadata.kind === 'dataset' ? this.metadata.temporalExtents : [];
         return getTemporalRangeUnion(temporalExtents, this.dateService);
     }
     get shownOrganization() {
@@ -29445,7 +30172,7 @@ class MetadataInfoComponent {
         return this.dateService.formatDateTime(date);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataInfoComponent, deps: [{ token: DateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataInfoComponent, isStandalone: true, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-primary text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.technical' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MaxLinesComponent, selector: "gn-ui-max-lines", inputs: ["maxLines"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataInfoComponent, isStandalone: true, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-black text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    (metadata.kind === 'dataset' && metadata.lineage) ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    (metadata.kind === 'dataset' && metadata.status)\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.kind !== 'dataset' && metadata.spatialExtents\"\n  [title]=\"'service.metadata.spatialExtent' | translate\"\n>\n  <gn-ui-spatial-extent\n    class=\"flex h-[271px] w-full rounded-lg border border-gray-100 mt-3 mb-6\"\n    [spatialExtents]=\"metadata.spatialExtents\"\n  ></gn-ui-spatial-extent>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'service.metadata.other' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}:host{--gn-ui-badge-background-color: var(--color-primary-white);--gn-ui-badge-text-color: var(--color-primary-darkest)}:host ::ng-deep gn-ui-badge:hover{--gn-ui-badge-text-color: white}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MaxLinesComponent, selector: "gn-ui-max-lines", inputs: ["maxLines"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }, { kind: "component", type: SpatialExtentComponent, selector: "gn-ui-spatial-extent", inputs: ["spatialExtents"] }], viewProviders: [
             provideIcons({
                 matOpenInNew,
                 matMailOutline: matMailOutline$1,
@@ -29466,12 +30193,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CopyTextButtonComponent,
                         NgIcon,
                         GnUiLinkifyDirective,
+                        MapContainerComponent,
+                        SpatialExtentComponent,
                     ], viewProviders: [
                         provideIcons({
                             matOpenInNew,
                             matMailOutline: matMailOutline$1,
                         }),
-                    ], template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-primary text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.technical' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}\n"] }]
+                    ], template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-black text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    (metadata.kind === 'dataset' && metadata.lineage) ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    (metadata.kind === 'dataset' && metadata.status)\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.kind !== 'dataset' && metadata.spatialExtents\"\n  [title]=\"'service.metadata.spatialExtent' | translate\"\n>\n  <gn-ui-spatial-extent\n    class=\"flex h-[271px] w-full rounded-lg border border-gray-100 mt-3 mb-6\"\n    [spatialExtents]=\"metadata.spatialExtents\"\n  ></gn-ui-spatial-extent>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'service.metadata.other' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}:host{--gn-ui-badge-background-color: var(--color-primary-white);--gn-ui-badge-text-color: var(--color-primary-darkest)}:host ::ng-deep gn-ui-badge:hover{--gn-ui-badge-text-color: white}\n"] }]
         }], ctorParameters: () => [{ type: DateService }], propDecorators: { metadata: [{
                 type: Input
             }], incomplete: [{
@@ -29639,7 +30368,7 @@ class RecordApiFormComponent {
             maxFeatures: limit !== '-1' ? Number(limit) : undefined,
             limit: limit !== '-1' ? Number(limit) : -1,
             offset: offset !== '' ? Number(offset) : undefined,
-            outputCrs: format === ('application/json' || 'geojson') ? 'EPSG:4326' : undefined,
+            outputCrs: format.toLowerCase().indexOf('json') > -1 ? 'EPSG:4326' : undefined,
         };
         if (this.endpoint instanceof WfsEndpoint) {
             delete options.limit;
@@ -29647,6 +30376,7 @@ class RecordApiFormComponent {
             return this.endpoint.getFeatureUrl(this.apiFeatureType, options);
         }
         else {
+            delete options.outputCrs;
             return await this.endpoint.getCollectionItemsUrl(this.apiFeatureType, options);
         }
     }
@@ -29842,6 +30572,302 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+marker('record.kind.data');
+marker('record.kind.reuse');
+marker('record.kind.service');
+class InternalLinkCardComponent {
+    set size(value) {
+        this._size = value;
+        this.cardClass = this.sizeClassMap[value] || '';
+        this.thumbnailContainerClass = this.thumbnailSizeClassMap[value] || 'hidden';
+    }
+    get size() {
+        return this._size;
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.linkHref = null;
+        this.mdSelect = new EventEmitter();
+        this.subscription = new Subscription();
+        this.cardClass = '';
+        this.thumbnailContainerClass = '';
+        this._size = 'M';
+        this.sizeClassMap = {
+            L: 'min-h-[190px] md:w-[992px] py-3 px-3 flex items-start gap-5',
+            M: 'min-h-[140px] md:w-[570px] py-3 px-3 flex items-start gap-4',
+            S: 'min-h-[220px] md:w-[370px] py-3 px-3 flex gap-4',
+            XS: 'min-h-[108px] md:w-[570px] py-3 px-3 flex gap-4',
+        };
+        this.thumbnailSizeClassMap = {
+            L: 'w-[190px] h-[180px] rounded-lg overflow-hidden shrink-0',
+            M: 'w-[110px] h-[140px] rounded-lg overflow-hidden shrink-0',
+            S: 'hidden',
+            XS: 'hidden',
+        };
+        this.titleClassMap = {
+            L: 'text-xl line-clamp-2',
+            M: 'text-base line-clamp-2',
+            S: 'text-base line-clamp-3',
+            XS: 'text-base mt-3 line-clamp-2',
+        };
+    }
+    ngOnInit() {
+        this.abstract = removeWhitespace(stripHtml(this.record?.abstract));
+        this.subscription.add(fromEvent(this.elementRef.nativeElement, 'click').subscribe((event) => {
+            event.preventDefault();
+            propagateToDocumentOnly(event);
+            this.mdSelect.emit(this.record);
+        }));
+    }
+    get organization() {
+        return this.record.ownerOrganization;
+    }
+    get contacts() {
+        return ((this.record.kind === 'dataset'
+            ? this.record.contactsForResource
+            : this.record.contacts) || []);
+    }
+    getTitleClass() {
+        return (this.titleClassMap[this._size] +
+            ' ' +
+            (this.record.ownerOrganization?.name ? '' : 'mt-3') || '');
+    }
+    openExternalUrl(event, url) {
+        event.stopPropagation();
+        window.open(url, '_blank');
+    }
+    openMailto(event, email) {
+        event.stopPropagation();
+        window.open(`mailto:${email}`, '_blank');
+    }
+    copyToClipboard(event, text) {
+        event.stopPropagation();
+        navigator.clipboard.writeText(text);
+    }
+    get shouldShowThumbnail() {
+        return this.size === 'L' || this.size === 'M';
+    }
+    getKindInfo() {
+        if (!this.record?.kind)
+            return { text: '', icon: '' };
+        switch (this.record.kind.toLowerCase()) {
+            case 'dataset':
+                return { text: 'record.kind.data', icon: 'iconoirDatabase' };
+            case 'reuse':
+                return { text: 'record.kind.reuse', icon: 'iconoirMap' };
+            case 'service':
+                return { text: 'record.kind.service', icon: 'matCode' };
+            default:
+                return { text: '', icon: '' };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InternalLinkCardComponent, isStandalone: true, selector: "gn-ui-internal-link-card", inputs: { record: "record", metadataQualityDisplay: "metadataQualityDisplay", favoriteTemplate: "favoriteTemplate", linkHref: "linkHref", isGeodata: "isGeodata", size: "size" }, outputs: { mdSelect: "mdSelect" }, providers: [
+            provideIcons({
+                matLocationSearchingOutline,
+                matCode,
+                iconoirDatabase,
+                iconoirMap,
+                iconoirInternet,
+                matEmailOutline,
+                matPhoneOutline,
+                matLocationOnOutline,
+            }),
+            provideNgIconsConfig({
+                size: '1.2em',
+            }),
+        ], ngImport: i0, template: "<div\n  class=\"rounded-lg group card-shadow cursor-pointer overflow-hidden hover:bg-gray-50\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-row justify-between w-full\">\n    <div\n      *ngIf=\"shouldShowThumbnail\"\n      [ngClass]=\"thumbnailContainerClass\"\n      class=\"mr-4 flex flex-col\"\n    >\n      <gn-ui-thumbnail\n        class=\"w-full h-full object-cover\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n        [fit]=\"'cover'\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div\n      class=\"flex flex-col flex-1 relative\"\n      [ngClass]=\"{\n        'justify-between': record.ownerOrganization?.name && size !== 'XS',\n      }\"\n    >\n      <div class=\"flex items-center space-x-2\">\n        <span\n          *ngIf=\"getKindInfo().text\"\n          class=\"badge-btn text-white text-xs px-2 py-0.5 font-bold shrink-0 bg-primary leading-tight flex items-center justify-evenly h-6 min-h-6\"\n        >\n          <ng-icon\n            class=\"text-[0.9em] text-white mr-1\"\n            [name]=\"getKindInfo().icon\"\n          ></ng-icon>\n          <span class=\"font-medium text-white text-xs\" translate>\n            {{ getKindInfo().text }}\n          </span>\n        </span>\n        <span\n          *ngIf=\"isGeodata\"\n          class=\"badge-btn text-black text-xs px-2 py-0.5 font-bold shrink-0 bg-primary-white leading-tight flex items-center justify-evenly h-6 min-h-6\"\n          [ngClass]=\"size === 'L' ? 'w-[164px]' : 'w-8'\"\n        >\n          <ng-icon\n            class=\"text-[0.9em] text-primary-darkest\"\n            name=\"matLocationSearchingOutline\"\n          ></ng-icon>\n          <ng-container *ngIf=\"size === 'L'\">\n            <span\n              class=\"font-medium text-primary-darkest text-xs ml-1\"\n              translate\n            >\n              record.metadata.type\n            </span>\n          </ng-container>\n        </span>\n        <div class=\"flex items-center\">\n          <gn-ui-metadata-quality\n            [smaller]=\"true\"\n            [metadata]=\"record\"\n            [metadataQualityDisplay]=\"metadataQualityDisplay\"\n          ></gn-ui-metadata-quality>\n        </div>\n        <div class=\"absolute top-0 right-0 items-center\">\n          <ng-container\n            *ngIf=\"size !== 'XS'\"\n            [ngTemplateOutlet]=\"favoriteTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: record }\"\n          ></ng-container>\n        </div>\n      </div>\n      <div\n        class=\"font-medium text-title group-hover:text-primary overflow-hidden break-words\"\n        [ngClass]=\"getTitleClass()\"\n      >\n        {{ record.title }}\n      </div>\n      <div\n        *ngIf=\"size === 'L'\"\n        class=\"mt-1 mb-2 font-normal text-xs text-gray-900 line-clamp-2 overflow-hidden\"\n      >\n        <gn-ui-markdown-parser\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div\n        *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n        class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n      >\n        <div class=\"flex items-center flex-1 min-w-0\">\n          <div\n            class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\"\n          >\n            <gn-ui-thumbnail\n              [thumbnailUrl]=\"\n                record.ownerOrganization?.logoUrl?.toString() || ''\n              \"\n              [fit]=\"'contain'\"\n              class=\"w-full h-full rounded-lg\"\n            ></gn-ui-thumbnail>\n          </div>\n          <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n            <div\n              class=\"text-xs text-black font-normal leading-tight truncate\"\n              translate\n            >\n              record.card.metadata.contact\n            </div>\n            <div class=\"text-xl text-primary-black font-medium truncate\">\n              {{ organization.name }}\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n          <div *ngIf=\"organization?.website\" class=\"flex\">\n            <button\n              [title]=\"organization.website\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n              (click)=\"openExternalUrl($event, organization.website)\"\n            >\n              <ng-icon name=\"iconoirInternet\"></ng-icon>\n            </button>\n          </div>\n          <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n            <button\n              [title]=\"contacts[0].email\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n              data-cy=\"contact-email\"\n              (click)=\"openMailto($event, contacts[0].email)\"\n            >\n              <ng-icon name=\"matEmailOutline\"></ng-icon>\n            </button>\n          </div>\n          <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n            <button\n              [title]=\"'Copy to clipboard'\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n              data-cy=\"contact-phone\"\n              (click)=\"copyToClipboard($event, contacts[0].phone)\"\n            >\n              <ng-icon name=\"matPhoneOutline\"></ng-icon>\n            </button>\n          </div>\n          <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n            <button\n              [title]=\"'Copy to clipboard'\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n              data-cy=\"contact-phone\"\n              (click)=\"copyToClipboard($event, contacts[0].address)\"\n            >\n              <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-internal-link-card', standalone: true, imports: [
+                        NgClass,
+                        NgIf,
+                        ThumbnailComponent,
+                        MetadataQualityComponent,
+                        NgTemplateOutlet,
+                        NgIconComponent,
+                        TranslateModule,
+                        MarkdownParserComponent,
+                    ], providers: [
+                        provideIcons({
+                            matLocationSearchingOutline,
+                            matCode,
+                            iconoirDatabase,
+                            iconoirMap,
+                            iconoirInternet,
+                            matEmailOutline,
+                            matPhoneOutline,
+                            matLocationOnOutline,
+                        }),
+                        provideNgIconsConfig({
+                            size: '1.2em',
+                        }),
+                    ], template: "<div\n  class=\"rounded-lg group card-shadow cursor-pointer overflow-hidden hover:bg-gray-50\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-row justify-between w-full\">\n    <div\n      *ngIf=\"shouldShowThumbnail\"\n      [ngClass]=\"thumbnailContainerClass\"\n      class=\"mr-4 flex flex-col\"\n    >\n      <gn-ui-thumbnail\n        class=\"w-full h-full object-cover\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n        [fit]=\"'cover'\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div\n      class=\"flex flex-col flex-1 relative\"\n      [ngClass]=\"{\n        'justify-between': record.ownerOrganization?.name && size !== 'XS',\n      }\"\n    >\n      <div class=\"flex items-center space-x-2\">\n        <span\n          *ngIf=\"getKindInfo().text\"\n          class=\"badge-btn text-white text-xs px-2 py-0.5 font-bold shrink-0 bg-primary leading-tight flex items-center justify-evenly h-6 min-h-6\"\n        >\n          <ng-icon\n            class=\"text-[0.9em] text-white mr-1\"\n            [name]=\"getKindInfo().icon\"\n          ></ng-icon>\n          <span class=\"font-medium text-white text-xs\" translate>\n            {{ getKindInfo().text }}\n          </span>\n        </span>\n        <span\n          *ngIf=\"isGeodata\"\n          class=\"badge-btn text-black text-xs px-2 py-0.5 font-bold shrink-0 bg-primary-white leading-tight flex items-center justify-evenly h-6 min-h-6\"\n          [ngClass]=\"size === 'L' ? 'w-[164px]' : 'w-8'\"\n        >\n          <ng-icon\n            class=\"text-[0.9em] text-primary-darkest\"\n            name=\"matLocationSearchingOutline\"\n          ></ng-icon>\n          <ng-container *ngIf=\"size === 'L'\">\n            <span\n              class=\"font-medium text-primary-darkest text-xs ml-1\"\n              translate\n            >\n              record.metadata.type\n            </span>\n          </ng-container>\n        </span>\n        <div class=\"flex items-center\">\n          <gn-ui-metadata-quality\n            [smaller]=\"true\"\n            [metadata]=\"record\"\n            [metadataQualityDisplay]=\"metadataQualityDisplay\"\n          ></gn-ui-metadata-quality>\n        </div>\n        <div class=\"absolute top-0 right-0 items-center\">\n          <ng-container\n            *ngIf=\"size !== 'XS'\"\n            [ngTemplateOutlet]=\"favoriteTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: record }\"\n          ></ng-container>\n        </div>\n      </div>\n      <div\n        class=\"font-medium text-title group-hover:text-primary overflow-hidden break-words\"\n        [ngClass]=\"getTitleClass()\"\n      >\n        {{ record.title }}\n      </div>\n      <div\n        *ngIf=\"size === 'L'\"\n        class=\"mt-1 mb-2 font-normal text-xs text-gray-900 line-clamp-2 overflow-hidden\"\n      >\n        <gn-ui-markdown-parser\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div\n        *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n        class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n      >\n        <div class=\"flex items-center flex-1 min-w-0\">\n          <div\n            class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\"\n          >\n            <gn-ui-thumbnail\n              [thumbnailUrl]=\"\n                record.ownerOrganization?.logoUrl?.toString() || ''\n              \"\n              [fit]=\"'contain'\"\n              class=\"w-full h-full rounded-lg\"\n            ></gn-ui-thumbnail>\n          </div>\n          <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n            <div\n              class=\"text-xs text-black font-normal leading-tight truncate\"\n              translate\n            >\n              record.card.metadata.contact\n            </div>\n            <div class=\"text-xl text-primary-black font-medium truncate\">\n              {{ organization.name }}\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n          <div *ngIf=\"organization?.website\" class=\"flex\">\n            <button\n              [title]=\"organization.website\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n              (click)=\"openExternalUrl($event, organization.website)\"\n            >\n              <ng-icon name=\"iconoirInternet\"></ng-icon>\n            </button>\n          </div>\n          <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n            <button\n              [title]=\"contacts[0].email\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n              data-cy=\"contact-email\"\n              (click)=\"openMailto($event, contacts[0].email)\"\n            >\n              <ng-icon name=\"matEmailOutline\"></ng-icon>\n            </button>\n          </div>\n          <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n            <button\n              [title]=\"'Copy to clipboard'\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n              data-cy=\"contact-phone\"\n              (click)=\"copyToClipboard($event, contacts[0].phone)\"\n            >\n              <ng-icon name=\"matPhoneOutline\"></ng-icon>\n            </button>\n          </div>\n          <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n            <button\n              [title]=\"'Copy to clipboard'\"\n              class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n              data-cy=\"contact-phone\"\n              (click)=\"copyToClipboard($event, contacts[0].address)\"\n            >\n              <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { record: [{
+                type: Input
+            }], metadataQualityDisplay: [{
+                type: Input
+            }], favoriteTemplate: [{
+                type: Input
+            }], linkHref: [{
+                type: Input
+            }], isGeodata: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], mdSelect: [{
+                type: Output
+            }] } });
+
+marker(`service.metadata.search`);
+marker(`service.metadata.capabilities.title`);
+marker(`service.metadata.capabilities.abstract`);
+marker(`service.metadata.capabilities.name`);
+marker(`service.metadata.capabilities.defaultCrs`);
+marker(`service.metadata.capabilities.availableCrs`);
+marker(`service.metadata.capabilities.otherCrs`);
+marker(`service.metadata.capabilities.objectCount`);
+marker(`service.metadata.capabilities.geometryName`);
+marker(`service.metadata.capabilities.geometryType`);
+marker(`service.metadata.capabilities.keywords`);
+marker(`service.metadata.capabilities.outputFormats`);
+marker(`service.metadata.capabilities.resourceLinks`);
+marker(`service.metadata.capabilities.attribution`);
+class ServiceCapabilitiesComponent {
+    constructor(cdr, translateService) {
+        this.cdr = cdr;
+        this.translateService = translateService;
+        this.apiLinks = [];
+        this.availableLayers = [];
+        this.filteredLayers = [];
+        this.selectedLayer = null;
+        this.layerInformation = [];
+        this.searchQuery = '';
+        this.loading = false;
+        this.capabilitiesKeys = [
+            'title',
+            'abstract',
+            'name',
+            'defaultCrs',
+            'availableCrs',
+            'otherCrs',
+            'objectCount',
+            'geometryName',
+            'geometryType',
+            'keywords',
+            'outputFormats',
+            'resourceLinks',
+            'attribution',
+        ];
+    }
+    ngOnInit() {
+        this.loadLayers();
+    }
+    onSearchChange(event) {
+        const input = event.target;
+        this.searchQuery = input.value;
+        if (!input.value) {
+            this.searchActive = false;
+            this.filteredLayers = this.availableLayers;
+        }
+    }
+    onSearchEnter(event) {
+        if (event.key === 'Enter') {
+            this.searchActive = true;
+            this.searchLayers();
+        }
+    }
+    async loadLayers() {
+        if (this.apiLinks.length > 0 &&
+            this.apiLinks[0].accessServiceProtocol !== 'ogcFeatures') {
+            this.loading = true;
+            this.availableLayers = await getLayers(this.apiLinks[0].url.href, this.apiLinks[0].accessServiceProtocol);
+            this.loading = false;
+            this.cdr.detectChanges();
+            this.filteredLayers = this.availableLayers;
+        }
+        else {
+            this.availableLayers = [];
+        }
+    }
+    selectLayer(layer) {
+        if (layer === this.selectedLayer) {
+            this.selectedLayer = null;
+            this.layerInformation = [];
+            return;
+        }
+        this.selectedLayer = layer;
+        const filteredInfo = [];
+        Object.keys(layer).map((key) => {
+            if (this.capabilitiesKeys.includes(key)) {
+                const displayName = this.translateService.instant(`service.metadata.capabilities.${key}`);
+                if (key in layer && layer[key]?.length) {
+                    filteredInfo.push({ displayName, value: layer[key] });
+                }
+            }
+        });
+        this.layerInformation = filteredInfo;
+    }
+    isList(value) {
+        return Array.isArray(value);
+    }
+    getExtraInputClass() {
+        if (this.searchActive) {
+            return 'h-14 border rounded-lg border-primary text-primary focus:border-primary hover:border-primary';
+        }
+        return 'h-14 border rounded-lg';
+    }
+    searchLayers() {
+        this.searchActive = true;
+        this.filteredLayers = this.availableLayers.filter((layer) => {
+            const query = this.searchQuery.toLowerCase();
+            if (layer.title) {
+                return (layer.title.toLowerCase().includes(query) ||
+                    layer.abstract?.toLowerCase().includes(query));
+            }
+            else {
+                return layer.name.toLowerCase().includes(query);
+            }
+        });
+        if (!this.filteredLayers.includes(this.selectedLayer)) {
+            this.selectedLayer = null;
+            this.layerInformation = [];
+        }
+    }
+    getExtraClass(layerItem) {
+        return layerItem.title === this.selectedLayer?.title
+            ? `h-8 rounded-lg bg-primary-darker text-white hover:text-primary-darker hover:bg-white`
+            : `h-8 rounded-lg`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceCapabilitiesComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ServiceCapabilitiesComponent, isStandalone: true, selector: "gn-ui-service-capabilities", inputs: { apiLinks: "apiLinks" }, ngImport: i0, template: "<div style=\"height: 652px\" id=\"preview\" *ngIf=\"apiLinks.length > 0\">\n  <div class=\"bg-primary-opacity-10 overflow-visible\" style=\"height: 512px\">\n    <div class=\"container-lg px-4 lg:mx-auto\">\n      <div>\n        <div class=\"gn-ui-section-title mb-6\" translate>\n          service.metadata.capabilities\n        </div>\n        <div\n          *ngIf=\"loading\"\n          class=\"flex justify-center w-full h-[200px] items-center\"\n        >\n          <gn-ui-spinning-loader></gn-ui-spinning-loader>\n        </div>\n        <div *ngIf=\"!loading\">\n          <div class=\"flex flex-row gap-5\">\n            <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n              <gn-ui-text-input\n                class=\"w-full\"\n                [extraClass]=\"getExtraInputClass()\"\n                [placeholder]=\"'service.metadata.search' | translate\"\n                (input)=\"onSearchChange($event)\"\n                (keydown.enter)=\"onSearchEnter($event)\"\n              >\n              </gn-ui-text-input>\n              <div class=\"border-l absolute border-gray-200 right-0 h-14 w-14\">\n                <gn-ui-button\n                  #inputBtn\n                  type=\"outline\"\n                  extraClass=\"h-12 w-12 border-0 absolute right-1 top-1\"\n                  (buttonClick)=\"searchLayers()\"\n                >\n                  <ng-icon name=\"iconoirSearch\"></ng-icon>\n                </gn-ui-button>\n              </div>\n            </div>\n            <gn-ui-popover\n              [content]=\"popoverItems\"\n              theme=\"light\"\n              class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n            >\n              <ng-icon name=\"matInfoOutline\" class=\"w-6 h-6 pt-0.5\"></ng-icon>\n            </gn-ui-popover>\n          </div>\n          <div\n            style=\"height: 500px\"\n            class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n          >\n            <div\n              class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n              data-test=\"layer-list\"\n            >\n              <gn-ui-button\n                *ngFor=\"let layerItem of filteredLayers\"\n                type=\"outline\"\n                [extraClass]=\"getExtraClass(layerItem)\"\n                (buttonClick)=\"selectLayer(layerItem)\"\n              >\n                {{ layerItem.title || layerItem.name }}\n              </gn-ui-button>\n              <span *ngIf=\"filteredLayers.length === 0\" class=\"text-gray-800\">\n                {{ 'service.metadata.filter.noLayers' | translate }}\n              </span>\n            </div>\n            <div\n              data-test=\"layer-information\"\n              class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n            >\n              <div\n                *ngFor=\"let item of layerInformation\"\n                class=\"flex flex-row gap-4 border-b border-gray-200\"\n              >\n                <span class=\"font-semibold w-24\">{{ item.displayName }}</span>\n                <div *ngIf=\"isList(item.value)\">\n                  <div\n                    *ngFor=\"let subItem of item.value\"\n                    class=\"flex flex-row break-words max-w-72\"\n                  >\n                    {{ subItem }}\n                  </div>\n                </div>\n                <div class=\"break-words max-w-72\" *ngIf=\"!isList(item.value)\">\n                  {{ item.value }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }], viewProviders: [
+            provideIcons({
+                iconoirSearch,
+                matInfoOutline,
+            }),
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceCapabilitiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-service-capabilities', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ButtonComponent,
+                        TextInputComponent,
+                        NgIcon,
+                        PopoverComponent,
+                        SpinningLoaderComponent,
+                    ], viewProviders: [
+                        provideIcons({
+                            iconoirSearch,
+                            matInfoOutline,
+                        }),
+                    ], template: "<div style=\"height: 652px\" id=\"preview\" *ngIf=\"apiLinks.length > 0\">\n  <div class=\"bg-primary-opacity-10 overflow-visible\" style=\"height: 512px\">\n    <div class=\"container-lg px-4 lg:mx-auto\">\n      <div>\n        <div class=\"gn-ui-section-title mb-6\" translate>\n          service.metadata.capabilities\n        </div>\n        <div\n          *ngIf=\"loading\"\n          class=\"flex justify-center w-full h-[200px] items-center\"\n        >\n          <gn-ui-spinning-loader></gn-ui-spinning-loader>\n        </div>\n        <div *ngIf=\"!loading\">\n          <div class=\"flex flex-row gap-5\">\n            <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n              <gn-ui-text-input\n                class=\"w-full\"\n                [extraClass]=\"getExtraInputClass()\"\n                [placeholder]=\"'service.metadata.search' | translate\"\n                (input)=\"onSearchChange($event)\"\n                (keydown.enter)=\"onSearchEnter($event)\"\n              >\n              </gn-ui-text-input>\n              <div class=\"border-l absolute border-gray-200 right-0 h-14 w-14\">\n                <gn-ui-button\n                  #inputBtn\n                  type=\"outline\"\n                  extraClass=\"h-12 w-12 border-0 absolute right-1 top-1\"\n                  (buttonClick)=\"searchLayers()\"\n                >\n                  <ng-icon name=\"iconoirSearch\"></ng-icon>\n                </gn-ui-button>\n              </div>\n            </div>\n            <gn-ui-popover\n              [content]=\"popoverItems\"\n              theme=\"light\"\n              class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n            >\n              <ng-icon name=\"matInfoOutline\" class=\"w-6 h-6 pt-0.5\"></ng-icon>\n            </gn-ui-popover>\n          </div>\n          <div\n            style=\"height: 500px\"\n            class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n          >\n            <div\n              class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n              data-test=\"layer-list\"\n            >\n              <gn-ui-button\n                *ngFor=\"let layerItem of filteredLayers\"\n                type=\"outline\"\n                [extraClass]=\"getExtraClass(layerItem)\"\n                (buttonClick)=\"selectLayer(layerItem)\"\n              >\n                {{ layerItem.title || layerItem.name }}\n              </gn-ui-button>\n              <span *ngIf=\"filteredLayers.length === 0\" class=\"text-gray-800\">\n                {{ 'service.metadata.filter.noLayers' | translate }}\n              </span>\n            </div>\n            <div\n              data-test=\"layer-information\"\n              class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n            >\n              <div\n                *ngFor=\"let item of layerInformation\"\n                class=\"flex flex-row gap-4 border-b border-gray-200\"\n              >\n                <span class=\"font-semibold w-24\">{{ item.displayName }}</span>\n                <div *ngIf=\"isList(item.value)\">\n                  <div\n                    *ngFor=\"let subItem of item.value\"\n                    class=\"flex flex-row break-words max-w-72\"\n                  >\n                    {{ subItem }}\n                  </div>\n                </div>\n                <div class=\"break-words max-w-72\" *ngIf=\"!isList(item.value)\">\n                  {{ item.value }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { apiLinks: [{
+                type: Input
+            }] } });
+
 class UiElementsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, declarations: [AvatarComponent, UserPreviewComponent], imports: [CommonModule,
@@ -29860,12 +30886,16 @@ class UiElementsModule {
             MaxLinesComponent,
             TextInputComponent,
             ImageInputComponent,
-            ApplicationBannerComponent], exports: [ThumbnailComponent,
+            ApplicationBannerComponent,
+            InternalLinkCardComponent,
+            ServiceCapabilitiesComponent], exports: [ThumbnailComponent,
             AvatarComponent,
             UserPreviewComponent,
             MarkdownParserComponent,
             ImageInputComponent,
-            ApplicationBannerComponent] }); }
+            ApplicationBannerComponent,
+            InternalLinkCardComponent,
+            ServiceCapabilitiesComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, providers: [
             provideNgIconsConfig({
                 size: '1.5em',
@@ -29885,7 +30915,9 @@ class UiElementsModule {
             MaxLinesComponent,
             TextInputComponent,
             ImageInputComponent,
-            ApplicationBannerComponent] }); }
+            ApplicationBannerComponent,
+            InternalLinkCardComponent,
+            ServiceCapabilitiesComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -29910,6 +30942,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextInputComponent,
                         ImageInputComponent,
                         ApplicationBannerComponent,
+                        InternalLinkCardComponent,
+                        ServiceCapabilitiesComponent,
                     ],
                     providers: [
                         provideNgIconsConfig({
@@ -29924,6 +30958,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MarkdownParserComponent,
                         ImageInputComponent,
                         ApplicationBannerComponent,
+                        InternalLinkCardComponent,
+                        ServiceCapabilitiesComponent,
                     ],
                 }]
         }] });
@@ -30264,8 +31300,9 @@ class ResultsTableComponent {
         return getBadgeColor(format);
     }
     handleRecordClick(item) {
-        if (item?.extras?.edit || this.isDraftPage)
+        if ((item?.extras?.edit || this.isDraftPage) && item.kind === 'dataset') {
             this.recordClick.emit(item);
+        }
     }
     handleDuplicate(item) {
         this.duplicateRecord.emit(item);
@@ -30302,7 +31339,7 @@ class ResultsTableComponent {
         this.recordsSelectedChange.emit([[record], selected]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, deps: [{ token: i1$9.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: DateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", rollbackDraft: "rollbackDraft", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete", "isDraftPage"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", rollbackDraft: "rollbackDraft", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"(item.extras?.edit || isDraftPage) && item.kind === 'dataset'\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"\n          (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\n        \"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light':\n              (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete", "isDraftPage"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -30316,7 +31353,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ActionMenuComponent,
                         NgIconComponent,
                         CdkOverlayOrigin,
-                    ], providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
+                    ], providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"(item.extras?.edit || isDraftPage) && item.kind === 'dataset'\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"\n          (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\n        \"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light':\n              (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
         }], ctorParameters: () => [{ type: i1$9.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: DateService }], propDecorators: { records: [{
                 type: Input
             }], selectedRecordsIdentifiers: [{
@@ -31347,9 +32384,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: SearchFacade }] });
 
-class RecordsRepositoryInterface {
-}
-
 class FuzzySearchComponent {
     constructor(searchFacade, searchService, recordsRepository) {
         this.searchFacade = searchFacade;
@@ -31488,7 +32522,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }] }] });
 
 // expects the replacement key ${uuid}
-const RECORD_URL_TOKEN = new InjectionToken('record-url-token');
+const RECORD_DATASET_URL_TOKEN = new InjectionToken('record-dataset-url-token');
+const RECORD_SERVICE_URL_TOKEN = new InjectionToken('record-service-url-token');
+const RECORD_REUSE_URL_TOKEN = new InjectionToken('record-reuse-url-token');
 
 class FavoriteStarComponent {
     set record(value) {
@@ -31515,9 +32551,10 @@ class FavoriteStarComponent {
         this.isAnonymous$ = this.platformService.isAnonymous();
         this.loading = false;
         this.loginUrl = this.authService.loginUrl;
-        this.loginMessage$ = this.translateService.get('favorite.not.authenticated.tooltip', {
+        this.loginMessage$ = this.translateService.onLangChange.pipe(startWith(null), // make sure to wait for translations to be loaded with and without language change
+        switchMap$1(() => this.translateService.get('favorite.not.authenticated.tooltip', {
             link: this.loginUrl,
-        });
+        })));
     }
     ngAfterViewInit() {
         this.subscription = this.isAnonymous$
@@ -31573,11 +32610,11 @@ class FavoriteStarComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FavoriteStarComponent, deps: [{ token: FavoritesService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: AuthService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FavoriteStarComponent, isStandalone: true, selector: "gn-ui-favorite-star", inputs: { displayCount: "displayCount", record: "record" }, viewQueries: [{ propertyName: "starToggleRef", first: true, predicate: StarToggleComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n  <span\n    class=\"align-text-top ml-1.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"!displayCount\"\n    translate=\"datahub.record.addToFavorites\"\n  ></span>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: ["toggled", "disabled"], outputs: ["newValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FavoriteStarComponent, isStandalone: true, selector: "gn-ui-favorite-star", inputs: { displayCount: "displayCount", record: "record" }, viewQueries: [{ propertyName: "starToggleRef", first: true, predicate: StarToggleComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-0.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: ["toggled", "disabled"], outputs: ["newValue"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FavoriteStarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-favorite-star', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, StarToggleComponent], template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n  <span\n    class=\"align-text-top ml-1.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"!displayCount\"\n    translate=\"datahub.record.addToFavorites\"\n  ></span>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-favorite-star', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, StarToggleComponent, TranslateModule], template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-0.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n</div>\n" }]
         }], ctorParameters: () => [{ type: FavoritesService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: AuthService }, { type: i1$1.TranslateService }], propDecorators: { displayCount: [{
                 type: Input
             }], record: [{
@@ -31588,10 +32625,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class ResultsListContainerComponent {
-    constructor(facade, resultsLayoutConfig, recordUrlTemplate) {
+    constructor(facade, resultsLayoutConfig, recordDatasetUrlTemplate, recordServiceUrlTemplate, recordReuseUrlTemplate) {
         this.facade = facade;
         this.resultsLayoutConfig = resultsLayoutConfig;
-        this.recordUrlTemplate = recordUrlTemplate;
+        this.recordDatasetUrlTemplate = recordDatasetUrlTemplate;
+        this.recordServiceUrlTemplate = recordServiceUrlTemplate;
+        this.recordReuseUrlTemplate = recordReuseUrlTemplate;
         this.showMore = 'auto';
         this.mdSelect = new EventEmitter();
         this.errorTypes = ErrorType;
@@ -31623,16 +32662,24 @@ class ResultsListContainerComponent {
         this.facade.scroll();
     }
     getRecordUrl(metadata) {
-        if (!this.recordUrlTemplate)
+        const tokenMap = {
+            dataset: this.recordDatasetUrlTemplate,
+            service: this.recordServiceUrlTemplate,
+            reuse: this.recordReuseUrlTemplate,
+        };
+        if (!this.recordDatasetUrlTemplate &&
+            !this.recordServiceUrlTemplate &&
+            !this.recordReuseUrlTemplate)
             return null;
-        return this.recordUrlTemplate.replace('${uuid}', metadata.uniqueIdentifier);
+        const urlKind = tokenMap[metadata.kind];
+        return urlKind.replace('${uuid}', metadata.uniqueIdentifier);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListContainerComponent, deps: [{ token: SearchFacade }, { token: RESULTS_LAYOUT_CONFIG }, { token: RECORD_URL_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: { metadataQualityDisplay: "metadataQualityDisplay", layout: "layout", showMore: "showMore" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: ["records", "layoutConfig", "favoriteTemplate", "recordUrlGetter", "metadataQualityDisplay"], outputs: ["mdSelect"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: ["isInViewport", "entersViewport", "exitsViewport"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: ErrorComponent, selector: "gn-ui-error", inputs: ["type", "error", "recordId"] }, { kind: "component", type: FavoriteStarComponent, selector: "gn-ui-favorite-star", inputs: ["displayCount", "record"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListContainerComponent, deps: [{ token: SearchFacade }, { token: RESULTS_LAYOUT_CONFIG }, { token: RECORD_DATASET_URL_TOKEN, optional: true }, { token: RECORD_SERVICE_URL_TOKEN }, { token: RECORD_REUSE_URL_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: { metadataQualityDisplay: "metadataQualityDisplay", layout: "layout", showMore: "showMore" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n        [style.--gn-ui-button-width]=\"!auto\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [":host{--gn-ui-button-height: 24px;--gn-ui-button-width: 24px;--gn-ui-button-color: var(--color-secondary);--gn-ui-button-border-width: 0px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: ["records", "layoutConfig", "favoriteTemplate", "recordUrlGetter", "metadataQualityDisplay"], outputs: ["mdSelect"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: ["isInViewport", "entersViewport", "exitsViewport"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: ErrorComponent, selector: "gn-ui-error", inputs: ["type", "error", "recordId"] }, { kind: "component", type: FavoriteStarComponent, selector: "gn-ui-favorite-star", inputs: ["displayCount", "record"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-list-container', template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n" }]
+            args: [{ selector: 'gn-ui-results-list-container', template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n        [style.--gn-ui-button-width]=\"!auto\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [":host{--gn-ui-button-height: 24px;--gn-ui-button-width: 24px;--gn-ui-button-color: var(--color-secondary);--gn-ui-button-border-width: 0px}\n"] }]
         }], ctorParameters: () => [{ type: SearchFacade }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [RESULTS_LAYOUT_CONFIG]
@@ -31640,7 +32687,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [RECORD_URL_TOKEN]
+                    args: [RECORD_DATASET_URL_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RECORD_SERVICE_URL_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RECORD_REUSE_URL_TOKEN]
                 }] }], propDecorators: { metadataQualityDisplay: [{
                 type: Input
             }], layout: [{
@@ -32392,12 +33445,7 @@ class FeatureSearchModule {
             FacetsModule,
             SearchStateContainerDirective,
             FilterDropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureSearchModule, providers: [
-            {
-                provide: RecordsRepositoryInterface,
-                useClass: Gn4Repository,
-            },
-        ], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureSearchModule, imports: [CommonModule,
             TranslateModule.forChild(),
             StoreModule.forFeature(SEARCH_FEATURE_KEY, reducer$2, {
                 initialState,
@@ -32459,12 +33507,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SearchStateContainerDirective,
                         FilterDropdownComponent,
                     ],
-                    providers: [
-                        {
-                            provide: RecordsRepositoryInterface,
-                            useClass: Gn4Repository,
-                        },
-                    ],
                 }]
         }] });
 
@@ -32952,247 +33994,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const DO_NOT_USE_DEFAULT_BASEMAP = new InjectionToken('doNotUseDefaultBasemap', { factory: () => false });
-const BASEMAP_LAYERS = new InjectionToken('basemapLayers', { factory: () => [] });
-const MAP_VIEW_CONSTRAINTS = new InjectionToken('mapViewConstraints', {
-    factory: () => ({}),
-});
-const VECTOR_STYLE_DEFAULT = new InjectionToken('vectorStyleDefault', {
-    factory: () => ({
-        fill: { color: 'rgba(255, 255, 255, 0.2)' },
-        stroke: { color: '#ffcc33', width: 2 },
-    }),
-});
-
-const DEFAULT_BASEMAP_LAYER = {
-    type: 'xyz',
-    url: `https://{a-c}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png`,
-    attributions: `<span>© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, © <a href="https://carto.com/">Carto</a></span>`,
-};
-const DEFAULT_VIEW = {
-    center: [0, 15],
-    zoom: 2,
-};
-class MapContainerComponent {
-    get featuresClick() {
-        if (!this._featuresClick) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, FeaturesClickEventType, ({ features }) => this._featuresClick.emit(features));
-            });
-            this._featuresClick = new EventEmitter();
-        }
-        return this._featuresClick;
-    }
-    get featuresHover() {
-        if (!this._featuresHover) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, FeaturesHoverEventType, ({ features }) => this._featuresHover.emit(features));
-            });
-            this._featuresHover = new EventEmitter();
-        }
-        return this._featuresHover;
-    }
-    get mapClick() {
-        if (!this._mapClick) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, MapClickEventType, ({ coordinate }) => this._mapClick.emit(coordinate));
-            });
-            this._mapClick = new EventEmitter();
-        }
-        return this._mapClick;
-    }
-    get sourceLoadError() {
-        if (!this._sourceLoadError) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, SourceLoadErrorType, (error) => this._sourceLoadError.emit(error));
-            });
-            this._sourceLoadError = new EventEmitter();
-        }
-        return this._sourceLoadError;
-    }
-    constructor(doNotUseDefaultBasemap, basemapLayers, mapViewConstraints) {
-        this.doNotUseDefaultBasemap = doNotUseDefaultBasemap;
-        this.basemapLayers = basemapLayers;
-        this.mapViewConstraints = mapViewConstraints;
-        this.openlayersMap = new Promise((resolve) => {
-            this.olMapResolver = resolve;
-        });
-    }
-    async ngAfterViewInit() {
-        this.olMap = await createMapFromContext(this.processContext(this.context), this.container.nativeElement);
-        this.displayMessage$ = merge(fromEvent(this.olMap, 'mapmuted').pipe(map$1(() => true)), fromEvent(this.olMap, 'movestart').pipe(map$1(() => false)), fromEvent(this.olMap, 'singleclick').pipe(map$1(() => false))).pipe(switchMap$1((muted) => muted
-            ? timer(2000).pipe(map$1(() => false), startWith(true), delay(400))
-            : of(false)));
-        this.olMapResolver(this.olMap);
-    }
-    async ngOnChanges(changes) {
-        if ('context' in changes && !changes['context'].isFirstChange()) {
-            const diff = computeMapContextDiff(this.processContext(changes['context'].currentValue), this.processContext(changes['context'].previousValue));
-            await applyContextDiffToMap(this.olMap, diff);
-        }
-    }
-    // This will apply basemap layers & view constraints
-    processContext(context) {
-        const processed = context
-            ? { ...context, view: context.view ?? DEFAULT_VIEW }
-            : { layers: [], view: DEFAULT_VIEW };
-        if (this.basemapLayers.length) {
-            processed.layers = [...this.basemapLayers, ...processed.layers];
-        }
-        if (!this.doNotUseDefaultBasemap) {
-            processed.layers = [DEFAULT_BASEMAP_LAYER, ...processed.layers];
-        }
-        if (this.mapViewConstraints.maxZoom) {
-            processed.view = {
-                maxZoom: this.mapViewConstraints.maxZoom,
-                ...processed.view,
-            };
-        }
-        if (this.mapViewConstraints.maxExtent) {
-            processed.view = {
-                maxExtent: this.mapViewConstraints.maxExtent,
-                ...processed.view,
-            };
-        }
-        if (processed.view &&
-            !('zoom' in processed.view) &&
-            !('center' in processed.view)) {
-            if (this.mapViewConstraints.maxExtent) {
-                processed.view = {
-                    extent: this.mapViewConstraints.maxExtent,
-                    ...processed.view,
-                };
-            }
-            else {
-                processed.view = { ...DEFAULT_VIEW, ...processed.view };
-            }
-        }
-        return processed;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, deps: [{ token: DO_NOT_USE_DEFAULT_BASEMAP }, { token: BASEMAP_LAYERS }, { token: MAP_VIEW_CONSTRAINTS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapContainerComponent, isStandalone: true, selector: "gn-ui-map-container", inputs: { context: "context" }, outputs: { featuresClick: "featuresClick", featuresHover: "featuresHover", mapClick: "mapClick", sourceLoadError: "sourceLoadError" }, providers: [
-            provideIcons({ matSwipeOutline }),
-            provideNgIconsConfig({
-                size: '1.5em',
-            }),
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["map"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-map-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, NgIconComponent], providers: [
-                        provideIcons({ matSwipeOutline }),
-                        provideNgIconsConfig({
-                            size: '1.5em',
-                        }),
-                    ], template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DO_NOT_USE_DEFAULT_BASEMAP]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [BASEMAP_LAYERS]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAP_VIEW_CONSTRAINTS]
-                }] }], propDecorators: { context: [{
-                type: Input
-            }], featuresClick: [{
-                type: Output
-            }], featuresHover: [{
-                type: Output
-            }], mapClick: [{
-                type: Output
-            }], sourceLoadError: [{
-                type: Output
-            }], container: [{
-                type: ViewChild,
-                args: ['map']
-            }] } });
-
-const geometryKeys = ['geometry', 'the_geom'];
-class FeatureDetailComponent {
-    get properties() {
-        if (!this.feature)
-            return [];
-        return Object.keys(this.feature.properties).filter((prop) => !geometryKeys.includes(prop));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureDetailComponent, isStandalone: true, selector: "gn-ui-feature-detail", inputs: { feature: "feature" }, ngImport: i0, template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-feature-detail', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"] }]
-        }], propDecorators: { feature: [{
-                type: Input
-            }] } });
-
-class MapLegendComponent {
-    constructor() {
-        this.legendStatusChange = new EventEmitter();
-    }
-    async ngOnChanges(changes) {
-        if ('context' in changes) {
-            const mapContext = changes['context'].currentValue;
-            if (mapContext.layers && mapContext.layers.length > 0) {
-                const mapContextLayer = mapContext.layers[0];
-                this.legendHTML = await createLegendFromLayer(mapContextLayer);
-                if (this.legendHTML) {
-                    this.legendStatusChange.emit(true);
-                }
-            }
-            else {
-                this.legendHTML = false;
-                this.legendStatusChange.emit(false);
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapLegendComponent, isStandalone: true, selector: "gn-ui-map-legend", inputs: { context: "context" }, outputs: { legendStatusChange: "legendStatusChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-map-legend', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"] }]
-        }], propDecorators: { context: [{
-                type: Input
-            }], legendStatusChange: [{
-                type: Output
-            }] } });
-
-function prioritizePageScroll(interactions) {
-    interactions.clear();
-    interactions.extend(defaults({
-        // remove rotate interactions
-        altShiftDragRotate: false,
-        pinchRotate: false,
-        // replace drag and zoom interactions
-        dragPan: false,
-        mouseWheelZoom: false,
-    })
-        .extend([
-        new DragPan({
-            condition: dragPanCondition,
-        }),
-        new MouseWheelZoom({
-            condition: mouseWheelZoomCondition,
-        }),
-    ])
-        .getArray());
-}
-function dragPanCondition(event) {
-    const dragPanCondition = this.getPointerCount() === 2 || mouseOnly(event);
-    if (!dragPanCondition) {
-        this.getMap().dispatchEvent('mapmuted');
-    }
-    // combine the condition with the default DragPan conditions
-    return dragPanCondition && noModifierKeys(event) && primaryAction(event);
-}
-function mouseWheelZoomCondition(event) {
-    if (!platformModifierKeyOnly(event) && event.type === 'wheel') {
-        this.getMap().dispatchEvent('mapmuted');
-    }
-    return platformModifierKeyOnly(event);
-}
-
 class MapStateContainerComponent {
     constructor(mapFacade) {
         this.mapFacade = mapFacade;
@@ -33844,6 +34645,7 @@ function loadAppConfig() {
             'metadata_language',
             'login_url',
             'logout_url',
+            'settings_url',
             'web_component_embedder_url',
             'languages',
             'contact_email',
@@ -33994,6 +34796,7 @@ proxy_path = "/proxy/?url="
 metadata_language = "fre"
 login_url = "/cas/login?service="
 logout_url = "/geonetwork/signout"
+settings_url = "/geonetwork/settings"
 web_component_embedder_url = "/datahub/wc-embedder.html"
 
 [map]
@@ -36508,6 +37311,10 @@ class ChartViewComponent {
         this.dataset$ = this.currentLink$.pipe(filter((link) => !!link), switchMap$1((link) => {
             this.error = null;
             this.loading = true;
+            if (link.accessRestricted) {
+                this.handleError('dataset.error.restrictedAccess');
+                return EMPTY;
+            }
             return this.dataService.getDataset(link, this.cacheActive).pipe(catchError((error) => {
                 this.handleError(error);
                 return EMPTY;
@@ -36772,6 +37579,10 @@ class TableViewComponent {
             this.error = null;
             if (!link)
                 return of(undefined);
+            if (link.accessRestricted) {
+                this.handleError('dataset.error.restrictedAccess');
+                return of([]);
+            }
             this.loading = true;
             return this.getDatasetReader(link).pipe(catchError((error) => {
                 this.handleError(error);
@@ -36849,15 +37660,13 @@ class MdViewFacade {
         this.error$ = this.store.pipe(select(getMetadataError));
         this.related$ = this.store.pipe(select(getRelated));
         this.chartConfig$ = this.store.pipe(select(getChartConfig));
-        this.allLinks$ = this.metadata$.pipe(map$1((record) => record.kind === 'dataset' && 'onlineResources' in record
-            ? record.onlineResources
-            : []));
+        this.allLinks$ = this.metadata$.pipe(map$1((record) => ('onlineResources' in record ? record.onlineResources : [])));
         this.apiLinks$ = this.allLinks$.pipe(map$1((links) => links
             .filter((link) => this.linkClassifier.hasUsage(link, LinkUsage.API))
             // Put links to IGN Géoplateforme first
             .sort((dd1, dd2) => {
-            return dd2.accessServiceProtocol ===
-                'GPFDL'
+            return dd2
+                .accessServiceProtocol === 'GPFDL'
                 ? 1
                 : undefined; // do not change the sorting otherwise
         })));
@@ -36928,15 +37737,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: i1$3.Store }, { type: LinkClassifierService }, { type: AvatarServiceInterface }, { type: DataService }] });
 
 class MdViewEffects {
-    constructor(actions$, recordsRepository, platformServiceInterface) {
+    constructor(actions$, recordsRepository, platformServiceInterface, router) {
         this.actions$ = actions$;
         this.recordsRepository = recordsRepository;
         this.platformServiceInterface = platformServiceInterface;
+        this.router = router;
         /*
           Metadata effects
         */
         this.loadFullMetadata$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadata), switchMap$1(({ uuid }) => this.recordsRepository.getRecord(uuid)), map$1((record) => {
-            if (record === null) {
+            if (record === null || !this.router.url.includes(record.kind)) {
                 return loadFullMetadataFailure({ notFound: true });
             }
             return loadFullMetadataSuccess({ full: record });
@@ -36971,12 +37781,12 @@ class MdViewEffects {
             }));
         })))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects, deps: [{ token: i1$c.Actions }, { token: RecordsRepositoryInterface }, { token: PlatformServiceInterface }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects, deps: [{ token: i1$c.Actions }, { token: RecordsRepositoryInterface }, { token: PlatformServiceInterface }, { token: i1$d.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: RecordsRepositoryInterface }, { type: PlatformServiceInterface }] });
+        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: RecordsRepositoryInterface }, { type: PlatformServiceInterface }, { type: i1$d.Router }] });
 
 class CatalogTitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CatalogTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -37033,11 +37843,11 @@ class LanguageSwitcherComponent {
         this.translate.use(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LanguageSwitcherComponent, deps: [{ token: LANGUAGES_LIST, optional: true }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LanguageSwitcherComponent, isStandalone: true, selector: "gn-ui-language-switcher", ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1\"\n>\n</gn-ui-dropdown-selector>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LanguageSwitcherComponent, isStandalone: true, selector: "gn-ui-language-switcher", ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1 rounded-lg\"\n>\n</gn-ui-dropdown-selector>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LanguageSwitcherComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-language-switcher', imports: [DropdownSelectorComponent], standalone: true, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1\"\n>\n</gn-ui-dropdown-selector>\n" }]
+            args: [{ selector: 'gn-ui-language-switcher', imports: [DropdownSelectorComponent], standalone: true, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1 rounded-lg\"\n>\n</gn-ui-dropdown-selector>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -37459,17 +38269,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const GN_UI_VERSION = new InjectionToken('gnUiVersion');
-
 const WEB_COMPONENT_EMBEDDER_URL = new InjectionToken('webComponentEmbedderUrl');
 class DataViewPermalinkComponent {
     set viewType(value) {
         this.viewType$.next(value);
     }
-    constructor(config, wcEmbedderBaseUrl, version, facade) {
+    constructor(config, wcEmbedderBaseUrl, facade) {
         this.config = config;
         this.wcEmbedderBaseUrl = wcEmbedderBaseUrl;
-        this.version = version;
         this.facade = facade;
         this.viewType$ = new BehaviorSubject('map');
         this.permalinkUrl$ = combineLatest([
@@ -37478,7 +38285,7 @@ class DataViewPermalinkComponent {
             this.facade.metadata$,
         ]).pipe(map$2(([viewType, config, metadata]) => {
             const url = new URL(`${this.wcEmbedderBaseUrl}`, window.location.origin);
-            url.searchParams.set('v', `${this.version}`);
+            url.searchParams.set('v', `${GEONETWORK_UI_TAG_NAME}`);
             if (viewType === 'chart') {
                 if (config) {
                     const { aggregation, xProperty, yProperty, chartType } = config;
@@ -37509,7 +38316,7 @@ class DataViewPermalinkComponent {
             return url.toString();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewPermalinkComponent, deps: [{ token: Configuration }, { token: WEB_COMPONENT_EMBEDDER_URL, optional: true }, { token: GN_UI_VERSION }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewPermalinkComponent, deps: [{ token: Configuration }, { token: WEB_COMPONENT_EMBEDDER_URL, optional: true }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewPermalinkComponent, isStandalone: true, selector: "gn-ui-data-view-permalink", inputs: { viewType: "viewType" }, ngImport: i0, template: "<gn-ui-copy-text-button\n  *ngIf=\"wcEmbedderBaseUrl\"\n  [text]=\"permalinkUrl$ | async\"\n  [tooltipText]=\"'tooltip.url.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewPermalinkComponent, decorators: [{
@@ -37523,9 +38330,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }, {
                     type: Inject,
                     args: [WEB_COMPONENT_EMBEDDER_URL]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [GN_UI_VERSION]
                 }] }, { type: MdViewFacade }], propDecorators: { viewType: [{
                 type: Input
             }] } });
@@ -37604,16 +38408,15 @@ class DataViewWebComponentComponent {
     set viewType(value) {
         this.viewType$.next(value);
     }
-    constructor(config, version, facade) {
+    constructor(config, facade) {
         this.config = config;
-        this.version = version;
         this.facade = facade;
         this.viewType$ = new BehaviorSubject('map');
         this.webComponentHtml$ = combineLatest(this.viewType$, this.facade.chartConfig$, this.facade.metadata$).pipe(map$2(([viewType, config, metadata]) => {
             if (viewType === 'chart') {
                 if (config) {
                     const { aggregation, xProperty, yProperty, chartType } = config;
-                    return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+                    return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${GEONETWORK_UI_TAG_NAME}/gn-wc.js"></script>
   <gn-dataset-view-chart
           api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
           dataset-id="${metadata.uniqueIdentifier}"
@@ -37632,7 +38435,7 @@ class DataViewWebComponentComponent {
                 return '';
             }
             else if (viewType === 'table') {
-                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${GEONETWORK_UI_TAG_NAME}/gn-wc.js"></script>
   <gn-dataset-view-table
           api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
           dataset-id="${metadata.uniqueIdentifier}"
@@ -37645,7 +38448,7 @@ class DataViewWebComponentComponent {
   ></gn-dataset-view-table>`;
             }
             else {
-                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${GEONETWORK_UI_TAG_NAME}/gn-wc.js"></script>
 <gn-dataset-view-map
         api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
         dataset-id="${metadata.uniqueIdentifier}"
@@ -37659,7 +38462,7 @@ class DataViewWebComponentComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewWebComponentComponent, deps: [{ token: Configuration }, { token: GN_UI_VERSION }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewWebComponentComponent, deps: [{ token: Configuration }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewWebComponentComponent, isStandalone: true, selector: "gn-ui-data-view-web-component", inputs: { viewType: "viewType" }, ngImport: i0, template: "<gn-ui-copy-text-button\n  [text]=\"webComponentHtml$ | async\"\n  [rows]=\"3\"\n  [tooltipText]=\"'tooltip.html.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewWebComponentComponent, decorators: [{
@@ -37668,9 +38471,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: Configuration, decorators: [{
                     type: Inject,
                     args: [Configuration]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [GN_UI_VERSION]
                 }] }, { type: MdViewFacade }], propDecorators: { viewType: [{
                 type: Input
             }] } });
@@ -37766,6 +38566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 marker('map.dropdown.placeholder');
 marker('wfs.feature.limit');
+marker('dataset.error.restrictedAccess');
 class MapViewComponent {
     set exceedsLimit(value) {
         this.excludeWfs$.next(value);
@@ -37817,6 +38618,10 @@ class MapViewComponent {
             this.hidePreview = false;
             this.loading = true;
             this.error = null;
+            if (link.accessRestricted) {
+                this.handleError('dataset.error.restrictedAccess');
+                return of([]);
+            }
             return this.getLayerFromLink(link).pipe(map$1((layer) => [layer]), catchError((e) => {
                 this.handleError(e);
                 return of([]);
@@ -38166,7 +38971,7 @@ class RecordMetaComponent {
         this.meta.removeTag('property="og:url"');
         this.meta.removeTag('property="og:title"');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, deps: [{ token: i1$d.Meta }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, deps: [{ token: i1$e.Meta }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RecordMetaComponent, isStandalone: true, selector: "gn-ui-record-meta", inputs: { metadata: "metadata" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, decorators: [{
@@ -38177,7 +38982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i1$d.Meta }], propDecorators: { metadata: [{
+        }], ctorParameters: () => [{ type: i1$e.Meta }], propDecorators: { metadata: [{
                 type: Input
             }] } });
 
@@ -39225,7 +40030,7 @@ class ImportRecordComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, deps: [{ token: i1$e.Router }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: NotificationsService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, deps: [{ token: i1$d.Router }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: NotificationsService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImportRecordComponent, isStandalone: true, selector: "gn-ui-import-record", outputs: { closeImportMenu: "closeImportMenu" }, providers: [
             provideIcons({
                 iconoirImport,
@@ -39256,7 +40061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             size: '1.5em',
                         }),
                     ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\" translate\n          >dashboard.importRecord.importExternal.title</span\n        >\n        <span translate>dashboard.importRecord.importExternal.subtitle</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$e.Router }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }], propDecorators: { closeImportMenu: [{
+        }], ctorParameters: () => [{ type: i1$d.Router }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }], propDecorators: { closeImportMenu: [{
                 type: Output
             }] } });
 
@@ -39620,75 +40425,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'gn-ui-form-field-array', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>form-field-array works!</p>\n" }]
         }] });
 
-class FormFieldMapContainerComponent {
-    constructor() {
-        this.spatialExtents$ = new BehaviorSubject([]);
-        this.mapContext$ = this.spatialExtents$.pipe(switchMap$1(async (extents) => {
-            if (extents.length === 0) {
-                return null; // null extent means default view
-            }
-            const featureCollection = {
-                type: 'FeatureCollection',
-                features: [],
-            };
-            extents.forEach((extent) => {
-                if (extent.geometry) {
-                    featureCollection.features.push({
-                        type: 'Feature',
-                        properties: {},
-                        geometry: extent.geometry,
-                    });
-                }
-                else if (extent.bbox?.length >= 0) {
-                    featureCollection.features.push({
-                        type: 'Feature',
-                        properties: {},
-                        geometry: this.bboxCoordsToGeometry(extent.bbox),
-                    });
-                }
-            });
-            const layer = {
-                type: 'geojson',
-                data: featureCollection,
-                label: 'Spatial extents',
-                style: {
-                    'stroke-color': 'black',
-                    'stroke-width': 2,
-                },
-            };
-            const view = await createViewFromLayer(layer);
-            return {
-                view,
-                layers: [layer],
-            };
-        }));
-        this.error = '';
-    }
-    set spatialExtents(value) {
-        this.spatialExtents$.next(value);
-    }
-    bboxCoordsToGeometry(bbox) {
-        const geometry = new Polygon([
-            [
-                [bbox[0], bbox[1]],
-                [bbox[0], bbox[3]],
-                [bbox[2], bbox[3]],
-                [bbox[2], bbox[1]],
-                [bbox[0], bbox[1]],
-            ],
-        ]);
-        return new GeoJSON().writeGeometryObject(geometry);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldMapContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldMapContainerComponent, isStandalone: true, selector: "gn-ui-form-field-map-container", inputs: { spatialExtents: "spatialExtents" }, ngImport: i0, template: "<gn-ui-map-container [context]=\"mapContext$ | async\"></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldMapContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-form-field-map-container', standalone: true, imports: [CommonModule, MapContainerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-map-container [context]=\"mapContext$ | async\"></gn-ui-map-container>\n" }]
-        }], propDecorators: { spatialExtents: [{
-                type: Input
-            }] } });
-
 /**
  * This form field is not like the others, as it will read directly from the state to handle both spatial extents
  * and place keywords.
@@ -39785,16 +40521,16 @@ class FormFieldSpatialExtentComponent {
         this.editorFacade.updateRecordField('spatialExtents', spatialExtents);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, deps: [{ token: PlatformServiceInterface }, { token: EditorFacade }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-spatial-extent\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-spatial-extent>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: SpatialExtentComponent, selector: "gn-ui-spatial-extent", inputs: ["spatialExtents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-form-field-spatial-extent', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
                         GenericKeywordsComponent,
-                        FormFieldMapContainerComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n" }]
+                        SpatialExtentComponent,
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-spatial-extent\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-spatial-extent>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: EditorFacade }, { type: i1$1.TranslateService }] });
 
 class ContactCardComponent {
@@ -40052,9 +40788,8 @@ class OnlineResourceCardComponent {
     get subtitle() {
         switch (this.onlineResource.type) {
             case 'service':
-                return `${this.onlineResource.accessServiceProtocol}`;
             case 'endpoint':
-                return `${this.onlineResource.protocol}`;
+                return `${this.onlineResource.accessServiceProtocol}`;
             case 'link':
             case 'download':
                 return this.getFormat(this.onlineResource);
@@ -41211,6 +41946,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const ROUTER_STATE_KEY = 'router';
 const ROUTER_ROUTE_SEARCH = 'search';
 const ROUTER_ROUTE_DATASET = 'dataset';
+const ROUTER_ROUTE_SERVICE = 'service';
+const ROUTER_ROUTE_REUSE = 'reuse';
 const ROUTER_ROUTE_ORGANIZATION = 'organization';
 var ROUTE_PARAMS;
 (function (ROUTE_PARAMS) {
@@ -41243,6 +41980,14 @@ class RouterService {
                 path: `${ROUTER_ROUTE_DATASET}/:metadataUuid`,
                 component: this.routerConfig.recordRouteComponent,
             },
+            {
+                path: `${ROUTER_ROUTE_SERVICE}/:metadataUuid`,
+                component: this.routerConfig.recordRouteComponent,
+            },
+            {
+                path: `${ROUTER_ROUTE_REUSE}/:metadataUuid`,
+                component: this.routerConfig.recordRouteComponent,
+            },
             {
                 path: `${ROUTER_ROUTE_ORGANIZATION}/:name`,
                 component: this.routerConfig.organizationRouteComponent,
@@ -41255,7 +42000,7 @@ class RouterService {
     getOrganizationPageRoute() {
         return ROUTER_ROUTE_ORGANIZATION;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$e.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$d.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, decorators: [{
@@ -41266,7 +42011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
-                }] }, { type: i1$e.Router }] });
+                }] }, { type: i1$d.Router }] });
 
 const goAction = createAction('[Router] Go', props());
 const backAction = createAction('[Router] Back');
@@ -41338,13 +42083,19 @@ class RouterFacade {
         this.currentRoute$ = this.store.pipe(select(selectCurrentRoute));
         this.pathParams$ = this.store.pipe(select(selectRouteParams));
         this.searchParams$ = this.currentRoute$.pipe(filter((route) => !!route), filter((route) => route.url[0]?.path.startsWith(ROUTER_ROUTE_SEARCH)), map$1((route) => route.queryParams), distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)), map$1(expandQueryParams));
+        this.routeMap = {
+            dataset: ROUTER_ROUTE_DATASET,
+            service: ROUTER_ROUTE_SERVICE,
+            reuse: ROUTER_ROUTE_REUSE,
+        };
     }
     goToMetadata(metadata) {
+        const selectedRoute = this.routeMap[metadata.kind] || ROUTER_ROUTE_DATASET;
         this.pathParams$
             .pipe(take(1), filter((params) => params.metadataUuid !== metadata.uniqueIdentifier))
             .subscribe(() => {
             this.go({
-                path: `${ROUTER_ROUTE_DATASET}/${metadata.uniqueIdentifier}`,
+                path: `${selectedRoute}/${metadata.uniqueIdentifier}`,
             });
             this.store.dispatch(setIncompleteMetadata({ incomplete: metadata }));
         });
@@ -41571,12 +42322,12 @@ class RouterEffects {
         this.navigateBack$ = createEffect(() => this._actions$.pipe(ofType(backAction), tap$1(() => this._location.back())), { dispatch: false });
         this.navigateForward$ = createEffect(() => this._actions$.pipe(ofType(forwardAction), tap$1(() => this._location.forward())), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, deps: [{ token: i1$c.Actions }, { token: i1$e.Router }, { token: i1$2.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, deps: [{ token: i1$c.Actions }, { token: i1$d.Router }, { token: i1$2.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: i1$e.Router }, { type: i1$2.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: i1$d.Router }, { type: i1$2.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
                 }] }, { type: FieldsService }] });
@@ -41636,5 +42387,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map