geonetwork-ui 2.6.0-dev.502fa026d → 2.6.0-dev.582b4530a

package/fesm2022/geonetwork-ui.mjs

@@ -16,7 +16,7 @@ import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-comp
 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 * as i1$2 from '@angular/common';
-import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgOptimizedImage, DatePipe, NgIf } from '@angular/common';
+import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgClass, NgIf, 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, 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 { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
@@ -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, matMailOutline as matMailOutline$1, matWarningAmberOutline, matCloseOutline, matLocationSearchingOutline, matEmailOutline, matPhoneOutline, matSendOutline, matMapOutline, matCloudDownloadOutline, matHomeWorkOutline, matSwipeOutline, 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';
@@ -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}}",
@@ -18673,6 +18674,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": "",
@@ -18955,8 +18957,12 @@ 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.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "Beschreibung",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Schließen",
@@ -19026,6 +19032,8 @@ 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": "Verwandte Inhalte",
+	"record.metadata.ressources.and.links": "Ressourcen und Links",
 	"record.metadata.sheet": "Weitere Informationen verfügbar unter:",
 	"record.metadata.status": "Status",
 	"record.metadata.status.notPublished": "",
@@ -19148,6 +19156,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}}",
@@ -19213,12 +19222,13 @@ var en = {
 	"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",
@@ -19501,8 +19511,12 @@ 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.dataset": "Data",
+	"record.kind.reuse": "Reuse",
+	"record.kind.service": "Service",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Close",
@@ -19572,6 +19586,8 @@ 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 contents",
+	"record.metadata.ressources.and.links": "Resources and links",
 	"record.metadata.sheet": "Original metadata",
 	"record.metadata.status": "Status",
 	"record.metadata.status.notPublished": "Not published",
@@ -19694,6 +19710,7 @@ var records$4 = "";
 var es = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "",
 	"catalog.figures.datasets": "conjuntos de datos",
 	"catalog.figures.organizations": "organizaciones",
@@ -19765,6 +19782,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": "",
@@ -20047,8 +20065,12 @@ var es = {
 	"record.action.duplicating": "",
 	"record.action.rollback": "",
 	"record.action.view": "",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
 	"record.metadata.api.form.closeButton": "",
@@ -20118,6 +20140,8 @@ var es = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
+	"record.metadata.related.contents": "Contenidos relacionados",
+	"record.metadata.ressources.and.links": "Recursos y enlaces",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
@@ -20240,6 +20264,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}}",
@@ -20311,6 +20336,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",
@@ -20593,8 +20619,12 @@ 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.kind.dataset": "Donnée",
+	"record.kind.reuse": "Réutilisation",
+	"record.kind.service": "Service",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Fermer",
@@ -20664,6 +20694,8 @@ 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": "Contenus associés",
+	"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é",
@@ -20786,6 +20818,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}}",
@@ -20857,6 +20890,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",
@@ -21139,8 +21173,12 @@ 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.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "Descrizione",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Chiude",
@@ -21210,6 +21248,8 @@ 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": "Contenuti correlati",
+	"record.metadata.ressources.and.links": "Risorse e collegamenti",
 	"record.metadata.sheet": "Origine del metadata",
 	"record.metadata.status": "Stato",
 	"record.metadata.status.notPublished": "Non pubblicato",
@@ -21317,7 +21357,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 +21372,7 @@ var records$1 = "";
 var nl = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "",
 	"catalog.figures.datasets": "datasets",
 	"catalog.figures.organizations": "organisaties",
@@ -21404,6 +21444,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": "",
@@ -21686,8 +21727,12 @@ var nl = {
 	"record.action.duplicating": "",
 	"record.action.rollback": "",
 	"record.action.view": "",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
 	"record.metadata.api.form.closeButton": "",
@@ -21757,6 +21802,8 @@ var nl = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
+	"record.metadata.related.contents": "Gerelateerde inhoud",
+	"record.metadata.ressources.and.links": "Bronnen en links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
@@ -21879,6 +21926,7 @@ var records = "";
 var pt = {
 	"": "",
 	"Add Layer As": "",
+	"Enter to search": "",
 	"button.login": "",
 	"catalog.figures.datasets": "conjuntos de dados",
 	"catalog.figures.organizations": "organizações",
@@ -21950,6 +21998,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": "",
@@ -22232,8 +22281,12 @@ var pt = {
 	"record.action.duplicating": "",
 	"record.action.rollback": "",
 	"record.action.view": "",
+	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.dataset": "",
+	"record.kind.reuse": "",
+	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
 	"record.metadata.api.form.closeButton": "",
@@ -22303,6 +22356,8 @@ var pt = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
+	"record.metadata.related.contents": "Conteúdos relacionados",
+	"record.metadata.ressources.and.links": "Recursos e links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
@@ -22696,6 +22751,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 +22777,7 @@ class Gn4FieldMapper {
                         type,
                         url: url,
                         accessServiceProtocol,
+                        accessRestricted: accessRestricted,
                     };
                 case 'link':
                     return {
@@ -24765,7 +24825,7 @@ const FORMATS = {
     csv: {
         extensions: ['csv'],
         priority: 1,
-        color: '#a6d6c0',
+        color: '#F6A924',
         mimeTypes: ['text/csv', 'application/csv'],
     },
     excel: {
@@ -24777,7 +24837,7 @@ const FORMATS = {
             'openxmlformats-officedocument',
         ],
         priority: 2,
-        color: '#acc5e4',
+        color: '#FFDE10',
         mimeTypes: [
             'application/vnd.ms-excel',
             'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
@@ -24786,31 +24846,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 +24879,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 +24998,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) {
@@ -25493,11 +25555,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']
@@ -25937,11 +25999,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      >\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      >\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: [{
@@ -28457,7 +28519,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 +28538,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 +28715,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 +28754,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 +28770,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 +28839,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 +28869,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 +28880,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 +28972,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 +28981,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 +29265,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 +29286,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 +29352,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
             }] } });
@@ -29639,7 +29757,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 +29765,7 @@ class RecordApiFormComponent {
             return this.endpoint.getFeatureUrl(this.apiFeatureType, options);
         }
         else {
+            delete options.outputCrs;
             return await this.endpoint.getCollectionItemsUrl(this.apiFeatureType, options);
         }
     }
@@ -29842,6 +29961,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+marker('record.kind.dataset');
+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.dataset', 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
+            }] } });
+
 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 +30127,14 @@ class UiElementsModule {
             MaxLinesComponent,
             TextInputComponent,
             ImageInputComponent,
-            ApplicationBannerComponent], exports: [ThumbnailComponent,
+            ApplicationBannerComponent,
+            InternalLinkCardComponent], exports: [ThumbnailComponent,
             AvatarComponent,
             UserPreviewComponent,
             MarkdownParserComponent,
             ImageInputComponent,
-            ApplicationBannerComponent] }); }
+            ApplicationBannerComponent,
+            InternalLinkCardComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, providers: [
             provideNgIconsConfig({
                 size: '1.5em',
@@ -29885,7 +30154,8 @@ class UiElementsModule {
             MaxLinesComponent,
             TextInputComponent,
             ImageInputComponent,
-            ApplicationBannerComponent] }); }
+            ApplicationBannerComponent,
+            InternalLinkCardComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -29910,6 +30180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextInputComponent,
                         ImageInputComponent,
                         ApplicationBannerComponent,
+                        InternalLinkCardComponent,
                     ],
                     providers: [
                         provideNgIconsConfig({
@@ -29924,6 +30195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MarkdownParserComponent,
                         ImageInputComponent,
                         ApplicationBannerComponent,
+                        InternalLinkCardComponent,
                     ],
                 }]
         }] });
@@ -31573,11 +31845,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  <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 }); }
 }
 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], 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  <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" }]
         }], ctorParameters: () => [{ type: FavoritesService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: AuthService }, { type: i1$1.TranslateService }], propDecorators: { displayCount: [{
                 type: Input
             }], record: [{
@@ -36508,6 +36780,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 +37048,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);
@@ -37766,6 +38046,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 +38098,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([]);
@@ -41636,5 +41921,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, GN_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, 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 };
 //# sourceMappingURL=geonetwork-ui.mjs.map