geonetwork-ui 2.2.0-dev.886aae61 → 2.2.0-dev.95201f8f

package/fesm2022/geonetwork-ui.mjs

@@ -32,7 +32,7 @@ import WMTS, { optionsFromCapabilities } from 'ol/source/WMTS';
 import { defaults, DragPan, MouseWheelZoom } from 'ol/interaction';
 import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } from 'ol/events/condition';
 import WMTSCapabilities from 'ol/format/WMTSCapabilities';
-import { WmsEndpoint, sharedFetch, useCache, WfsEndpoint } from '@camptocamp/ogc-client';
+import { WmsEndpoint, WfsEndpoint, sharedFetch, useCache } from '@camptocamp/ogc-client';
 import chroma from 'chroma-js';
 import { register, fromEPSGCode } from 'ol/proj/proj4';
 import proj4 from 'proj4/dist/proj4';
@@ -73,6 +73,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i3$2 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatInputModule } from '@angular/material/input';
+import * as basicLightbox from 'basiclightbox';
 import * as i1$8 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
 import tippy from 'tippy.js';
@@ -16688,20 +16689,20 @@ var de = {
 	"chart.type.line": "Liniendiagramm",
 	"chart.type.lineSmooth": "Geglättes Liniendiagramm",
 	"chart.type.pie": "Kreisdiagramm",
-	"dashboard.labels.mySpace": "",
-	"dashboard.records.all": "",
-	"dashboard.records.myDraft": "",
-	"dashboard.records.myLibrary": "",
-	"dashboard.records.myOrg": "",
-	"dashboard.records.myRecords": "",
-	"dashboard.records.noRecord": "",
-	"dashboard.records.noUser": "",
-	"dashboard.records.publishedRecords": "",
-	"dashboard.records.search": "",
-	"dashboard.records.userDetail": "",
-	"dashboard.records.userEmail": "",
-	"dashboard.records.username": "",
-	"dashboard.records.users": "",
+	"dashboard.labels.mySpace": "Mein Bereich",
+	"dashboard.records.all": "Katalog",
+	"dashboard.records.myDraft": "Meine Entwürfe",
+	"dashboard.records.myLibrary": "Meine Bibliothek",
+	"dashboard.records.myOrg": "Meine Organisation",
+	"dashboard.records.myRecords": "Meine Datensätze",
+	"dashboard.records.noRecord": "Kein Datensatz für diese Organisation",
+	"dashboard.records.noUser": "Keine Benutzer für diese Organisation",
+	"dashboard.records.publishedRecords": "{count, plural, =1{veröffentlichter Datensatz} other{veröffentlichte Datensätze}}",
+	"dashboard.records.search": "Suche nach \"{searchText}\"",
+	"dashboard.records.userDetail": "Name",
+	"dashboard.records.userEmail": "E-Mail",
+	"dashboard.records.username": "Benutzername",
+	"dashboard.records.users": "{count, plural, =1{Benutzer} other{Benutzer}}",
 	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "Dateiformat-Erkennung",
 	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "Sammeln von Datensatzinformationen",
 	"datafeeder.analysisProgressBar.illustration.samplingData": "Datenauswahl",
@@ -16715,7 +16716,7 @@ var de = {
 	"datafeeder.form.datepicker": "Wissen Sie, wann der Datensatz erstellt wurde?",
 	"datafeeder.form.description": "Beschreiben Sie abschließend den Prozess, der zur Erstellung des Datensatzes verwendet wurde",
 	"datafeeder.form.dropdown": "Für welche Skala wurde er erstellt?",
-	"datafeeder.form.tags": "Wählen Sie einen oder mehrere Tags aus, die zu Ihrem Datensatz passen",
+	"datafeeder.form.tags": "Wählen Sie einen oder mehrere Tage aus, die zu Ihrem Datensatz passen",
 	"datafeeder.form.title": "Geben Sie Ihrem Datensatz den besten Titel",
 	"datafeeder.formsPage.title": "Erzählen Sie uns mehr über Ihren Datensatz",
 	"datafeeder.month.april": "April",
@@ -16730,16 +16731,16 @@ var de = {
 	"datafeeder.month.november": "November",
 	"datafeeder.month.october": "Oktober",
 	"datafeeder.month.september": "September",
-	"datafeeder.publish.hint": "Sie können diese Seite sicher verlassen. Sie werden benachrichtigt, wenn der Vorgang abgeschlossen ist",
-	"datafeeder.publish.illustration.title": "Ein weiterer Datensatz zum Veröffentlichen?",
+	"datafeeder.publish.hint": "Sie können diese Seite sicher verlassen. Sie werden benachrichtigt, wenn der Vorgang abgeschlossen ist.",
+	"datafeeder.publish.illustration.title": "Ein weiterer Datensatz \n zum Veröffentlichen?",
 	"datafeeder.publish.subtitle": "Das Veröffentlichen kann einige Minuten dauern.",
-	"datafeeder.publish.title": "Vielen Dank! Ihr Datensatz wird veröffentlicht",
+	"datafeeder.publish.title": "Vielen Dank! \n Ihr Datensatz wird veröffentlicht",
 	"datafeeder.publish.upload": "Jetzt hochladen",
 	"datafeeder.publishSuccess.geonetworkRecord": "Metadatensatz",
 	"datafeeder.publishSuccess.illustration.title": "Erledigt, alles ist gut!",
 	"datafeeder.publishSuccess.mapViewer": "Kartenviewer",
 	"datafeeder.publishSuccess.subtitle": "Zeigen Sie Ihre Daten an in:",
-	"datafeeder.publishSuccess.title": "Herzlichen Glückwunsch! Ihr Datensatz wurde veröffentlicht",
+	"datafeeder.publishSuccess.title": "Herzlichen Glückwunsch! \n Ihr Datensatz wurde veröffentlicht",
 	"datafeeder.publishSuccess.uploadAnotherData": "Ein weiteren Datensatz hochladen",
 	"datafeeder.summarizePage.illustration": "Kein Fehler? Los geht's!",
 	"datafeeder.summarizePage.previous": "Zurück",
@@ -16747,11 +16748,11 @@ var de = {
 	"datafeeder.summarizePage.title": "Sie sind fast fertig...",
 	"datafeeder.upload.acceptedFormats": "Akzeptierte Dateiformate:",
 	"datafeeder.upload.checkboxLabel": "Ich besitze die Rechte zur Veröffentlichung dieses Datensatzes",
-	"datafeeder.upload.error.subtitle.analysis": "Überprüfen Sie, ob die Datei einen gültigen geospatialen Datensatz enthält",
+	"datafeeder.upload.error.subtitle.analysis": "Überprüfen Sie, ob die Datei einen gültigen geografischen Datensatz enthält",
 	"datafeeder.upload.error.subtitle.cantOpenFile": "Bitte überprüfen Sie, ob die Datei gültig ist",
 	"datafeeder.upload.error.subtitle.fileFormat": "Beachten Sie: Nur SHP-Dateien",
-	"datafeeder.upload.error.subtitle.fileSize": "Beachten Sie: Maximal {size} MB",
-	"datafeeder.upload.error.title.analysis": "Fehler bei der Datensatzanalyse",
+	"datafeeder.upload.error.subtitle.fileSize": "Beachten Sie: Maximale Dateigröße {size} MB",
+	"datafeeder.upload.error.title.analysis": "Fehler während der Datensatzanalyse",
 	"datafeeder.upload.error.title.cantOpenFile": "Fehler beim Öffnen der Datei",
 	"datafeeder.upload.error.title.fileFormat": "Das ausgewählte Dateiformat wird nicht unterstützt",
 	"datafeeder.upload.error.title.fileHasntSelected": "Keine Datei ausgewählt",
@@ -16759,19 +16760,19 @@ var de = {
 	"datafeeder.upload.error.title.noRightsToSendData": "Sie dürfen diesen Datensatz nicht veröffentlichen",
 	"datafeeder.upload.illustration.enrichment": "Anreicherung",
 	"datafeeder.upload.illustration.import": "Import",
-	"datafeeder.upload.illustration.title": "Das Hinzufügen von Daten war noch nie einfacher",
+	"datafeeder.upload.illustration.title": "Das Hinzufügen von Daten \n war noch nie so einfach",
 	"datafeeder.upload.illustration.validation": "Validierung",
-	"datafeeder.upload.illustration.verification": "Verifizierung",
+	"datafeeder.upload.illustration.verification": "Überprüfung",
 	"datafeeder.upload.inputLabel": "Importieren Sie Ihre Datei",
 	"datafeeder.upload.maxFileSize": "Maximale Dateigröße beträgt {size} MB",
 	"datafeeder.upload.title": "Laden Sie Ihren Datensatz hoch",
 	"datafeeder.upload.uploadButton": "Hochladen",
-	"datafeeder.validation.encoding": "Kodierung",
+	"datafeeder.validation.encoding": "Codierung",
 	"datafeeder.validation.extent.title": "Hier ist der Datensatzumfang",
 	"datafeeder.validation.extent.title.unknown": "Das Projektionssystem ist unbekannt",
 	"datafeeder.validation.projection": "Raumbezugssystem:",
-	"datafeeder.validation.projection.unknown": "Wählen Sie ein Raumbezugssystem",
-	"datafeeder.validation.sample.title": "Und eine Beispieleinheit aus dem Datensatz",
+	"datafeeder.validation.projection.unknown": "Wählen Sie ein Raumbezugssystem aus",
+	"datafeeder.validation.sample.title": "Und eine Beispielentität aus dem Datensatz",
 	"datafeeder.wizard.emptyRequiredValuesMessage": "Bitte füllen Sie die obligatorischen Felder aus",
 	"datafeeder.wizardSummarize.createdAt": "Erstellt am",
 	"datafeeder.wizardSummarize.scale": "Maßstab",
@@ -16781,19 +16782,20 @@ var de = {
 	"datahub.header.news": "Startseite",
 	"datahub.header.organisations": "Organisationen",
 	"datahub.header.popularRecords": "Die beliebtesten",
-	"datahub.header.title.html": "<div class=\"text-white\">Entdecken Sie offene<br> Daten von meiner Organisation</div>",
-	"datahub.news.contact.contactus": "",
-	"datahub.news.contact.html": "",
-	"datahub.news.contact.title": "",
+	"datahub.header.title.html": "<div class=\"text-white\">Entdecken Sie offene<br> Daten meiner Organisation</div>",
+	"datahub.news.contact.contactus": "Kontaktieren Sie uns",
+	"datahub.news.contact.html": "<p>Brauchen Sie Daten, die derzeit nicht auf der Plattform vorhanden sind?</p><p>Unsere Teams stehen Ihnen zur Verfügung.</p>",
+	"datahub.news.contact.title": "Ein spezielles Bedürfnis?",
 	"datahub.news.feed": "Nachrichtenfeed",
 	"datahub.news.figures": "Indikatoren",
-	"datahub.search.back": "Zurück zu den Ergebnissen",
+	"datahub.record.addToFavorites": "Zu Favoriten hinzufügen",
+	"datahub.search.back": "Zurück",
 	"datahub.search.filter.all": "Alle",
-	"datahub.search.filter.generatedByWfs": "Generiert durch API",
+	"datahub.search.filter.generatedByWfs": "Generiert durch eine API",
 	"datahub.search.filter.others": "Andere",
 	"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 geparst werden: \"{ info }\"",
+	"dataset.error.parse": "Die Daten wurden geladen, konnten aber nicht gelesen werden: \"{ info }\"",
 	"dataset.error.unknown": "Die Daten können nicht angezeigt werden: \"{ info }\"",
 	"dataset.error.unsupportedType": "Der folgende Inhaltstyp wird nicht unterstützt: \"{ info }\"",
 	"domain.record.status.completed": "Abgeschlossen",
@@ -16801,18 +16803,18 @@ var de = {
 	"domain.record.status.ongoing": "Kontinuierliche Aktualisierung",
 	"domain.record.status.removed": "Entfernt",
 	"domain.record.status.under_development": "In Erstellung",
-	"domain.record.updateFrequency.asNeeded": "Bei Bedarf",
-	"domain.record.updateFrequency.continual": "Kontinuierlich",
+	"domain.record.updateFrequency.asNeeded": "Nach Bedarf",
+	"domain.record.updateFrequency.continual": "Fortlaufend",
 	"domain.record.updateFrequency.day": "{count, plural, =0{0} one{Ein} other{{count}}} mal am Tag",
-	"domain.record.updateFrequency.irregular": "Unregelmässig",
+	"domain.record.updateFrequency.irregular": "Unregelmäßig",
 	"domain.record.updateFrequency.month": "{count, plural, =0{0} one{Ein} other{{count}}} mal im Monat",
 	"domain.record.updateFrequency.notPlanned": "Nicht geplant",
-	"domain.record.updateFrequency.periodic": "Regelmässig",
+	"domain.record.updateFrequency.periodic": "Regelmäßig",
 	"domain.record.updateFrequency.unknown": "Unbekannt",
 	"domain.record.updateFrequency.week": "{count, plural, =0{0} one{Ein} other{{count}}} mal in der Woche",
 	"domain.record.updateFrequency.year": "{count, plural, =0{0} one{Ein} other{{count}}} mal im Jahr",
 	"downloads.format.unknown": "unbekannt",
-	"downloads.wfs.featuretype.not.found": "Die Schicht wurde nicht gefunden",
+	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
 	"externalviewer.dataset.unnamed": "Datensatz aus dem Datahub",
 	"facets.block.title.OrgForResource": "Organisation",
@@ -16847,14 +16849,17 @@ var de = {
 	"map.add.layer.file": "Aus einer Datei",
 	"map.add.layer.wfs": "Aus WFS",
 	"map.add.layer.wms": "Aus WMS",
-	"map.layer.add": "",
-	"map.layers.available": "",
+	"map.addFromFile.placeholder": "Klicke hier oder ziehe eine Datei herein",
+	"map.help.addFromFile": "Klicke oder ziehe eine Datei herein um eine Karte hinzuzufügen (momentan wird nur das GeoJSON-Format unterstützt).",
+	"map.layer.add": "Hinzufügen",
+	"map.layers.available": "Verfügbare Layer",
 	"map.layers.list": "Ebenen",
 	"map.loading.data": "Kartendaten werden geladen...",
-	"map.loading.service": "",
+	"map.loading.service": "Dienst wird geladen...",
 	"map.navigation.message": "Bitte verwenden Sie STRG + Maus (oder zwei Finger auf einem Mobilgerät), um die Karte zu navigieren",
 	"map.select.layer": "Datenquelle",
-	"map.wms.urlInput.hint": "",
+	"map.wfs.urlInput.hint": "Geben Sie die WFS URL ein",
+	"map.wms.urlInput.hint": "Geben Sie die WMS URL ein",
 	"multiselect.filter.placeholder": "Suche",
 	"nav.back": "Zurück",
 	next: next$6,
@@ -16870,56 +16875,61 @@ var de = {
 	"pagination.pageOf": "von",
 	previous: previous$6,
 	"record.action.download": "Herunterladen",
-	"record.action.view": "Ansehen",
+	"record.action.view": "Anzeigen",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.metadata.about": "Beschreibung",
 	"record.metadata.api": "API",
-	"record.metadata.api.form.closeButton": "",
-	"record.metadata.api.form.closeForm": "",
-	"record.metadata.api.form.create": "",
-	"record.metadata.api.form.customUrl": "",
-	"record.metadata.api.form.limit": "",
-	"record.metadata.api.form.limit.all": "",
-	"record.metadata.api.form.offset": "",
-	"record.metadata.api.form.openForm": "",
-	"record.metadata.api.form.reset": "",
-	"record.metadata.api.form.title": "",
-	"record.metadata.api.form.type": "",
-	"record.metadata.author": "",
+	"record.metadata.api.form.closeButton": "Schließen",
+	"record.metadata.api.form.closeForm": "Formular schließen",
+	"record.metadata.api.form.create": "Ihre Anfrage erstellen",
+	"record.metadata.api.form.customUrl": "Benutzerdefinierte URL",
+	"record.metadata.api.form.limit": "Anzahl der Datensätze",
+	"record.metadata.api.form.limit.all": "Alle",
+	"record.metadata.api.form.offset": "Anzahl des ersten Datensatzes",
+	"record.metadata.api.form.openForm": "Formular öffnen",
+	"record.metadata.api.form.reset": "Zurücksetzen",
+	"record.metadata.api.form.title": "Benutzerdefinierte URL generieren",
+	"record.metadata.api.form.type": "Ausgabeformat",
+	"record.metadata.author": "Autor",
 	"record.metadata.catalog": "Katalog",
 	"record.metadata.contact": "Kontakt",
 	"record.metadata.createdOn": "Erstellt am",
-	"record.metadata.details": "Details",
+	"record.metadata.details": "Technische Informationen",
 	"record.metadata.download": "Downloads",
-	"record.metadata.formats": "",
+	"record.metadata.formats": "Formate",
 	"record.metadata.isOpenData": "Open Data",
 	"record.metadata.keywords": "Stichworte",
+	"record.metadata.lastUpdate": "Zuletzt aktualisiert am",
 	"record.metadata.links": "Links",
-	"record.metadata.noUsage": "Für diesen Datensatz sind keine Verwendungsbedingungen angegeben.",
+	"record.metadata.noUsage": "Für diesen Datensatz sind keine Nutzungsbedingungen angegeben.",
 	"record.metadata.origin": "Über die Daten",
+	"record.metadata.owner": "",
 	"record.metadata.preview": "Vorschau",
 	"record.metadata.publications": "Veröffentlichungen",
-	"record.metadata.quality": "",
-	"record.metadata.quality.contact.failed": "",
-	"record.metadata.quality.contact.success": "",
-	"record.metadata.quality.description.failed": "",
-	"record.metadata.quality.description.success": "",
-	"record.metadata.quality.details": "",
-	"record.metadata.quality.keywords.failed": "",
-	"record.metadata.quality.keywords.success": "",
-	"record.metadata.quality.legalConstraints.failed": "",
-	"record.metadata.quality.legalConstraints.success": "",
-	"record.metadata.quality.organisation.failed": "",
-	"record.metadata.quality.organisation.success": "",
-	"record.metadata.quality.title.failed": "",
-	"record.metadata.quality.title.success": "",
-	"record.metadata.quality.topic.failed": "",
-	"record.metadata.quality.topic.success": "",
-	"record.metadata.quality.updateFrequency.failed": "",
-	"record.metadata.quality.updateFrequency.success": "",
+	"record.metadata.quality": "Metadatenqualität",
+	"record.metadata.quality.contact.failed": "Kontakt nicht angegeben",
+	"record.metadata.quality.contact.success": "Kontakt angegeben",
+	"record.metadata.quality.description.failed": "Beschreibung nicht angegeben",
+	"record.metadata.quality.description.success": "Beschreibung angegeben",
+	"record.metadata.quality.details": "Details",
+	"record.metadata.quality.keywords.failed": "Schlagwörter nicht angegeben",
+	"record.metadata.quality.keywords.success": "Schlagwörter angegeben",
+	"record.metadata.quality.legalConstraints.failed": "Rechtliche Beschränkungen nicht angegeben",
+	"record.metadata.quality.legalConstraints.success": "Rechtliche Beschränkungen angegeben",
+	"record.metadata.quality.organisation.failed": "Organisation nicht angegeben",
+	"record.metadata.quality.organisation.success": "Organisation angegeben",
+	"record.metadata.quality.title.failed": "Titel nicht angegeben",
+	"record.metadata.quality.title.success": "Titel angegeben",
+	"record.metadata.quality.topic.failed": "Thema nicht angegeben",
+	"record.metadata.quality.topic.success": "Thema angegeben",
+	"record.metadata.quality.updateFrequency.failed": "Aktualisierungsfrequenz nicht angegeben",
+	"record.metadata.quality.updateFrequency.success": "Aktualisierungsfrequenz angegeben",
 	"record.metadata.related": "Ähnliche Datensätze",
-	"record.metadata.sheet": "Weitere Informationen erhalten Sie unter :",
+	"record.metadata.sheet": "Weitere Informationen verfügbar unter:",
+	"record.metadata.themes": "Kategorien",
 	"record.metadata.title": "Titel",
+	"record.metadata.type": "Geographischer Datensatz",
+	"record.metadata.uniqueId": "Eindeutige Kennung",
 	"record.metadata.updateFrequency": "Aktualisierungsfrequenz der Daten",
 	"record.metadata.updateStatus": "Aktualisierungsstatus der Daten",
 	"record.metadata.updatedOn": "Letzte Aktualisierung der Dateninformationen",
@@ -16931,23 +16941,23 @@ var de = {
 	"record.was.created.time": "erstellte diesen Datensatz {time}",
 	records: records$6,
 	"results.layout.selectOne": "Layout auswählen",
-	"results.records.hits.displayedOn": "{displayed, plural, =0{Kein Datensatz.} one{1 Datensatz} other{{displayed} Datensätze }} {hits, plural, other{auf {hits} insgesamt angezeigt.}}",
-	"results.records.hits.empty.help.html": "Vorschläge: <ul class='list-disc list-inside'><li>Versuchen Sie andere Wörter</li><li>Geben Sie weniger Wörter ein</li></ul>",
+	"results.records.hits.displayedOn": "{displayed, plural, =0{Kein Datensatz.} one{1 Datensatz} other{{displayed} Datensätze }} {hits, plural, other{angezeigt von {hits} insgesamt.}}",
+	"results.records.hits.empty.help.html": "Vorschläge: <ul class='list-disc list-inside'><li>Versuchen Sie es mit anderen Worten</li><li>Beschränken Sie die Suchwörter</li></ul>",
 	"results.records.hits.found": "{hits, plural, =0{Keine Dokumente entsprechen der angegebenen Suche.} one{1 Datensatz gefunden.} other{{hits} Datensätze gefunden.}}",
-	"results.records.hits.selected": "",
+	"results.records.hits.selected": "{ amount } ausgewählt",
 	"results.showMore": "Mehr Ergebnisse anzeigen...",
-	"results.sortBy.dateStamp": "Letzte Aktualisierungen",
+	"results.sortBy.dateStamp": "Neueste",
 	"results.sortBy.popularity": "Beliebtheit",
-	"results.sortBy.qualityScore": "",
+	"results.sortBy.qualityScore": "Qualitätsbewertung",
 	"results.sortBy.relevancy": "Relevanz",
 	"search.autocomplete.error": "Vorschläge konnten nicht abgerufen werden:",
 	"search.error.couldNotReachApi": "Die API konnte nicht erreicht werden",
-	"search.error.receivedError": "Ein Fehler wurde empfangen",
+	"search.error.receivedError": "Ein Fehler ist aufgetreten",
 	"search.error.recordNotFound": "Der Datensatz mit der Kennung \"{ id }\" konnte nicht gefunden werden.",
-	"search.field.any.placeholder": "Suche nach Datensätzen ...",
+	"search.field.any.placeholder": "Suche Datensätze ...",
 	"search.field.sortBy": "Sortieren nach:",
 	"search.filters.clear": "Zurücksetzen",
-	"search.filters.contact": "Kontakt",
+	"search.filters.contact": "Kontakte",
 	"search.filters.format": "Formate",
 	"search.filters.inspireKeyword": "INSPIRE-Schlüsselwort",
 	"search.filters.isSpatial": "Ist räumliche Daten",
@@ -16965,13 +16975,13 @@ var de = {
 	"search.filters.license.unknown": "Unbekannt oder nicht vorhanden",
 	"search.filters.maximize": "Erweitern",
 	"search.filters.minimize": "Minimieren",
-	"search.filters.myRecords": "",
-	"search.filters.myRecordsHelp": "",
-	"search.filters.otherRecords": "",
+	"search.filters.myRecords": "Nur meine Datensätze anzeigen",
+	"search.filters.myRecordsHelp": "Wenn dies aktiviert ist, werden nur von mir erstellte Datensätze angezeigt; Datensätze, die von anderen erstellt wurden, werden nicht angezeigt.",
+	"search.filters.otherRecords": "Datensätze von einer anderen Person anzeigen",
 	"search.filters.publicationYear": "Veröffentlichungsjahr",
 	"search.filters.publisher": "Organisationen",
-	"search.filters.representationType": "",
-	"search.filters.resourceType": "",
+	"search.filters.representationType": "Repräsentationstyp",
+	"search.filters.resourceType": "Ressourcentyp",
 	"search.filters.standard": "Standard",
 	"search.filters.title": "Ergebnisse filtern",
 	"search.filters.topic": "Thema",
@@ -16983,6 +16993,7 @@ var de = {
 	"table.object.count": "Objekte in diesem Datensatz",
 	"table.select.data": "Datenquelle",
 	"tooltip.html.copy": "HTML kopieren",
+	"tooltip.id.copy": "",
 	"tooltip.url.copy": "URL kopieren",
 	"tooltip.url.open": "URL öffnen",
 	"ui.readLess": "Weniger lesen",
@@ -17115,7 +17126,8 @@ var en = {
 	"datahub.news.contact.title": "A specific need?",
 	"datahub.news.feed": "News feed",
 	"datahub.news.figures": "Indicators",
-	"datahub.search.back": "Back to results",
+	"datahub.record.addToFavorites": "Add to favorites",
+	"datahub.search.back": "Back",
 	"datahub.search.filter.all": "All",
 	"datahub.search.filter.generatedByWfs": "generated by an API",
 	"datahub.search.filter.others": "Others",
@@ -17175,6 +17187,8 @@ var en = {
 	"map.add.layer.file": "From a file",
 	"map.add.layer.wfs": "From WFS",
 	"map.add.layer.wms": "From WMS",
+	"map.addFromFile.placeholder": "Click or drop a file here",
+	"map.help.addFromFile": "Click or drag and drop a file to add to the map (currently supports GeoJSON format only).",
 	"map.layer.add": "Add",
 	"map.layers.available": "Available Layers",
 	"map.layers.list": "Layers",
@@ -17182,6 +17196,7 @@ var en = {
 	"map.loading.service": "Loading service...",
 	"map.navigation.message": "Please use CTRL + mouse (or two fingers on mobile) to navigate the map",
 	"map.select.layer": "Data source",
+	"map.wfs.urlInput.hint": "Enter WFS service URL",
 	"map.wms.urlInput.hint": "Enter WMS service URL",
 	"multiselect.filter.placeholder": "Search",
 	"nav.back": "Back",
@@ -17217,40 +17232,45 @@ var en = {
 	"record.metadata.catalog": "Catalog",
 	"record.metadata.contact": "Contact",
 	"record.metadata.createdOn": "Created on",
-	"record.metadata.details": "Details",
+	"record.metadata.details": "Technical information",
 	"record.metadata.download": "Downloads",
 	"record.metadata.formats": "Formats",
 	"record.metadata.isOpenData": "Open Data",
 	"record.metadata.keywords": "Keywords",
+	"record.metadata.lastUpdate": "Last updated on",
 	"record.metadata.links": "Links",
 	"record.metadata.noUsage": "No usage conditions specified for this record.",
 	"record.metadata.origin": "About the data",
+	"record.metadata.owner": "Catalog of origin",
 	"record.metadata.preview": "Preview",
 	"record.metadata.publications": "publications",
 	"record.metadata.quality": "Metadata Quality",
-	"record.metadata.quality.contact.failed": "Contact is not completed",
-	"record.metadata.quality.contact.success": "Contact is completed",
-	"record.metadata.quality.description.failed": "Description is not completed",
-	"record.metadata.quality.description.success": "Description is completed",
+	"record.metadata.quality.contact.failed": "Contact is not specified",
+	"record.metadata.quality.contact.success": "Contact is specified",
+	"record.metadata.quality.description.failed": "Description is not specified",
+	"record.metadata.quality.description.success": "Description is specified",
 	"record.metadata.quality.details": "Details",
-	"record.metadata.quality.keywords.failed": "Keywords are not completed",
-	"record.metadata.quality.keywords.success": "Keywords are completed",
-	"record.metadata.quality.legalConstraints.failed": "Legal constraints are not completed",
-	"record.metadata.quality.legalConstraints.success": "Legal constraints are completed",
-	"record.metadata.quality.organisation.failed": "Organisation is not completed",
-	"record.metadata.quality.organisation.success": "Organisation is completed",
-	"record.metadata.quality.title.failed": "Title is not completed",
-	"record.metadata.quality.title.success": "Title is completed",
-	"record.metadata.quality.topic.failed": "Topic is not completed",
-	"record.metadata.quality.topic.success": "Topic is completed",
-	"record.metadata.quality.updateFrequency.failed": "Update frequency is not completed",
-	"record.metadata.quality.updateFrequency.success": "Update frequency is completed",
+	"record.metadata.quality.keywords.failed": "Keywords are not specified",
+	"record.metadata.quality.keywords.success": "Keywords are specified",
+	"record.metadata.quality.legalConstraints.failed": "Legal constraints are not specified",
+	"record.metadata.quality.legalConstraints.success": "Legal constraints are specified",
+	"record.metadata.quality.organisation.failed": "Organisation is not specified",
+	"record.metadata.quality.organisation.success": "Organisation is specified",
+	"record.metadata.quality.title.failed": "Title is not specified",
+	"record.metadata.quality.title.success": "Title is specified",
+	"record.metadata.quality.topic.failed": "Topic is not specified",
+	"record.metadata.quality.topic.success": "Topic is specified",
+	"record.metadata.quality.updateFrequency.failed": "Update frequency is not specified",
+	"record.metadata.quality.updateFrequency.success": "Update frequency is specified",
 	"record.metadata.related": "Related records",
-	"record.metadata.sheet": "More information available from:",
+	"record.metadata.sheet": "Original metadata",
+	"record.metadata.themes": "Categories",
 	"record.metadata.title": "Title",
+	"record.metadata.type": "Geographical dataset",
+	"record.metadata.uniqueId": "Unique Identifier",
 	"record.metadata.updateFrequency": "Data Update Frequency",
 	"record.metadata.updateStatus": "Data Update Status",
-	"record.metadata.updatedOn": "Last Data Information Update",
+	"record.metadata.updatedOn": "Metadata's last update",
 	"record.metadata.usage": "Usage & constraints",
 	"record.more.details": "Read more",
 	"record.tab.chart": "Chart",
@@ -17311,6 +17331,7 @@ var en = {
 	"table.object.count": "objects in this dataset",
 	"table.select.data": "Data source",
 	"tooltip.html.copy": "Copy HTML",
+	"tooltip.id.copy": "Copy unique identifier",
 	"tooltip.url.copy": "Copy URL",
 	"tooltip.url.open": "Open URL",
 	"ui.readLess": "Read less",
@@ -17443,6 +17464,7 @@ var es = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
+	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByWfs": "",
@@ -17503,6 +17525,8 @@ var es = {
 	"map.add.layer.file": "",
 	"map.add.layer.wfs": "",
 	"map.add.layer.wms": "",
+	"map.addFromFile.placeholder": "",
+	"map.help.addFromFile": "",
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "",
@@ -17510,6 +17534,7 @@ var es = {
 	"map.loading.service": "",
 	"map.navigation.message": "",
 	"map.select.layer": "",
+	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
@@ -17550,9 +17575,11 @@ var es = {
 	"record.metadata.formats": "",
 	"record.metadata.isOpenData": "",
 	"record.metadata.keywords": "",
+	"record.metadata.lastUpdate": "",
 	"record.metadata.links": "",
 	"record.metadata.noUsage": "",
 	"record.metadata.origin": "",
+	"record.metadata.owner": "",
 	"record.metadata.preview": "",
 	"record.metadata.publications": "",
 	"record.metadata.quality": "",
@@ -17575,7 +17602,10 @@ var es = {
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
 	"record.metadata.sheet": "",
+	"record.metadata.themes": "",
 	"record.metadata.title": "",
+	"record.metadata.type": "",
+	"record.metadata.uniqueId": "",
 	"record.metadata.updateFrequency": "",
 	"record.metadata.updateStatus": "",
 	"record.metadata.updatedOn": "",
@@ -17639,6 +17669,7 @@ var es = {
 	"table.object.count": "",
 	"table.select.data": "",
 	"tooltip.html.copy": "",
+	"tooltip.id.copy": "",
 	"tooltip.url.copy": "",
 	"tooltip.url.open": "",
 	"ui.readLess": "",
@@ -17771,7 +17802,8 @@ var fr = {
 	"datahub.news.contact.title": "Un besoin spécifique ?",
 	"datahub.news.feed": "Fil d'activité",
 	"datahub.news.figures": "Quelques chiffres",
-	"datahub.search.back": "Retour aux résultats",
+	"datahub.record.addToFavorites": "Ajouter aux favoris",
+	"datahub.search.back": "Retour",
 	"datahub.search.filter.all": "Tous",
 	"datahub.search.filter.generatedByWfs": "généré par une API",
 	"datahub.search.filter.others": "Autres",
@@ -17831,6 +17863,8 @@ var fr = {
 	"map.add.layer.file": "",
 	"map.add.layer.wfs": "",
 	"map.add.layer.wms": "",
+	"map.addFromFile.placeholder": "",
+	"map.help.addFromFile": "",
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "",
@@ -17838,6 +17872,7 @@ var fr = {
 	"map.loading.service": "",
 	"map.navigation.message": "Veuillez utiliser CTRL + souris (ou deux doigts sur mobile) pour naviguer sur la carte",
 	"map.select.layer": "Source de données",
+	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "Rechercher",
 	"nav.back": "Retour",
@@ -17873,14 +17908,16 @@ var fr = {
 	"record.metadata.catalog": "Catalogue",
 	"record.metadata.contact": "Contact",
 	"record.metadata.createdOn": "Créé le",
-	"record.metadata.details": "Détails",
+	"record.metadata.details": "Informations techniques",
 	"record.metadata.download": "Téléchargements",
 	"record.metadata.formats": "Formats",
 	"record.metadata.isOpenData": "Donnée Ouverte",
 	"record.metadata.keywords": "Mots clés",
+	"record.metadata.lastUpdate": "Mis à jour le",
 	"record.metadata.links": "Liens",
 	"record.metadata.noUsage": "Aucune condition d'utilisation spécifiée pour ces données",
 	"record.metadata.origin": "À propos des données",
+	"record.metadata.owner": "Catalogue d'origine",
 	"record.metadata.preview": "Aperçu",
 	"record.metadata.publications": "données",
 	"record.metadata.quality": "Qualité des métadonnées",
@@ -17902,11 +17939,14 @@ var fr = {
 	"record.metadata.quality.updateFrequency.failed": "Fréquence de mise à jour n'est pas renseignée",
 	"record.metadata.quality.updateFrequency.success": "Fréquence de mise à jour est renseignée",
 	"record.metadata.related": "Voir aussi",
-	"record.metadata.sheet": "Plus d'informations à l'adresse suivante :",
+	"record.metadata.sheet": "Fiche de métadonnées d'origine",
+	"record.metadata.themes": "Catégories",
 	"record.metadata.title": "Titre",
+	"record.metadata.type": "Donnée géographique",
+	"record.metadata.uniqueId": "Identificateur de ressource unique",
 	"record.metadata.updateFrequency": "Fréquence de mise à jour des données",
 	"record.metadata.updateStatus": "Statut de mise à jour des données",
-	"record.metadata.updatedOn": "Dernière mise à jour des informations sur les données",
+	"record.metadata.updatedOn": "Mise à jour de la fiche de métadonnée",
 	"record.metadata.usage": "Conditions d'utilisation",
 	"record.more.details": "Détails",
 	"record.tab.chart": "Graphique",
@@ -17967,6 +18007,7 @@ var fr = {
 	"table.object.count": "enregistrements dans ces données",
 	"table.select.data": "Source de données",
 	"tooltip.html.copy": "Copier le HTML",
+	"tooltip.id.copy": "Copier l'identifiant unique",
 	"tooltip.url.copy": "Copier l'URL",
 	"tooltip.url.open": "Ouvrir l'URL",
 	"ui.readLess": "Réduire",
@@ -18094,12 +18135,13 @@ var it = {
 	"datahub.header.organisations": "Organizzazioni",
 	"datahub.header.popularRecords": "Più popolari",
 	"datahub.header.title.html": "<div class=\"text-white\">Tutti i dati<br>pubblici della mia organizzazione</div>",
-	"datahub.news.contact.contactus": "",
-	"datahub.news.contact.html": "",
-	"datahub.news.contact.title": "",
+	"datahub.news.contact.contactus": "Contattateci",
+	"datahub.news.contact.html": "<p>Ha bisogno di dati che non sono attualmente disponibili sulla piattaforma? </p><p> I nostri team sono qui per aiutarla.</p>",
+	"datahub.news.contact.title": "Ha un bisogno specifico?",
 	"datahub.news.feed": "Feed di attività",
 	"datahub.news.figures": "Alcune figure",
-	"datahub.search.back": "Torna ai risultati",
+	"datahub.record.addToFavorites": "Aggiungere a miei preferiti",
+	"datahub.search.back": "Ritorna",
 	"datahub.search.filter.all": "Tutti",
 	"datahub.search.filter.generatedByWfs": "generato da un'API",
 	"datahub.search.filter.others": "Altri",
@@ -18126,7 +18168,7 @@ var it = {
 	"downloads.format.unknown": "sconosciuto",
 	"downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
 	dropFile: dropFile$2,
-	"externalviewer.dataset.unnamed": "",
+	"externalviewer.dataset.unnamed": "Layer del datahub",
 	"facets.block.title.OrgForResource": "Organizzazione",
 	"facets.block.title.availableInServices": "Disponibile per",
 	"facets.block.title.cl_hierarchyLevel.key": "Tipo di risorsa",
@@ -18159,6 +18201,8 @@ var it = {
 	"map.add.layer.file": "Da un file",
 	"map.add.layer.wfs": "Da un WFS",
 	"map.add.layer.wms": "Da un WMS",
+	"map.addFromFile.placeholder": "",
+	"map.help.addFromFile": "",
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "Layers",
@@ -18166,6 +18210,7 @@ var it = {
 	"map.loading.service": "",
 	"map.navigation.message": "Si prega di utilizzare CTRL + mouse (o due dita su mobile) per navigare sulla mappa",
 	"map.select.layer": "Sorgente dati",
+	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "Cerca",
 	"nav.back": "Indietro",
@@ -18201,14 +18246,16 @@ var it = {
 	"record.metadata.catalog": "Catalogo",
 	"record.metadata.contact": "Contatto",
 	"record.metadata.createdOn": "Creato il",
-	"record.metadata.details": "Dettagli",
+	"record.metadata.details": "Informazioni tecniche",
 	"record.metadata.download": "Download",
 	"record.metadata.formats": "Formati",
 	"record.metadata.isOpenData": "Data aperta",
 	"record.metadata.keywords": "Parole chiave",
+	"record.metadata.lastUpdate": "Ultimo aggiornamento",
 	"record.metadata.links": "Collegamenti",
 	"record.metadata.noUsage": "Nessuna condizione d'uso specificata per questi dati",
 	"record.metadata.origin": "Informazioni sui dati",
+	"record.metadata.owner": "Catalogo originale",
 	"record.metadata.preview": "Anteprima",
 	"record.metadata.publications": "pubblicazioni",
 	"record.metadata.quality": "Qualità dei metadati",
@@ -18230,11 +18277,14 @@ 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.sheet": "Per ulteriori informazioni, cliccate qui:",
+	"record.metadata.sheet": "Origine del metadata",
+	"record.metadata.themes": "Categorie",
 	"record.metadata.title": "Titolo",
+	"record.metadata.type": "Dati geografici",
+	"record.metadata.uniqueId": "Identificatore unico di risorsa",
 	"record.metadata.updateFrequency": "Frequenza di aggiornamento dei dati",
 	"record.metadata.updateStatus": "Stato di aggiornamento dei dati",
-	"record.metadata.updatedOn": "Ultimo aggiornamento delle informazioni sui dati",
+	"record.metadata.updatedOn": "Ultimo aggiornamento del metadata",
 	"record.metadata.usage": "Condizioni d'uso",
 	"record.more.details": "Dettagli",
 	"record.tab.chart": "Grafico",
@@ -18243,10 +18293,10 @@ var it = {
 	"record.was.created.time": "ha creato questi dati {time}",
 	records: records$2,
 	"results.layout.selectOne": "Mostra risultati",
-	"results.records.hits.displayedOn": "",
+	"results.records.hits.displayedOn": "{displayed, plural, =0{Nessun record} one{1 record visualizzato} other{{displayed} records visualizzati}} {hits, plural, other{su {hits} in totale.}}",
 	"results.records.hits.empty.help.html": "Suggerimenti: <ul class='list-disc list-inside'><li>Prova con altre parole chiave</li><li>Cerca con meno parole</li></ul>",
 	"results.records.hits.found": "{hits, plural, =0{Nessuna corrispondenza.} one{1 record trovato.} other{{hits} risultati.}}",
-	"results.records.hits.selected": "",
+	"results.records.hits.selected": "{amount, plural, one{1 selezionato} other{{ amount } selezionati}}",
 	"results.showMore": "Altri risultati...",
 	"results.sortBy.dateStamp": "Più recente",
 	"results.sortBy.popularity": "Popolarità",
@@ -18295,10 +18345,11 @@ var it = {
 	"table.object.count": "record in questi dati",
 	"table.select.data": "Sorgente dati",
 	"tooltip.html.copy": "Copiare il HTML",
+	"tooltip.id.copy": "Copiare l'identificatore unico",
 	"tooltip.url.copy": "Copiare l'URL",
 	"tooltip.url.open": "Aprire l'URL",
-	"ui.readLess": "",
-	"ui.readMore": "",
+	"ui.readLess": "Ridurre",
+	"ui.readMore": "Leggi di più",
 	"wfs.featuretype.notfound": "La classe di oggetto non è stata trovata nel servizio",
 	"wfs.geojsongml.notsupported": "Il servizio non supporta il formato GeoJSON o GML",
 	"wfs.unreachable.cors": "Il servizio non è accessibile a causa di limitazioni CORS",
@@ -18427,6 +18478,7 @@ var nl = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
+	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByWfs": "",
@@ -18487,6 +18539,8 @@ var nl = {
 	"map.add.layer.file": "",
 	"map.add.layer.wfs": "",
 	"map.add.layer.wms": "",
+	"map.addFromFile.placeholder": "",
+	"map.help.addFromFile": "",
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "",
@@ -18494,6 +18548,7 @@ var nl = {
 	"map.loading.service": "",
 	"map.navigation.message": "",
 	"map.select.layer": "",
+	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
@@ -18534,9 +18589,11 @@ var nl = {
 	"record.metadata.formats": "",
 	"record.metadata.isOpenData": "",
 	"record.metadata.keywords": "",
+	"record.metadata.lastUpdate": "",
 	"record.metadata.links": "",
 	"record.metadata.noUsage": "",
 	"record.metadata.origin": "",
+	"record.metadata.owner": "",
 	"record.metadata.preview": "",
 	"record.metadata.publications": "",
 	"record.metadata.quality": "",
@@ -18559,7 +18616,10 @@ var nl = {
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
 	"record.metadata.sheet": "",
+	"record.metadata.themes": "",
 	"record.metadata.title": "",
+	"record.metadata.type": "",
+	"record.metadata.uniqueId": "",
 	"record.metadata.updateFrequency": "",
 	"record.metadata.updateStatus": "",
 	"record.metadata.updatedOn": "",
@@ -18623,6 +18683,7 @@ var nl = {
 	"table.object.count": "",
 	"table.select.data": "",
 	"tooltip.html.copy": "",
+	"tooltip.id.copy": "",
 	"tooltip.url.copy": "",
 	"tooltip.url.open": "",
 	"ui.readLess": "",
@@ -18755,6 +18816,7 @@ var pt = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
+	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByWfs": "",
@@ -18815,6 +18877,8 @@ var pt = {
 	"map.add.layer.file": "",
 	"map.add.layer.wfs": "",
 	"map.add.layer.wms": "",
+	"map.addFromFile.placeholder": "",
+	"map.help.addFromFile": "",
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "",
@@ -18822,6 +18886,7 @@ var pt = {
 	"map.loading.service": "",
 	"map.navigation.message": "",
 	"map.select.layer": "",
+	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
@@ -18862,9 +18927,11 @@ var pt = {
 	"record.metadata.formats": "",
 	"record.metadata.isOpenData": "",
 	"record.metadata.keywords": "",
+	"record.metadata.lastUpdate": "",
 	"record.metadata.links": "",
 	"record.metadata.noUsage": "",
 	"record.metadata.origin": "",
+	"record.metadata.owner": "",
 	"record.metadata.preview": "",
 	"record.metadata.publications": "",
 	"record.metadata.quality": "",
@@ -18887,7 +18954,10 @@ var pt = {
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
 	"record.metadata.sheet": "",
+	"record.metadata.themes": "",
 	"record.metadata.title": "",
+	"record.metadata.type": "",
+	"record.metadata.uniqueId": "",
 	"record.metadata.updateFrequency": "",
 	"record.metadata.updateStatus": "",
 	"record.metadata.updatedOn": "",
@@ -18951,6 +19021,7 @@ var pt = {
 	"table.object.count": "",
 	"table.select.data": "",
 	"tooltip.html.copy": "",
+	"tooltip.id.copy": "",
 	"tooltip.url.copy": "",
 	"tooltip.url.open": "",
 	"ui.readLess": "",
@@ -19288,6 +19359,7 @@ class Gn4MetadataMapper extends MetadataBaseMapper {
             useLimitations: [],
             spatialExtents: [],
             temporalExtents: [],
+            overviews: [],
         };
         const record = Object.keys(_source).reduce((prev, fieldName) => this.fieldMapper.getMappingFn(fieldName)(prev, _source), emptyRecord);
         return lastValueFrom(this.orgsService.addOrganizationToRecordFromSource(_source, record));
@@ -22525,6 +22597,7 @@ const DEFAULT_VIEW = {
     center: [0, 15],
     zoom: 2,
 };
+const WFS_MAX_FEATURES = 10000;
 class MapContextService {
     constructor(mapUtils, styleService) {
         this.mapUtils = mapUtils;
@@ -22583,6 +22656,7 @@ class MapContextService {
                             urlObj.searchParams.set('typename', layerModel.name);
                             urlObj.searchParams.set('srsname', 'EPSG:3857');
                             urlObj.searchParams.set('bbox', `${extent.join(',')},EPSG:3857`);
+                            urlObj.searchParams.set('maxFeatures', WFS_MAX_FEATURES.toString());
                             return urlObj.toString();
                         },
                         strategy: bbox,
@@ -23130,6 +23204,7 @@ class ThumbnailComponent {
     constructor(optionalPlaceholderUrl) {
         this.optionalPlaceholderUrl = optionalPlaceholderUrl;
         this.fit = 'cover';
+        this.placeholderShown = new EventEmitter();
         this.placeholderUrl = this.optionalPlaceholderUrl || DEFAULT_PLACEHOLDER;
         this.images = [];
     }
@@ -23165,6 +23240,7 @@ class ThumbnailComponent {
     setNewSrcImage(image) {
         this.imgFit = image.fit;
         this.imgUrl = image.url;
+        this.placeholderShown.emit(this.isPlaceholder);
     }
     setPlaceholder() {
         this.setNewSrcImage({ url: this.placeholderUrl, fit: 'scale-down' });
@@ -23187,7 +23263,7 @@ class ThumbnailComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ThumbnailComponent, deps: [{ token: THUMBNAIL_PLACEHOLDER, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: { thumbnailUrl: "thumbnailUrl", fit: "fit" }, viewQueries: [{ propertyName: "imgElement", first: true, predicate: ["imageElement"], descendants: true }, { propertyName: "containerElement", first: true, predicate: ["containerElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #containerElement\n  class=\"h-full w-full relative shrink-0 overflow-hidden flex items-center\"\n  [ngClass]=\"isPlaceholder ? 'bg-gray-100' : 'bg-white'\"\n  [attr.data-cy-is-placeholder]=\"isPlaceholder.toString()\"\n>\n  <img\n    #imageElement\n    class=\"relative w-full object-center\"\n    [ngClass]=\"imgFit === 'contain' ? 'h-4/5' : 'h-full'\"\n    [ngStyle]=\"{ objectFit: imgFit }\"\n    alt=\"thumbnail\"\n    loading=\"lazy\"\n    (load)=\"setObjectFit()\"\n    [src]=\"imgUrl\"\n    (error)=\"useFallback()\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: { thumbnailUrl: "thumbnailUrl", fit: "fit" }, outputs: { placeholderShown: "placeholderShown" }, viewQueries: [{ propertyName: "imgElement", first: true, predicate: ["imageElement"], descendants: true }, { propertyName: "containerElement", first: true, predicate: ["containerElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #containerElement\n  class=\"h-full w-full relative shrink-0 overflow-hidden flex items-center\"\n  [ngClass]=\"isPlaceholder ? 'bg-gray-100' : 'bg-white'\"\n  [attr.data-cy-is-placeholder]=\"isPlaceholder.toString()\"\n>\n  <img\n    #imageElement\n    class=\"relative w-full object-center\"\n    [ngClass]=\"imgFit === 'contain' ? 'h-4/5' : 'h-full'\"\n    [ngStyle]=\"{ objectFit: imgFit }\"\n    alt=\"thumbnail\"\n    loading=\"lazy\"\n    (load)=\"setObjectFit()\"\n    [src]=\"imgUrl\"\n    (error)=\"useFallback()\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ThumbnailComponent, decorators: [{
             type: Component,
@@ -23207,11 +23283,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
             }], containerElement: [{
                 type: ViewChild,
                 args: ['containerElement']
+            }], placeholderShown: [{
+                type: Output
             }] } });
 
 class RecordPreviewCardComponent extends RecordPreviewComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewCardComponent, selector: "gn-ui-record-preview-card", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"h-full border bg-white rounded-sm overflow-hidden transition duration-200 transform hover:scale-105 hover:bg-gray-50 border-gray-300 hover:border-primary hover:text-primary\"\n>\n  <a\n    [href]=\"record.landingPage\"\n    [title]=\"record.abstract\"\n    [target]=\"linkTarget\"\n  >\n    <div class=\"flex flex-col min-h-full\">\n      <gn-ui-thumbnail\n        class=\"lg:h-48 md:h-36 border-b border-gray-200 bg-gray-100\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n\n      <div class=\"grow p-4\">\n        <h1 class=\"title-font text-lg font-medium mb-3 clamp-2\">\n          {{ record.title }}\n        </h1>\n        <p class=\"leading-relaxed text-sm text-gray-700 clamp-3\">\n          {{ record.abstract }}\n        </p>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewCardComponent, selector: "gn-ui-record-preview-card", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"h-full border bg-white rounded-sm overflow-hidden transition duration-200 transform hover:scale-105 hover:bg-gray-50 border-gray-300 hover:border-primary hover:text-primary\"\n>\n  <a\n    [href]=\"record.landingPage\"\n    [title]=\"record.abstract\"\n    [target]=\"linkTarget\"\n  >\n    <div class=\"flex flex-col min-h-full\">\n      <gn-ui-thumbnail\n        class=\"lg:h-48 md:h-36 border-b border-gray-200 bg-gray-100\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n\n      <div class=\"grow p-4\">\n        <h1 class=\"title-font text-lg font-medium mb-3 clamp-2\">\n          {{ record.title }}\n        </h1>\n        <p class=\"leading-relaxed text-sm text-gray-700 clamp-3\">\n          {{ record.abstract }}\n        </p>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewCardComponent, decorators: [{
             type: Component,
@@ -23220,7 +23298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
 
 class RecordPreviewListComponent extends RecordPreviewComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewListComponent, selector: "gn-ui-record-preview-list", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"h-40 bg-white transition duration-200 border border-gray-200 rounded-md hover:bg-gray-50 hover:border-primary hover:text-primary\"\n>\n  <a\n    [href]=\"record.landingPage\"\n    [target]=\"linkTarget\"\n    [title]=\"record.abstract\"\n  >\n    <div class=\"h-full flex flex-row items-center shadow-sm\">\n      <gn-ui-thumbnail\n        class=\"w-40 h-full shrink-0 border-r border-gray-200 bg-gray-100\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n\n      <div class=\"grow h-full px-6 py-4 flex flex-col overflow-hidden\">\n        <div class=\"title-font text-lg font-medium mb-2\">\n          <h1 class=\"truncate\">{{ record.title }}</h1>\n        </div>\n        <p class=\"leading-relaxed clamp-3 text-sm text-gray-700\">\n          {{ record.abstract }}\n        </p>\n        <div class=\"grow\"></div>\n        <div class=\"flex flex-row items-center\">\n          <div\n            class=\"text-gray-500 text-xs truncate capitalize border-r mr-4 pr-4\"\n            *ngIf=\"record.kind === 'dataset'\"\n          >\n            <span translate>{{ record.updateFrequency }}</span>\n          </div>\n          <div\n            class=\"text-gray-500 text-xs border-gray-300 truncate viewable-downloadable\"\n            *ngIf=\"isViewable || isDownloadable\"\n          >\n            <span *ngIf=\"isViewable\" translate>record.action.view</span>\n            <span *ngIf=\"isViewable && isDownloadable\">,&nbsp;</span>\n            <span *ngIf=\"isDownloadable\" translate>record.action.download</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [".viewable-downloadable :first-child{text-transform:capitalize}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewListComponent, selector: "gn-ui-record-preview-list", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"h-40 bg-white transition duration-200 border border-gray-200 rounded-md hover:bg-gray-50 hover:border-primary hover:text-primary\"\n>\n  <a\n    [href]=\"record.landingPage\"\n    [target]=\"linkTarget\"\n    [title]=\"record.abstract\"\n  >\n    <div class=\"h-full flex flex-row items-center shadow-sm\">\n      <gn-ui-thumbnail\n        class=\"w-40 h-full shrink-0 border-r border-gray-200 bg-gray-100\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n\n      <div class=\"grow h-full px-6 py-4 flex flex-col overflow-hidden\">\n        <div class=\"title-font text-lg font-medium mb-2\">\n          <h1 class=\"truncate\">{{ record.title }}</h1>\n        </div>\n        <p class=\"leading-relaxed clamp-3 text-sm text-gray-700\">\n          {{ record.abstract }}\n        </p>\n        <div class=\"grow\"></div>\n        <div class=\"flex flex-row items-center\">\n          <div\n            class=\"text-gray-500 text-xs truncate capitalize border-r mr-4 pr-4\"\n            *ngIf=\"record.kind === 'dataset'\"\n          >\n            <span translate>{{ record.updateFrequency }}</span>\n          </div>\n          <div\n            class=\"text-gray-500 text-xs border-gray-300 truncate viewable-downloadable\"\n            *ngIf=\"isViewable || isDownloadable\"\n          >\n            <span *ngIf=\"isViewable\" translate>record.action.view</span>\n            <span *ngIf=\"isViewable && isDownloadable\">,&nbsp;</span>\n            <span *ngIf=\"isDownloadable\" translate>record.action.download</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [".viewable-downloadable :first-child{text-transform:capitalize}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewListComponent, decorators: [{
             type: Component,
@@ -23368,7 +23446,7 @@ class RecordPreviewRowComponent extends RecordPreviewComponent {
         this.elementRef = elementRef;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewRowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewRowComponent, selector: "gn-ui-record-preview-row", usesInheritance: true, ngImport: i0, template: "<a\n  class=\"group container-lg mx-auto flex cursor-pointer flex-wrap sm:flex-nowrap\"\n  [title]=\"record.title\"\n  [attr.href]=\"linkHref\"\n>\n  <div class=\"shrink-0 w-full sm:w-52\">\n    <div\n      class=\"overflow-hidden bg-gray-100 rounded-lg w-full border border-gray-300 h-36\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full object-cover object-left-top\"\n        [thumbnailUrl]=\"[record.overviews?.[0]?.url?.toString(), organization?.logoUrl?.toString()]\"\n        [fit]=\"['cover', 'contain']\"\n      ></gn-ui-thumbnail>\n    </div>\n  </div>\n  <div\n    class=\"content grid grow relative sm:pl-6 sm:pr-12\"\n    style=\"grid-template-columns: auto 70px\"\n  >\n    <div class=\"mb-3 mt-5 sm:mt-2\">\n      <div\n        class=\"font-title text-21 text-title line-clamp-2 col-start-1 col-span-2 sm:line-clamp-1 group-hover:text-primary transition-colors\"\n        data-cy=\"recordTitle\"\n      >\n        {{ record.title }}\n      </div>\n    </div>\n    <div\n      class=\"abstract mt-4 mb-5 h-36 line-clamp-6 col-start-1 col-span-2 row-start-3 sm:mb-2 sm:h-[4.5rem] sm:line-clamp-3 sm:row-start-2 sm:mt-0\"\n      data-cy=\"recordAbstract\"\n    >\n      {{ abstract }}\n    </div>\n    <div\n      class=\"text-primary opacity-45 uppercase col-start-1 col-span-2 row-start-2 sm:truncate sm:row-start-3 sm:col-span-1\"\n      data-cy=\"recordOrg\"\n      [class]=\"metadataQualityDisplay ? 'limit-organisation-with-quality' : ''\"\n    >\n      {{ organization?.name }}\n    </div>\n    <div\n      class=\"icons flex flex-row col-start-1 row-start-4 sm:col-start-2 sm:row-start-3 sm:absolute sm:right-[0.4em]\"\n    >\n      <mat-icon\n        *ngIf=\"isDownloadable\"\n        class=\"material-symbols-outlined text-primary opacity-45 mx-1\"\n        >cloud_download</mat-icon\n      >\n      <mat-icon\n        *ngIf=\"isViewable\"\n        class=\"material-symbols-outlined text-primary opacity-45 mx-1\"\n        >map</mat-icon\n      >\n    </div>\n    <div\n      *ngIf=\"metadataQualityDisplay\"\n      class=\"col-start-2 row-start-4 sm:row-start-3 absolute right-[4em] sm:right-[5em]\"\n    >\n      <gn-ui-metadata-quality\n        smaller=\"true\"\n        [metadata]=\"record\"\n        [metadataQualityDisplay]=\"metadataQualityDisplay\"\n      ></gn-ui-metadata-quality>\n    </div>\n    <div\n      class=\"text-right col-start-3 row-start-4 sm:absolute sm:col-start-2 sm:row-start-1 sm:top-[-1.125em] sm:right-[0.4em]\"\n      data-cy=\"recordFav\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"favoriteTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: record }\"\n      ></ng-container>\n    </div>\n  </div>\n</a>\n", styles: [".limit-organisation-with-quality{max-width:calc(100% - 170px)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewRowComponent, selector: "gn-ui-record-preview-row", usesInheritance: true, ngImport: i0, template: "<a\n  class=\"group container-lg mx-auto flex cursor-pointer flex-wrap sm:flex-nowrap\"\n  [title]=\"record.title\"\n  [attr.href]=\"linkHref\"\n>\n  <div class=\"shrink-0 w-full sm:w-52\">\n    <div\n      class=\"overflow-hidden bg-gray-100 rounded-lg w-full border border-gray-300 h-36\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full object-cover object-left-top\"\n        [thumbnailUrl]=\"[record.overviews?.[0]?.url?.toString(), organization?.logoUrl?.toString()]\"\n        [fit]=\"['cover', 'contain']\"\n      ></gn-ui-thumbnail>\n    </div>\n  </div>\n  <div\n    class=\"content grid grow relative sm:pl-6 sm:pr-12\"\n    style=\"grid-template-columns: auto 70px\"\n  >\n    <div class=\"mb-3 mt-5 sm:mt-2\">\n      <div\n        class=\"font-title text-21 text-title line-clamp-2 col-start-1 col-span-2 sm:line-clamp-1 group-hover:text-primary transition-colors\"\n        data-cy=\"recordTitle\"\n      >\n        {{ record.title }}\n      </div>\n    </div>\n    <div\n      class=\"abstract mt-4 mb-5 h-36 line-clamp-6 col-start-1 col-span-2 row-start-3 sm:mb-2 sm:h-[4.5rem] sm:line-clamp-3 sm:row-start-2 sm:mt-0\"\n      data-cy=\"recordAbstract\"\n    >\n      {{ abstract }}\n    </div>\n    <div\n      class=\"text-primary opacity-45 uppercase col-start-1 col-span-2 row-start-2 sm:truncate sm:row-start-3 sm:col-span-1\"\n      data-cy=\"recordOrg\"\n      [class]=\"metadataQualityDisplay ? 'limit-organisation-with-quality' : ''\"\n    >\n      {{ organization?.name }}\n    </div>\n    <div\n      class=\"icons flex flex-row col-start-1 row-start-4 sm:col-start-2 sm:row-start-3 sm:absolute sm:right-[0.4em]\"\n    >\n      <mat-icon\n        *ngIf=\"isDownloadable\"\n        class=\"material-symbols-outlined text-primary opacity-45 mx-1\"\n        >cloud_download</mat-icon\n      >\n      <mat-icon\n        *ngIf=\"isViewable\"\n        class=\"material-symbols-outlined text-primary opacity-45 mx-1\"\n        >map</mat-icon\n      >\n    </div>\n    <div\n      *ngIf=\"metadataQualityDisplay\"\n      class=\"col-start-2 row-start-4 sm:row-start-3 absolute right-[4em] sm:right-[5em]\"\n    >\n      <gn-ui-metadata-quality\n        smaller=\"true\"\n        [metadata]=\"record\"\n        [metadataQualityDisplay]=\"metadataQualityDisplay\"\n      ></gn-ui-metadata-quality>\n    </div>\n    <div\n      class=\"text-right col-start-3 row-start-4 sm:absolute sm:col-start-2 sm:row-start-1 sm:top-[-1.125em] sm:right-[0.4em]\"\n      data-cy=\"recordFav\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"favoriteTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: record }\"\n      ></ng-container>\n    </div>\n  </div>\n</a>\n", styles: [".limit-organisation-with-quality{max-width:calc(100% - 170px)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewRowComponent, decorators: [{
             type: Component,
@@ -23386,7 +23464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
 
 class RecordPreviewTitleComponent extends RecordPreviewComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewTitleComponent, selector: "gn-ui-record-preview-title", usesInheritance: true, ngImport: i0, template: "<!-- Record list item: List Small -->\n<div\n  class=\"h-10 w-full border-b border-gray-200 transition duration-200 rounded-sm hover:text-primary\"\n>\n  <a\n    [href]=\"record.landingPage\"\n    [target]=\"linkTarget\"\n    [title]=\"record.abstract\"\n  >\n    <div class=\"h-full flex flex-row items-center\">\n      <gn-ui-thumbnail\n        class=\"w-10 h-full shrink-0 border-r border-gray-200 bg-gray-100\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n\n      <div class=\"grow px-3 py-1 flex flex-col overflow-hidden\">\n        <h1 class=\"title-font text-sm font-bold truncate md:text-clip\">\n          {{ record.title }}\n        </h1>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewTitleComponent, selector: "gn-ui-record-preview-title", usesInheritance: true, ngImport: i0, template: "<!-- Record list item: List Small -->\n<div\n  class=\"h-10 w-full border-b border-gray-200 transition duration-200 rounded-sm hover:text-primary\"\n>\n  <a\n    [href]=\"record.landingPage\"\n    [target]=\"linkTarget\"\n    [title]=\"record.abstract\"\n  >\n    <div class=\"h-full flex flex-row items-center\">\n      <gn-ui-thumbnail\n        class=\"w-10 h-full shrink-0 border-r border-gray-200 bg-gray-100\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n\n      <div class=\"grow px-3 py-1 flex flex-col overflow-hidden\">\n        <h1 class=\"title-font text-sm font-bold truncate md:text-clip\">\n          {{ record.title }}\n        </h1>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewTitleComponent, decorators: [{
             type: Component,
@@ -23426,7 +23504,7 @@ class RecordPreviewFeedComponent extends RecordPreviewComponent {
         return this.timeFormat.format(this.record.recordCreated, Date.now());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewFeedComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewFeedComponent, selector: "gn-ui-record-preview-feed", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"mx-[18px] pl-[18px] pb-[18px] border-solid border-l-2 border-gray-100\"\n>\n  <a\n    class=\"record-container block rounded-lg bg-white border border-white card-shadow\"\n    [attr.href]=\"linkHref\"\n    [target]=\"linkTarget\"\n  >\n    <div\n      class=\"record-header py-4 px-4 border-b border-gray-300 flex flex-row items-center relative transition duration-200\"\n    >\n      <div\n        class=\"absolute w-3 h-3 bg-secondary rounded-full\"\n        style=\"right: calc(100% + 14px)\"\n      ></div>\n      <div\n        class=\"record-header-image border border-gray-300 bg-white rounded-full w-16 h-16 object-contain mr-4 overflow-hidden transition duration-200 shrink-0\"\n      >\n        <mat-icon\n          *ngIf=\"!hasLogo\"\n          class=\"material-symbols-outlined text-gray-200\"\n          style=\"width: 42px; height: 42px; font-size: 42px; margin: 10px\"\n          >{{ hasOnlyPerson ? 'face' : 'home_work' }}</mat-icon\n        >\n        <gn-ui-thumbnail\n          *ngIf=\"hasLogo\"\n          [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString()\"\n          [fit]=\"'contain'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"flex flex-col overflow-hidden items-start\">\n        <span\n          *ngIf=\"hasOrganization\"\n          class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n        >\n          {{ record.ownerOrganization.name }}\n        </span>\n        <span\n          *ngIf=\"hasOnlyPerson\"\n          class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n        >\n          {{ contact.firstName }} {{ contact.lastName }}\n        </span>\n        <p class=\"\">\n          <span translate [translateParams]=\"{ time }\"\n            >record.was.created.time</span\n          >\n        </p>\n      </div>\n    </div>\n    <div class=\"pt-5 pb-5 px-10 relative\">\n      <div class=\"absolute top-[0.85em] right-[0.85em]\">\n        <ng-container\n          [ngTemplateOutlet]=\"favoriteTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: record }\"\n        ></ng-container>\n      </div>\n      <h1\n        class=\"font-title text-black text-[21px] font-medium mb-3 pr-8\"\n        data-cy=\"recordTitle\"\n      >\n        {{ record.title }}\n      </h1>\n      <p class=\"line-clamp-3\">{{ abstract }}</p>\n      <gn-ui-thumbnail\n        *ngIf=\"record.overviews?.[0]\"\n        class=\"block mt-3 w-full h-[136px] border border-gray-100 rounded-lg overflow-hidden\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n      <div class=\"flex flex-row mt-3\" *ngIf=\"isDownloadable || isViewable\">\n        <mat-icon\n          *ngIf=\"isDownloadable\"\n          class=\"material-symbols-outlined text-primary opacity-45 mr-3\"\n          >cloud_download\n        </mat-icon>\n        <mat-icon\n          *ngIf=\"isViewable\"\n          class=\"material-symbols-outlined text-primary opacity-45 mr-3\"\n          >map\n        </mat-icon>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [".record-container:hover .record-header,.record-container:hover .record-header-image{border-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RecordPreviewFeedComponent, selector: "gn-ui-record-preview-feed", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"mx-[18px] pl-[18px] pb-[18px] border-solid border-l-2 border-gray-100\"\n>\n  <a\n    class=\"record-container block rounded-lg bg-white border border-white card-shadow\"\n    [attr.href]=\"linkHref\"\n    [target]=\"linkTarget\"\n  >\n    <div\n      class=\"record-header py-4 px-4 border-b border-gray-300 flex flex-row items-center relative transition duration-200\"\n    >\n      <div\n        class=\"absolute w-3 h-3 bg-secondary rounded-full\"\n        style=\"right: calc(100% + 14px)\"\n      ></div>\n      <div\n        class=\"record-header-image border border-gray-300 bg-white rounded-full w-16 h-16 object-contain mr-4 overflow-hidden transition duration-200 shrink-0\"\n      >\n        <mat-icon\n          *ngIf=\"!hasLogo\"\n          class=\"material-symbols-outlined text-gray-200\"\n          style=\"width: 42px; height: 42px; font-size: 42px; margin: 10px\"\n          >{{ hasOnlyPerson ? 'face' : 'home_work' }}</mat-icon\n        >\n        <gn-ui-thumbnail\n          *ngIf=\"hasLogo\"\n          [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString()\"\n          [fit]=\"'contain'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"flex flex-col overflow-hidden items-start\">\n        <span\n          *ngIf=\"hasOrganization\"\n          class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n        >\n          {{ record.ownerOrganization.name }}\n        </span>\n        <span\n          *ngIf=\"hasOnlyPerson\"\n          class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n        >\n          {{ contact.firstName }} {{ contact.lastName }}\n        </span>\n        <p class=\"\">\n          <span translate [translateParams]=\"{ time }\"\n            >record.was.created.time</span\n          >\n        </p>\n      </div>\n    </div>\n    <div class=\"pt-5 pb-5 px-10 relative\">\n      <div class=\"absolute top-[0.85em] right-[0.85em]\">\n        <ng-container\n          [ngTemplateOutlet]=\"favoriteTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: record }\"\n        ></ng-container>\n      </div>\n      <h1\n        class=\"font-title text-black text-[21px] font-medium mb-3 pr-8\"\n        data-cy=\"recordTitle\"\n      >\n        {{ record.title }}\n      </h1>\n      <p class=\"line-clamp-3\">{{ abstract }}</p>\n      <gn-ui-thumbnail\n        *ngIf=\"record.overviews?.[0]\"\n        class=\"block mt-3 w-full h-[136px] border border-gray-100 rounded-lg overflow-hidden\"\n        [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n      ></gn-ui-thumbnail>\n      <div class=\"flex flex-row mt-3\" *ngIf=\"isDownloadable || isViewable\">\n        <mat-icon\n          *ngIf=\"isDownloadable\"\n          class=\"material-symbols-outlined text-primary opacity-45 mr-3\"\n          >cloud_download\n        </mat-icon>\n        <mat-icon\n          *ngIf=\"isViewable\"\n          class=\"material-symbols-outlined text-primary opacity-45 mr-3\"\n          >map\n        </mat-icon>\n      </div>\n    </div>\n  </a>\n</div>\n", styles: [".record-container:hover .record-header,.record-container:hover .record-header-image{border-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RecordPreviewFeedComponent, decorators: [{
             type: Component,
@@ -23759,6 +23837,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
                 args: ['contentDiv']
             }] } });
 
+class CopyTextButtonComponent {
+    constructor() {
+        this.displayText = true;
+        this.rows = 1;
+    }
+    copyText(event) {
+        navigator.clipboard.writeText(this.text);
+        event.target.blur();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CopyTextButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: { text: "text", tooltipText: "tooltipText", displayText: "displayText", rows: "rows" }, ngImport: i0, template: "<div class=\"flex\">\n  <input\n    *ngIf=\"displayText && rows <= 1\"\n    type=\"text\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 truncate\"\n    value=\"{{ text }}\"\n    readonly\n  />\n  <textarea\n    *ngIf=\"displayText && rows > 1\"\n    [rows]=\"rows\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 overflow-y-auto h-max\"\n    readonly\n    >{{ text }}</textarea\n  >\n  <button\n    type=\"button\"\n    (click)=\"copyText($event)\"\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    mat-raised-button\n    [matTooltip]=\"tooltipText\"\n    matTooltipPosition=\"above\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n      >content_copy</mat-icon\n    >\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CopyTextButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-copy-text-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex\">\n  <input\n    *ngIf=\"displayText && rows <= 1\"\n    type=\"text\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 truncate\"\n    value=\"{{ text }}\"\n    readonly\n  />\n  <textarea\n    *ngIf=\"displayText && rows > 1\"\n    [rows]=\"rows\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 overflow-y-auto h-max\"\n    readonly\n    >{{ text }}</textarea\n  >\n  <button\n    type=\"button\"\n    (click)=\"copyText($event)\"\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    mat-raised-button\n    [matTooltip]=\"tooltipText\"\n    matTooltipPosition=\"above\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n      >content_copy</mat-icon\n    >\n  </button>\n</div>\n" }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], tooltipText: [{
+                type: Input
+            }], displayText: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }] } });
+
 class ContentGhostComponent {
     constructor() {
         this.ghostClass = '';
@@ -23918,11 +24021,11 @@ class MarkdownParserComponent {
         return marked.parse(this.textContent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MarkdownParserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: { textContent: "textContent" }, ngImport: i0, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host /deep/ .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0px 0px 1.5rem;line-height:1.5;word-wrap:break-word}:host /deep/ .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host /deep/ .markdown-body h1,:host /deep/ .markdown-body h2,:host /deep/ .markdown-body h3,:host /deep/ .markdown-body h4,:host /deep/ .markdown-body h5,:host /deep/ .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host /deep/ .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host /deep/ .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host /deep/ .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host /deep/ .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host /deep/ .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host /deep/ .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host /deep/ .markdown-body p{margin-top:0;margin-bottom:10px}:host /deep/ .markdown-body p > a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none!important;@apply font-bold;}:host /deep/ .markdown-body p > a:hover{color:var(--color-primary-darker)!important}:host /deep/ .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host /deep/ .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host /deep/ .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host /deep/ .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host /deep/ .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host /deep/ .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host /deep/ .markdown-body hr::before{display:table;content:\"\"}:host /deep/ .markdown-body hr::after{display:table;clear:both;content:\"\"}:host /deep/ .markdown-body ul,:host /deep/ .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host /deep/ .markdown-body ol ol,:host /deep/ .markdown-body ul ol{list-style-type:lower-roman}:host /deep/ .markdown-body ul ul ol,:host /deep/ .markdown-body ul ol ol,:host /deep/ .markdown-body ol ul ol,:host /deep/ .markdown-body ol ol ol{list-style-type:lower-alpha}:host /deep/ .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host /deep/ .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host /deep/ .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host /deep/ .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host /deep/ .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host /deep/ .markdown-body div > ol:not([type]){list-style:unset;list-style-type:decimal}:host /deep/ .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host /deep/ .markdown-body td,:host /deep/ .markdown-body th{padding:0}:host /deep/ .markdown-body th{color:var(--color-secondary)}:host /deep/ .markdown-body table th,:host /deep/ .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host /deep/ .markdown-body table td > :last-child{margin-bottom:0}:host /deep/ .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host /deep/ .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host /deep/ .markdown-body table img{background-color:transparent}:host /deep/ .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host /deep/ .markdown-body img[align=\"right\"]{padding-left:20px}:host /deep/ .markdown-body img[align=\"left\"]{padding-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: { textContent: "textContent" }, ngImport: i0, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0px 0px 1.5rem;line-height:1.5;word-wrap:break-word}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none!important;@apply font-bold;}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MarkdownParserComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-markdown-parser', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host /deep/ .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0px 0px 1.5rem;line-height:1.5;word-wrap:break-word}:host /deep/ .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host /deep/ .markdown-body h1,:host /deep/ .markdown-body h2,:host /deep/ .markdown-body h3,:host /deep/ .markdown-body h4,:host /deep/ .markdown-body h5,:host /deep/ .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host /deep/ .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host /deep/ .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host /deep/ .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host /deep/ .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host /deep/ .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host /deep/ .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host /deep/ .markdown-body p{margin-top:0;margin-bottom:10px}:host /deep/ .markdown-body p > a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none!important;@apply font-bold;}:host /deep/ .markdown-body p > a:hover{color:var(--color-primary-darker)!important}:host /deep/ .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host /deep/ .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host /deep/ .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host /deep/ .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host /deep/ .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host /deep/ .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host /deep/ .markdown-body hr::before{display:table;content:\"\"}:host /deep/ .markdown-body hr::after{display:table;clear:both;content:\"\"}:host /deep/ .markdown-body ul,:host /deep/ .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host /deep/ .markdown-body ol ol,:host /deep/ .markdown-body ul ol{list-style-type:lower-roman}:host /deep/ .markdown-body ul ul ol,:host /deep/ .markdown-body ul ol ol,:host /deep/ .markdown-body ol ul ol,:host /deep/ .markdown-body ol ol ol{list-style-type:lower-alpha}:host /deep/ .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host /deep/ .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host /deep/ .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host /deep/ .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host /deep/ .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host /deep/ .markdown-body div > ol:not([type]){list-style:unset;list-style-type:decimal}:host /deep/ .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host /deep/ .markdown-body td,:host /deep/ .markdown-body th{padding:0}:host /deep/ .markdown-body th{color:var(--color-secondary)}:host /deep/ .markdown-body table th,:host /deep/ .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host /deep/ .markdown-body table td > :last-child{margin-bottom:0}:host /deep/ .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host /deep/ .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host /deep/ .markdown-body table img{background-color:transparent}:host /deep/ .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host /deep/ .markdown-body img[align=\"right\"]{padding-left:20px}:host /deep/ .markdown-body img[align=\"left\"]{padding-right:20px}\n"] }]
+            args: [{ selector: 'gn-ui-markdown-parser', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0px 0px 1.5rem;line-height:1.5;word-wrap:break-word}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none!important;@apply font-bold;}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"] }]
         }], propDecorators: { textContent: [{
                 type: Input
             }] } });
@@ -23964,12 +24067,16 @@ class MetadataInfoComponent {
     onKeywordClick(keyword) {
         this.keyword.emit(keyword);
     }
+    copyText() {
+        navigator.clipboard.writeText(this.metadata.uniqueIdentifier);
+        event.target.blur();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MetadataInfoComponent, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<p\n  class=\"text-[28px] text-title text-center mb-6 font-title sm:text-left\"\n  translate\n>\n  record.metadata.about\n</p>\n<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div>\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n        <ng-container *ngIf=\"metadata.keywords?.length\">\n          <p class=\"mb-3 font-medium text-primary text-sm\" translate>\n            record.metadata.keywords\n          </p>\n          <div class=\"sm:pb-4 sm:pr-16\">\n            <gn-ui-badge\n              class=\"inline-block mr-2 mb-2 lowercase\"\n              (click)=\"onKeywordClick(keyword)\"\n              [clickable]=\"true\"\n              *ngFor=\"let keyword of metadata.keywords\"\n              >{{ keyword }}</gn-ui-badge\n            >\n          </div>\n        </ng-container>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  class=\"metadata-origin\"\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.recordUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.origin' | translate\"\n>\n  <p\n    *ngIf=\"metadata.lineage\"\n    class=\"mb-5 pt-4 whitespace-pre-line break-words\"\n    gnUiLinkify\n  >\n    {{ metadata.lineage }}\n  </p>\n  <div\n    class=\"py-4 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-[10px] gap-x-[20px] text-gray-700 info-grid\"\n  >\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.status\">\n      <p class=\"text-sm\" translate>record.metadata.updateStatus</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.status.{{ metadata.status }}\n      </p>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel [title]=\"'record.metadata.usage' | translate\">\n  <div class=\"py-4 px-6 rounded bg-gray-100 text-gray-700 flex flex-wrap gap-2\">\n    <gn-ui-badge *ngIf=\"metadata.extras?.isOpenData\">\n      <span translate>record.metadata.isOpenData</span>\n    </gn-ui-badge>\n    <span\n      class=\"text-primary font-medium\"\n      *ngFor=\"let usage of usages\"\n      gnUiLinkify\n    >\n      {{ usage }}\n    </span>\n    <span class=\"text-primary font-medium noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div class=\"py-5 px-5 rounded bg-gray-100 text-gray-700\">\n    <p class=\"text-sm\" translate>record.metadata.sheet</p>\n    <p class=\"text-primary font-medium mt-1\" translate>\n      <a [href]=\"metadata.landingPage\" target=\"_blank\">\n        <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n      </a>\n    </p>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }, { kind: "component", type: MaxLinesComponent, selector: "gn-ui-max-lines", inputs: ["maxLines"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MetadataInfoComponent, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div>\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  class=\"metadata-origin\"\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.recordUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.origin' | translate\"\n>\n  <p\n    *ngIf=\"metadata.lineage\"\n    class=\"mb-5 pt-4 whitespace-pre-line break-words\"\n    gnUiLinkify\n  >\n    {{ metadata.lineage }}\n  </p>\n  <div\n    class=\"py-4 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-[10px] gap-x-[20px] text-gray-700 info-grid\"\n  >\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.status\">\n      <p class=\"text-sm\" translate>record.metadata.updateStatus</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.status.{{ metadata.status }}\n      </p>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel [title]=\"'record.metadata.usage' | translate\">\n  <div class=\"py-4 px-6 rounded bg-gray-100 text-gray-700 flex flex-wrap gap-2\">\n    <gn-ui-badge *ngIf=\"metadata.extras?.isOpenData\">\n      <span translate>record.metadata.isOpenData</span>\n    </gn-ui-badge>\n    <span\n      class=\"text-primary font-medium\"\n      *ngFor=\"let usage of usages\"\n      gnUiLinkify\n    >\n      {{ usage }}\n    </span>\n    <span class=\"text-primary font-medium noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.themes?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.themes</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 lowercase\"\n          *ngFor=\"let theme of metadata.themes\"\n          >{{ theme }}</gn-ui-badge\n        >\n      </div>\n    </div>\n    <div *ngIf=\"metadata.keywords?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.keywords</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button mat-icon{transform:scale(.8)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }, { kind: "component", type: MaxLinesComponent, selector: "gn-ui-max-lines", inputs: ["maxLines"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-metadata-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p\n  class=\"text-[28px] text-title text-center mb-6 font-title sm:text-left\"\n  translate\n>\n  record.metadata.about\n</p>\n<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div>\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n        <ng-container *ngIf=\"metadata.keywords?.length\">\n          <p class=\"mb-3 font-medium text-primary text-sm\" translate>\n            record.metadata.keywords\n          </p>\n          <div class=\"sm:pb-4 sm:pr-16\">\n            <gn-ui-badge\n              class=\"inline-block mr-2 mb-2 lowercase\"\n              (click)=\"onKeywordClick(keyword)\"\n              [clickable]=\"true\"\n              *ngFor=\"let keyword of metadata.keywords\"\n              >{{ keyword }}</gn-ui-badge\n            >\n          </div>\n        </ng-container>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  class=\"metadata-origin\"\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.recordUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.origin' | translate\"\n>\n  <p\n    *ngIf=\"metadata.lineage\"\n    class=\"mb-5 pt-4 whitespace-pre-line break-words\"\n    gnUiLinkify\n  >\n    {{ metadata.lineage }}\n  </p>\n  <div\n    class=\"py-4 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-[10px] gap-x-[20px] text-gray-700 info-grid\"\n  >\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.status\">\n      <p class=\"text-sm\" translate>record.metadata.updateStatus</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.status.{{ metadata.status }}\n      </p>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel [title]=\"'record.metadata.usage' | translate\">\n  <div class=\"py-4 px-6 rounded bg-gray-100 text-gray-700 flex flex-wrap gap-2\">\n    <gn-ui-badge *ngIf=\"metadata.extras?.isOpenData\">\n      <span translate>record.metadata.isOpenData</span>\n    </gn-ui-badge>\n    <span\n      class=\"text-primary font-medium\"\n      *ngFor=\"let usage of usages\"\n      gnUiLinkify\n    >\n      {{ usage }}\n    </span>\n    <span class=\"text-primary font-medium noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div class=\"py-5 px-5 rounded bg-gray-100 text-gray-700\">\n    <p class=\"text-sm\" translate>record.metadata.sheet</p>\n    <p class=\"text-primary font-medium mt-1\" translate>\n      <a [href]=\"metadata.landingPage\" target=\"_blank\">\n        <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n      </a>\n    </p>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}\n"] }]
+            args: [{ selector: 'gn-ui-metadata-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div>\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  class=\"metadata-origin\"\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.recordUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.origin' | translate\"\n>\n  <p\n    *ngIf=\"metadata.lineage\"\n    class=\"mb-5 pt-4 whitespace-pre-line break-words\"\n    gnUiLinkify\n  >\n    {{ metadata.lineage }}\n  </p>\n  <div\n    class=\"py-4 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-[10px] gap-x-[20px] text-gray-700 info-grid\"\n  >\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.status\">\n      <p class=\"text-sm\" translate>record.metadata.updateStatus</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.status.{{ metadata.status }}\n      </p>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel [title]=\"'record.metadata.usage' | translate\">\n  <div class=\"py-4 px-6 rounded bg-gray-100 text-gray-700 flex flex-wrap gap-2\">\n    <gn-ui-badge *ngIf=\"metadata.extras?.isOpenData\">\n      <span translate>record.metadata.isOpenData</span>\n    </gn-ui-badge>\n    <span\n      class=\"text-primary font-medium\"\n      *ngFor=\"let usage of usages\"\n      gnUiLinkify\n    >\n      {{ usage }}\n    </span>\n    <span class=\"text-primary font-medium noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.themes?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.themes</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 lowercase\"\n          *ngFor=\"let theme of metadata.themes\"\n          >{{ theme }}</gn-ui-badge\n        >\n      </div>\n    </div>\n    <div *ngIf=\"metadata.keywords?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.keywords</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button mat-icon{transform:scale(.8)}\n"] }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], incomplete: [{
@@ -24038,11 +24145,11 @@ class ButtonComponent {
         propagateToDocumentOnly(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ButtonComponent, selector: "gn-ui-button", inputs: { type: "type", disabled: "disabled", extraClass: "extraClass" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"flex flex-row items-center text-[1em] leading-none p-[1em] rounded-[0.25em] transition-all duration-100 focus:outline-none disabled:opacity-50 disabled:pointer-events-none\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [":host /deep/ mat-icon.mat-icon{margin-top:-.325em;margin-bottom:-.325em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ButtonComponent, selector: "gn-ui-button", inputs: { type: "type", disabled: "disabled", extraClass: "extraClass" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"flex flex-row items-center text-[1em] leading-none p-[1em] rounded-[0.25em] transition-all duration-100 focus:outline-none disabled:opacity-50 disabled:pointer-events-none\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [":host ::ng-deep mat-icon.mat-icon{margin-top:-.325em;margin-bottom:-.325em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  class=\"flex flex-row items-center text-[1em] leading-none p-[1em] rounded-[0.25em] transition-all duration-100 focus:outline-none disabled:opacity-50 disabled:pointer-events-none\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [":host /deep/ mat-icon.mat-icon{margin-top:-.325em;margin-bottom:-.325em}\n"] }]
+            args: [{ selector: 'gn-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  class=\"flex flex-row items-center text-[1em] leading-none p-[1em] rounded-[0.25em] transition-all duration-100 focus:outline-none disabled:opacity-50 disabled:pointer-events-none\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [":host ::ng-deep mat-icon.mat-icon{margin-top:-.325em;margin-bottom:-.325em}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], disabled: [{
@@ -24126,31 +24233,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
                 type: Input
             }] } });
 
-class CopyTextButtonComponent {
-    constructor() {
-        this.displayText = true;
-        this.rows = 1;
-    }
-    copyText(event) {
-        navigator.clipboard.writeText(this.text);
-        event.target.blur();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CopyTextButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: { text: "text", tooltipText: "tooltipText", displayText: "displayText", rows: "rows" }, ngImport: i0, template: "<div class=\"flex\">\n  <input\n    *ngIf=\"displayText && rows <= 1\"\n    type=\"text\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 truncate\"\n    value=\"{{ text }}\"\n    readonly\n  />\n  <textarea\n    *ngIf=\"displayText && rows > 1\"\n    [rows]=\"rows\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 overflow-y-auto h-max\"\n    readonly\n    >{{ text }}</textarea\n  >\n  <button\n    type=\"button\"\n    (click)=\"copyText($event)\"\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    mat-raised-button\n    [matTooltip]=\"tooltipText\"\n    matTooltipPosition=\"above\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n      >content_copy</mat-icon\n    >\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CopyTextButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-copy-text-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex\">\n  <input\n    *ngIf=\"displayText && rows <= 1\"\n    type=\"text\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 truncate\"\n    value=\"{{ text }}\"\n    readonly\n  />\n  <textarea\n    *ngIf=\"displayText && rows > 1\"\n    [rows]=\"rows\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 overflow-y-auto h-max\"\n    readonly\n    >{{ text }}</textarea\n  >\n  <button\n    type=\"button\"\n    (click)=\"copyText($event)\"\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    mat-raised-button\n    [matTooltip]=\"tooltipText\"\n    matTooltipPosition=\"above\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n      >content_copy</mat-icon\n    >\n  </button>\n</div>\n" }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], tooltipText: [{
-                type: Input
-            }], displayText: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }] } });
-
 class ApiCardComponent {
     constructor() {
         this.currentlyActive = false;
@@ -24347,11 +24429,11 @@ class CarouselComponent {
         this.emblaApi.scrollTo(stepIndex);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CarouselComponent, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"overflow-hidden h-full w-full\">\n  <div class=\"carousel-container flex flex-row\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div\n  class=\"absolute right-0 top-0 flex flex-row justify-center gap-[10px] p-1\"\n  [ngClass]=\"stepsContainerClass\"\n>\n  <button\n    *ngFor=\"let step of steps; let i = index\"\n    class=\"carousel-step-dot\"\n    (click)=\"scrollToStep(i)\"\n    [ngClass]=\"selectedStep === i ? 'bg-secondary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .carousel-container /deep/ > *{flex-shrink:0}:host{position:relative}.carousel-step-dot{width:6px;height:6px;border-radius:6px;position:relative}.carousel-step-dot:after{content:\"\";position:absolute;left:-4px;top:-4px;width:14px;height:14px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CarouselComponent, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"overflow-hidden h-full w-full\">\n  <div class=\"carousel-container flex flex-row\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div\n  class=\"absolute right-0 top-0 flex flex-row justify-center gap-[10px] p-1\"\n  [ngClass]=\"stepsContainerClass\"\n>\n  <button\n    *ngFor=\"let step of steps; let i = index\"\n    class=\"carousel-step-dot\"\n    (click)=\"scrollToStep(i)\"\n    [ngClass]=\"selectedStep === i ? 'bg-secondary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative}.carousel-step-dot{width:6px;height:6px;border-radius:6px;position:relative}.carousel-step-dot:after{content:\"\";position:absolute;left:-4px;top:-4px;width:14px;height:14px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #carouselOverflowContainer class=\"overflow-hidden h-full w-full\">\n  <div class=\"carousel-container flex flex-row\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div\n  class=\"absolute right-0 top-0 flex flex-row justify-center gap-[10px] p-1\"\n  [ngClass]=\"stepsContainerClass\"\n>\n  <button\n    *ngFor=\"let step of steps; let i = index\"\n    class=\"carousel-step-dot\"\n    (click)=\"scrollToStep(i)\"\n    [ngClass]=\"selectedStep === i ? 'bg-secondary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .carousel-container /deep/ > *{flex-shrink:0}:host{position:relative}.carousel-step-dot{width:6px;height:6px;border-radius:6px;position:relative}.carousel-step-dot:after{content:\"\";position:absolute;left:-4px;top:-4px;width:14px;height:14px}\n"] }]
+            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #carouselOverflowContainer class=\"overflow-hidden h-full w-full\">\n  <div class=\"carousel-container flex flex-row\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div\n  class=\"absolute right-0 top-0 flex flex-row justify-center gap-[10px] p-1\"\n  [ngClass]=\"stepsContainerClass\"\n>\n  <button\n    *ngFor=\"let step of steps; let i = index\"\n    class=\"carousel-step-dot\"\n    (click)=\"scrollToStep(i)\"\n    [ngClass]=\"selectedStep === i ? 'bg-secondary' : 'bg-gray-400'\"\n  ></button>\n</div>\n", styles: [":host .carousel-container ::ng-deep>*{flex-shrink:0}:host{position:relative}.carousel-step-dot{width:6px;height:6px;border-radius:6px;position:relative}.carousel-step-dot:after{content:\"\";position:absolute;left:-4px;top:-4px;width:14px;height:14px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { containerClass: [{
                 type: Input
             }], stepsContainerClass: [{
@@ -24408,11 +24490,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
 
 class RelatedRecordCardComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RelatedRecordCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RelatedRecordCardComponent, selector: "gn-ui-related-record-card", inputs: { record: "record" }, ngImport: i0, template: "<a\n  class=\"w-72 h-96 overflow-hidden rounded-lg bg-white cursor-pointer block hover:-translate-y-2 duration-[180ms]\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0].url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RelatedRecordCardComponent, selector: "gn-ui-related-record-card", inputs: { record: "record" }, ngImport: i0, template: "<a\n  class=\"w-72 h-96 overflow-hidden rounded-lg bg-white cursor-pointer block hover:-translate-y-2 duration-[180ms]\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RelatedRecordCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-related-record-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"w-72 h-96 overflow-hidden rounded-lg bg-white cursor-pointer block hover:-translate-y-2 duration-[180ms]\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0].url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n" }]
+            args: [{ selector: 'gn-ui-related-record-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"w-72 h-96 overflow-hidden rounded-lg bg-white cursor-pointer block hover:-translate-y-2 duration-[180ms]\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n" }]
         }], propDecorators: { record: [{
                 type: Input
             }] } });
@@ -24440,11 +24522,11 @@ class MetadataContactComponent {
         this.organizationClick.emit(this.shownOrganization);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MetadataContactComponent, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6 sm:mb-12\">\n  <div class=\"grid gap-3\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >call_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >person_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            location_on</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MetadataContactComponent, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6 sm:mb-12\">\n  <div class=\"grid gap-3\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >call_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >person_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            location_on</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataContactComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-metadata-contact', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6 sm:mb-12\">\n  <div class=\"grid gap-3\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >call_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >person_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            location_on</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-metadata-contact', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6 sm:mb-12\">\n  <div class=\"grid gap-3\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >call_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            >person_outline</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            location_on</mat-icon\n          >\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], organizationClick: [{
@@ -25164,11 +25246,11 @@ class StarToggleComponent {
         event.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled\n    }\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined\"\n      [ngClass]=\"{ 'star-filled': toggled }\"\n      >star</mat-icon\n    >\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}mat-icon{width:1em;height:1em;font-size:1.5em;margin-top:-.1em;font-variation-settings:\"opsz\" 40}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled\n    }\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined\"\n      [ngClass]=\"{ 'star-filled': toggled }\"\n      >star</mat-icon\n    >\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}mat-icon{width:1em;height:1em;font-size:1.5em;margin-top:-.1em;font-variation-settings:\"opsz\" 40;stroke:var(--color-primary-darker)}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: StarToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled\n    }\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined\"\n      [ngClass]=\"{ 'star-filled': toggled }\"\n      >star</mat-icon\n    >\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}mat-icon{width:1em;height:1em;font-size:1.5em;margin-top:-.1em;font-variation-settings:\"opsz\" 40}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
+            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled\n    }\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined\"\n      [ngClass]=\"{ 'star-filled': toggled }\"\n      >star</mat-icon\n    >\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}mat-icon{width:1em;height:1em;font-size:1.5em;margin-top:-.1em;font-variation-settings:\"opsz\" 40;stroke:var(--color-primary-darker)}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
         }], propDecorators: { toggled: [{
                 type: Input
             }], disabled: [{
@@ -25280,11 +25362,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
 
 class NavigationButtonComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: NavigationButtonComponent, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center backdrop-blur p-1 bg-primary-opacity-50 text-white rounded\"\n>\n  <mat-icon class=\"material-symbols-outlined align-middle\">{{ icon }}</mat-icon>\n  <span class=\"mx-2 hidden group-hover:inline\">{{ label }}</span>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: NavigationButtonComponent, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 text-white rounded content-center\"\n>\n  <mat-icon class=\"material-symbols-outlined align-middle w-[18px]\">{{\n    icon\n  }}</mat-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: NavigationButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"group flex items-center justify-center backdrop-blur p-1 bg-primary-opacity-50 text-white rounded\"\n>\n  <mat-icon class=\"material-symbols-outlined align-middle\">{{ icon }}</mat-icon>\n  <span class=\"mx-2 hidden group-hover:inline\">{{ label }}</span>\n</button>\n" }]
+            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 text-white rounded content-center\"\n>\n  <mat-icon class=\"material-symbols-outlined align-middle w-[18px]\">{{\n    icon\n  }}</mat-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], icon: [{
@@ -25847,6 +25929,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
                 type: Input
             }] } });
 
+class ImageOverlayPreviewComponent {
+    constructor() {
+        this.isPlaceholderShown = new EventEmitter();
+    }
+    openLightbox(src) {
+        basicLightbox.create(`<img src="${src}"/>`).show();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ImageOverlayPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ImageOverlayPreviewComponent, selector: "gn-ui-image-overlay-preview", inputs: { imageUrl: "imageUrl" }, outputs: { isPlaceholderShown: "isPlaceholderShown" }, ngImport: i0, template: "<gn-ui-content-ghost\n  [showContent]=\"imageUrl !== undefined\"\n  ghostClass=\"h-36 mb-3\"\n>\n  <div\n    *ngIf=\"imageUrl\"\n    data-cy=\"record-thumbnail\"\n    class=\"flex-shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 h-36 group-hover:shadow-xl group-hover:border-0 mb-3\"\n  >\n    <gn-ui-thumbnail\n      class=\"relative h-full w-full\"\n      [thumbnailUrl]=\"imageUrl\"\n      fit=\"cover\"\n      (placeholderShown)=\"isPlaceholderShown.emit($event)\"\n    ></gn-ui-thumbnail>\n    <div class=\"relative\">\n      <gn-ui-button\n        class=\"absolute bottom-0 right-0 z-10 mr-2 mb-2\"\n        [type]=\"'outline'\"\n        [extraClass]=\"'!py-2 !px-0'\"\n        (buttonClick)=\"openLightbox(imageUrl)\"\n      >\n        <mat-icon class=\"material-symbols-outlined font-extralight\"\n          >zoom_out_map</mat-icon\n        >\n      </gn-ui-button>\n    </div>\n  </div>\n</gn-ui-content-ghost>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ImageOverlayPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-image-overlay-preview', template: "<gn-ui-content-ghost\n  [showContent]=\"imageUrl !== undefined\"\n  ghostClass=\"h-36 mb-3\"\n>\n  <div\n    *ngIf=\"imageUrl\"\n    data-cy=\"record-thumbnail\"\n    class=\"flex-shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 h-36 group-hover:shadow-xl group-hover:border-0 mb-3\"\n  >\n    <gn-ui-thumbnail\n      class=\"relative h-full w-full\"\n      [thumbnailUrl]=\"imageUrl\"\n      fit=\"cover\"\n      (placeholderShown)=\"isPlaceholderShown.emit($event)\"\n    ></gn-ui-thumbnail>\n    <div class=\"relative\">\n      <gn-ui-button\n        class=\"absolute bottom-0 right-0 z-10 mr-2 mb-2\"\n        [type]=\"'outline'\"\n        [extraClass]=\"'!py-2 !px-0'\"\n        (buttonClick)=\"openLightbox(imageUrl)\"\n      >\n        <mat-icon class=\"material-symbols-outlined font-extralight\"\n          >zoom_out_map</mat-icon\n        >\n      </gn-ui-button>\n    </div>\n  </div>\n</gn-ui-content-ghost>\n" }]
+        }], propDecorators: { imageUrl: [{
+                type: Input
+            }], isPlaceholderShown: [{
+                type: Output
+            }] } });
+
 class UiElementsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: UiElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: UiElementsModule, declarations: [MetadataInfoComponent,
@@ -25869,7 +25970,8 @@ class UiElementsModule {
             PaginationButtonsComponent,
             MaxLinesComponent,
             RecordApiFormComponent,
-            MarkdownParserComponent], imports: [CommonModule,
+            MarkdownParserComponent,
+            ImageOverlayPreviewComponent], imports: [CommonModule,
             MatIconModule,
             MatTooltipModule,
             UiWidgetsModule,
@@ -25895,7 +25997,8 @@ class UiElementsModule {
             UserPreviewComponent,
             PaginationButtonsComponent,
             RecordApiFormComponent,
-            MarkdownParserComponent] }); }
+            MarkdownParserComponent,
+            ImageOverlayPreviewComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: UiElementsModule, imports: [CommonModule,
             MatIconModule,
             MatTooltipModule,
@@ -25945,6 +26048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
                         MaxLinesComponent,
                         RecordApiFormComponent,
                         MarkdownParserComponent,
+                        ImageOverlayPreviewComponent,
                     ],
                     exports: [
                         MetadataInfoComponent,
@@ -25966,6 +26070,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
                         PaginationButtonsComponent,
                         RecordApiFormComponent,
                         MarkdownParserComponent,
+                        ImageOverlayPreviewComponent,
                     ],
                 }]
         }] });
@@ -27352,6 +27457,7 @@ class FavoriteStarComponent {
         this.changeDetector = changeDetector;
         this.authService = authService;
         this.translateService = translateService;
+        this.displayCount = true;
         this.isFavorite$ = this.favoritesService.myFavoritesUuid$.pipe(map$1((favorites) => favorites.indexOf(this.record.uniqueIdentifier) > -1));
         this.isAnonymous$ = this.platformService.isAnonymous();
         this.loading = false;
@@ -27414,12 +27520,14 @@ class FavoriteStarComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", 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: "16.1.7", type: FavoriteStarComponent, selector: "gn-ui-favorite-star", inputs: { record: "record" }, viewQueries: [{ propertyName: "starToggleRef", first: true, predicate: StarToggleComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div>\n  <span class=\"align-text-top mr-1.5 favorite-count\" *ngIf=\"hasFavoriteCount\">{{\n    favoriteCount\n  }}</span>\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: ["toggled", "disabled"], outputs: ["newValue"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: FavoriteStarComponent, 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 content-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-1.5 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    class=\"mt-1\"\n  ></gn-ui-star-toggle>\n  <span\n    class=\"align-text-top ml-1.5 favorite-count mt-1.5\"\n    *ngIf=\"!displayCount\"\n    translate=\"datahub.record.addToFavorites\"\n  ></span>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: ["toggled", "disabled"], outputs: ["newValue"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: FavoriteStarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-favorite-star', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <span class=\"align-text-top mr-1.5 favorite-count\" *ngIf=\"hasFavoriteCount\">{{\n    favoriteCount\n  }}</span>\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: FavoritesService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: AuthService }, { type: i1$1.TranslateService }]; }, propDecorators: { record: [{
+            args: [{ selector: 'gn-ui-favorite-star', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-row content-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-1.5 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    class=\"mt-1\"\n  ></gn-ui-star-toggle>\n  <span\n    class=\"align-text-top ml-1.5 favorite-count mt-1.5\"\n    *ngIf=\"!displayCount\"\n    translate=\"datahub.record.addToFavorites\"\n  ></span>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: FavoritesService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: AuthService }, { type: i1$1.TranslateService }]; }, propDecorators: { displayCount: [{
+                type: Input
+            }], record: [{
                 type: Input
             }], starToggleRef: [{
                 type: ViewChild,
@@ -27462,7 +27570,7 @@ class ResultsListContainerComponent {
         return this.recordUrlTemplate.replace('${uuid}', metadata.uniqueIdentifier);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ResultsListContainerComponent, deps: [{ token: SearchFacade }, { token: RESULTS_LAYOUT_CONFIG }, { token: RECORD_URL_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: { metadataQualityDisplay: "metadataQualityDisplay", layout: "layout", showMore: "showMore" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container\n    *ngIf=\"\n      (facade.isLoading$ | async) === false &&\n      (facade.isEndOfResults$ | async) === false\n    \"\n  >\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-search-results-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-search-results-error>\n  <gn-ui-search-results-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-search-results-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: ["records", "layoutConfig", "favoriteTemplate", "recordUrlGetter", "metadataQualityDisplay"], outputs: ["mdSelect"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: ["isInViewport", "entersViewport", "exitsViewport"] }, { kind: "component", type: SearchResultsErrorComponent, selector: "gn-ui-search-results-error", inputs: ["type", "error", "recordId"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: FavoriteStarComponent, selector: "gn-ui-favorite-star", inputs: ["record"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: { metadataQualityDisplay: "metadataQualityDisplay", layout: "layout", showMore: "showMore" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container\n    *ngIf=\"\n      (facade.isLoading$ | async) === false &&\n      (facade.isEndOfResults$ | async) === false\n    \"\n  >\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-search-results-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-search-results-error>\n  <gn-ui-search-results-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-search-results-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: ["records", "layoutConfig", "favoriteTemplate", "recordUrlGetter", "metadataQualityDisplay"], outputs: ["mdSelect"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: ["isInViewport", "entersViewport", "exitsViewport"] }, { kind: "component", type: SearchResultsErrorComponent, selector: "gn-ui-search-results-error", inputs: ["type", "error", "recordId"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: FavoriteStarComponent, selector: "gn-ui-favorite-star", inputs: ["displayCount", "record"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ResultsListContainerComponent, decorators: [{
             type: Component,
@@ -28177,7 +28285,7 @@ class AddLayerRecordPreviewComponent extends RecordPreviewComponent {
         return getLinkLabel(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AddLayerRecordPreviewComponent, deps: [{ token: i0.ElementRef }, { token: LinkClassifierService }, { token: MapFacade }, { token: MapUtilsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AddLayerRecordPreviewComponent, selector: "gn-ui-add-layer-record-preview", usesInheritance: true, ngImport: i0, template: "<div class=\"w-full flex flex-row rounded-sm\" [title]=\"record.abstract\">\n  <gn-ui-thumbnail\n    class=\"w-16 h-16 shrink-0 border-r border-gray-200 bg-gray-100\"\n    [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n  ></gn-ui-thumbnail>\n\n  <div class=\"flex flex-col p-2 gap-2 overflow-hidden\">\n    <h1 class=\"text-sm font-medium truncate\">\n      {{ record.title }}\n    </h1>\n    <ng-container *ngFor=\"let link of mapLinks\">\n      <gn-ui-button\n        [type]=\"'outline'\"\n        (buttonClick)=\"handleLinkClick(link)\"\n        extraClass=\"!py-[8px] !px-[12px]\"\n      >\n        <div class=\"text-left text-[12px] line-clamp-2\">\n          {{ getLinkLabel(link) }}\n        </div>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AddLayerRecordPreviewComponent, selector: "gn-ui-add-layer-record-preview", usesInheritance: true, ngImport: i0, template: "<div class=\"w-full flex flex-row rounded-sm\" [title]=\"record.abstract\">\n  <gn-ui-thumbnail\n    class=\"w-16 h-16 shrink-0 border-r border-gray-200 bg-gray-100\"\n    [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n  ></gn-ui-thumbnail>\n\n  <div class=\"flex flex-col p-2 gap-2 overflow-hidden\">\n    <h1 class=\"text-sm font-medium truncate\">\n      {{ record.title }}\n    </h1>\n    <ng-container *ngFor=\"let link of mapLinks\">\n      <gn-ui-button\n        [type]=\"'outline'\"\n        (buttonClick)=\"handleLinkClick(link)\"\n        extraClass=\"!py-[8px] !px-[12px]\"\n      >\n        <div class=\"text-left text-[12px] line-clamp-2\">\n          {{ getLinkLabel(link) }}\n        </div>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AddLayerRecordPreviewComponent, decorators: [{
             type: Component,
@@ -28272,6 +28380,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
             args: [{ selector: 'gn-ui-add-layer-from-wms', template: "<div class=\"flex items-center mb-5\">\n  <gn-ui-text-input\n    [(value)]=\"wmsUrl\"\n    (valueChange)=\"urlChange.next($event)\"\n    [hint]=\"'map.wms.urlInput.hint' | translate\"\n    class=\"w-96\"\n  >\n  </gn-ui-text-input>\n</div>\n\n<div *ngIf=\"errorMessage\" class=\"text-red-500 mt-2\">\n  {{ errorMessage }}\n</div>\n\n<div *ngIf=\"loading\">\n  <p class=\"loading-message\" translate>map.loading.service</p>\n</div>\n\n<div *ngIf=\"!loading && layers.length > 0\">\n  <h2 class=\"font-bold\" translate>map.layers.available</h2>\n  <ng-container\n    *ngFor=\"let layer of layers\"\n    [ngTemplateOutlet]=\"layerTreeItem\"\n    [ngTemplateOutletContext]=\"{\n      layer: layer\n    }\"\n  ></ng-container>\n</div>\n\n<ng-template #layerTreeItem let-layer=\"layer\">\n  <div class=\"flex items-center justify-between layer-tree-item my-2\">\n    <p class=\"max-w-xs overflow-hidden overflow-ellipsis whitespace-nowrap\">\n      {{ layer.title }}\n    </p>\n    <gn-ui-button\n      *ngIf=\"layer.name\"\n      class=\"layer-add-btn\"\n      type=\"primary\"\n      (buttonClick)=\"addLayer(layer)\"\n      extraClass=\"text-sm !px-2 !py-1\"\n      translate\n      ><span translate> map.layer.add </span></gn-ui-button\n    >\n  </div>\n  <div *ngIf=\"layer.children?.length > 0\" class=\"ml-4\">\n    <ng-container\n      *ngFor=\"let child of layer.children\"\n      [ngTemplateOutlet]=\"layerTreeItem\"\n      [ngTemplateOutletContext]=\"{\n        layer: child\n      }\"\n    >\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: MapFacade }, { type: i0.ChangeDetectorRef }]; } });
 
+const INVALID_FILE_FORMAT_ERROR_MESSAGE = 'Invalid file format';
+class AddLayerFromFileComponent {
+    constructor(mapFacade, changeDetectorRef) {
+        this.mapFacade = mapFacade;
+        this.changeDetectorRef = changeDetectorRef;
+        this.errorMessage = null;
+        this.successMessage = null;
+        this.loading = false;
+        this.acceptedMimeType = ['.geojson'];
+        this.maxFileSize = 5000000;
+    }
+    async handleFileChange(file) {
+        if (!file) {
+            this.displayMessage(INVALID_FILE_FORMAT_ERROR_MESSAGE, 'error');
+            return;
+        }
+        if (file.size > this.maxFileSize) {
+            this.displayMessage('File size exceeds the limit of 5MB', 'error');
+            return;
+        }
+        await this.addLayer(file);
+    }
+    async addLayer(file) {
+        this.errorMessage = null;
+        this.loading = true;
+        try {
+            if (!this.isFileFormatValid(file)) {
+                this.displayMessage(INVALID_FILE_FORMAT_ERROR_MESSAGE, 'error');
+                return;
+            }
+            const fileExtension = this.getFileExtension(file);
+            switch (fileExtension) {
+                case 'geojson':
+                    await this.addGeoJsonLayer(file);
+                    break;
+                default:
+                    this.displayMessage(INVALID_FILE_FORMAT_ERROR_MESSAGE, 'error');
+                    break;
+            }
+        }
+        catch (error) {
+            const err = error;
+            this.displayMessage('Error loading file: ' + err.message, 'error');
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    addGeoJsonLayer(file) {
+        return new Promise((resolve, reject) => {
+            try {
+                const reader = new FileReader();
+                reader.onload = () => {
+                    const result = reader.result;
+                    const title = file.name.split('.').slice(0, -1).join('.');
+                    const layerToAdd = {
+                        type: 'geojson',
+                        data: result,
+                    };
+                    this.mapFacade.addLayer({ ...layerToAdd, title: title });
+                    this.displayMessage('File successfully added to map', 'success');
+                    resolve();
+                };
+                reader.onerror = reject;
+                reader.readAsText(file);
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
+    }
+    isFileFormatValid(file) {
+        const fileExtension = this.getFileExtension(file);
+        return this.acceptedMimeType.includes(`.${fileExtension}`);
+    }
+    getFileExtension(file) {
+        return file.name.split('.').pop();
+    }
+    displayMessage(message, type) {
+        if (type === 'success') {
+            this.successMessage = message;
+        }
+        else if (type === 'error') {
+            this.errorMessage = message;
+        }
+        setTimeout(() => {
+            this.successMessage = null;
+            this.errorMessage = null;
+            this.changeDetectorRef.detectChanges();
+        }, 5000);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AddLayerFromFileComponent, deps: [{ token: MapFacade }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AddLayerFromFileComponent, selector: "gn-ui-add-layer-from-file", ngImport: i0, template: "<div class=\"flex flex-col gap-2 my-2\">\n  <div class=\"flex items-center gap-4\">\n    <div class=\"flex-grow rounded-md border-2 border-gray-200\">\n      <gn-ui-drag-and-drop-file-input\n        (fileChange)=\"handleFileChange($event)\"\n        [accept]=\"acceptedMimeType.join(',')\"\n        [placeholder]=\"'map.addFromFile.placeholder' | translate\"\n        class=\"placeholder-grey\"\n      ></gn-ui-drag-and-drop-file-input>\n    </div>\n  </div>\n  <p class=\"text-sm text-gray-600\" translate>map.help.addFromFile</p>\n</div>\n\n<div *ngIf=\"errorMessage\" class=\"text-red-500 mt-2\">\n  {{ errorMessage }}\n</div>\n\n<div *ngIf=\"successMessage\" class=\"text-green-500 mt-2\">\n  {{ successMessage }}\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DragAndDropFileInputComponent, selector: "gn-ui-drag-and-drop-file-input", inputs: ["placeholder", "accept"], outputs: ["fileChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AddLayerFromFileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-add-layer-from-file', template: "<div class=\"flex flex-col gap-2 my-2\">\n  <div class=\"flex items-center gap-4\">\n    <div class=\"flex-grow rounded-md border-2 border-gray-200\">\n      <gn-ui-drag-and-drop-file-input\n        (fileChange)=\"handleFileChange($event)\"\n        [accept]=\"acceptedMimeType.join(',')\"\n        [placeholder]=\"'map.addFromFile.placeholder' | translate\"\n        class=\"placeholder-grey\"\n      ></gn-ui-drag-and-drop-file-input>\n    </div>\n  </div>\n  <p class=\"text-sm text-gray-600\" translate>map.help.addFromFile</p>\n</div>\n\n<div *ngIf=\"errorMessage\" class=\"text-red-500 mt-2\">\n  {{ errorMessage }}\n</div>\n\n<div *ngIf=\"successMessage\" class=\"text-green-500 mt-2\">\n  {{ successMessage }}\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: MapFacade }, { type: i0.ChangeDetectorRef }]; } });
+
+class AddLayerFromWfsComponent {
+    constructor(mapFacade, changeDetectorRef) {
+        this.mapFacade = mapFacade;
+        this.changeDetectorRef = changeDetectorRef;
+        this.wfsUrl = '';
+        this.loading = false;
+        this.layers = [];
+        this.wfsEndpoint = null;
+        this.urlChange = new Subject();
+        this.errorMessage = null;
+    }
+    ngOnInit() {
+        this.urlChange.pipe(debounceTime(700)).subscribe(() => this.loadLayers());
+    }
+    async loadLayers() {
+        this.errorMessage = null;
+        try {
+            this.loading = true;
+            if (this.wfsUrl.trim() === '') {
+                this.layers = [];
+                return;
+            }
+            this.wfsEndpoint = await new WfsEndpoint(this.wfsUrl).isReady();
+            this.layers = this.wfsEndpoint.getFeatureTypes();
+            console.log(this.layers);
+        }
+        catch (error) {
+            const err = error;
+            this.layers = [];
+            this.errorMessage = 'Error loading layers: ' + err.message;
+        }
+        finally {
+            this.loading = false;
+            this.changeDetectorRef.markForCheck();
+        }
+    }
+    addLayer(layer) {
+        const layerToAdd = {
+            name: layer.name,
+            url: this.wfsUrl.toString(),
+            type: MapContextLayerTypeEnum.WFS,
+        };
+        this.mapFacade.addLayer({ ...layerToAdd, title: layer.title });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AddLayerFromWfsComponent, deps: [{ token: MapFacade }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AddLayerFromWfsComponent, selector: "gn-ui-add-layer-from-wfs", ngImport: i0, template: "<div class=\"flex items-center mb-5\">\n  <gn-ui-text-input\n    [(value)]=\"wfsUrl\"\n    (valueChange)=\"urlChange.next($event)\"\n    [hint]=\"'map.wfs.urlInput.hint' | translate\"\n    class=\"w-96\"\n  >\n  </gn-ui-text-input>\n</div>\n\n<div *ngIf=\"errorMessage\" class=\"text-red-500 mt-2\">\n  {{ errorMessage }}\n</div>\n\n<div *ngIf=\"loading\">\n  <p class=\"loading-message\" translate>map.loading.service</p>\n</div>\n\n<div *ngIf=\"!loading && layers.length > 0\">\n  <h2 class=\"font-bold\" translate>map.layers.available</h2>\n  <ng-container *ngFor=\"let layer of layers\">\n    <div class=\"flex items-center justify-between my-2 layer-item-tree\">\n      <p class=\"max-w-xs overflow-hidden overflow-ellipsis whitespace-nowrap\">\n        {{ layer.title }}\n      </p>\n      <gn-ui-button\n        *ngIf=\"layer.name\"\n        class=\"layer-add-btn\"\n        type=\"primary\"\n        (buttonClick)=\"addLayer(layer)\"\n        extraClass=\"text-sm !px-2 !py-1\"\n        translate\n        ><span translate> map.layer.add </span></gn-ui-button\n      >\n    </div>\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "hint", "required"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AddLayerFromWfsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-add-layer-from-wfs', template: "<div class=\"flex items-center mb-5\">\n  <gn-ui-text-input\n    [(value)]=\"wfsUrl\"\n    (valueChange)=\"urlChange.next($event)\"\n    [hint]=\"'map.wfs.urlInput.hint' | translate\"\n    class=\"w-96\"\n  >\n  </gn-ui-text-input>\n</div>\n\n<div *ngIf=\"errorMessage\" class=\"text-red-500 mt-2\">\n  {{ errorMessage }}\n</div>\n\n<div *ngIf=\"loading\">\n  <p class=\"loading-message\" translate>map.loading.service</p>\n</div>\n\n<div *ngIf=\"!loading && layers.length > 0\">\n  <h2 class=\"font-bold\" translate>map.layers.available</h2>\n  <ng-container *ngFor=\"let layer of layers\">\n    <div class=\"flex items-center justify-between my-2 layer-item-tree\">\n      <p class=\"max-w-xs overflow-hidden overflow-ellipsis whitespace-nowrap\">\n        {{ layer.title }}\n      </p>\n      <gn-ui-button\n        *ngIf=\"layer.name\"\n        class=\"layer-add-btn\"\n        type=\"primary\"\n        (buttonClick)=\"addLayer(layer)\"\n        extraClass=\"text-sm !px-2 !py-1\"\n        translate\n        ><span translate> map.layer.add </span></gn-ui-button\n      >\n    </div>\n  </ng-container>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: MapFacade }, { type: i0.ChangeDetectorRef }]; } });
+
 class LayersPanelComponent {
     constructor(mapFacade) {
         this.mapFacade = mapFacade;
@@ -28281,11 +28540,11 @@ class LayersPanelComponent {
         this.mapFacade.removeLayer(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: LayersPanelComponent, deps: [{ token: MapFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: LayersPanelComponent, selector: "gn-ui-layers-panel", ngImport: i0, template: "<div\n  class=\"bg-white rounded shadow shadow-lg relative h-full w-[400px] overflow-hidden\"\n>\n  <div class=\"p-3 border-b border-gray-300 flex items-center\">\n    <mat-icon class=\"material-symbols-outlined mr-2\">layers</mat-icon>\n    <span translate>map.layers.list</span>\n  </div>\n  <div class=\"flex flex-col px-4 divide-y divide-y-gray-50\">\n    <div\n      *ngFor=\"let layer of layers$ | async; let index = index\"\n      class=\"flex flex-row py-3\"\n    >\n      <mat-icon class=\"material-symbols-outlined -ml-2 mr-2 shrink-0\"\n        >chevron_right</mat-icon\n      >\n      <span class=\"mr-2 grow\">{{ layer.title }}</span>\n      <a\n        href\n        class=\"underline text-sm text-red-700 hover:text-red-900\"\n        (click)=\"deleteLayer(index)\"\n      >\n        delete\n      </a>\n    </div>\n  </div>\n  <gn-ui-expandable-panel-button [titleTemplate]=\"addLayerTitle\">\n    <mat-tab-group animationDuration=\"200ms\" class=\"h-full\">\n      <mat-tab [label]=\"'map.add.layer.catalog' | translate\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-catalog></gn-ui-add-layer-from-catalog>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wms' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wms></gn-ui-add-layer-from-wms>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wfs' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3 h-full\">Add from WFS</div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.file' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3 h-full\">Add from file</div>\n      </mat-tab>\n    </mat-tab-group>\n  </gn-ui-expandable-panel-button>\n</div>\n\n<ng-template #addLayerTitle>\n  <mat-icon class=\"material-symbols-outlined mr-4\">add_circle</mat-icon>\n  <span translate>map.add.layer</span>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ExpandablePanelButtonComponent, selector: "gn-ui-expandable-panel-button", inputs: ["titleTemplate", "collapsed"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$3.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: AddLayerFromCatalogComponent, selector: "gn-ui-add-layer-from-catalog" }, { kind: "component", type: AddLayerFromWmsComponent, selector: "gn-ui-add-layer-from-wms" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: LayersPanelComponent, selector: "gn-ui-layers-panel", ngImport: i0, template: "<div\n  class=\"bg-white rounded shadow shadow-lg relative h-full w-[400px] overflow-hidden\"\n>\n  <div class=\"p-3 border-b border-gray-300 flex items-center\">\n    <mat-icon class=\"material-symbols-outlined mr-2\">layers</mat-icon>\n    <span translate>map.layers.list</span>\n  </div>\n  <div class=\"flex flex-col px-4 divide-y divide-y-gray-50\">\n    <div\n      *ngFor=\"let layer of layers$ | async; let index = index\"\n      class=\"flex flex-row py-3\"\n    >\n      <mat-icon class=\"material-symbols-outlined -ml-2 mr-2 shrink-0\"\n        >chevron_right</mat-icon\n      >\n      <span class=\"mr-2 grow\">{{ layer.title }}</span>\n      <a\n        href\n        class=\"underline text-sm text-red-700 hover:text-red-900\"\n        (click)=\"deleteLayer(index)\"\n      >\n        delete\n      </a>\n    </div>\n  </div>\n  <gn-ui-expandable-panel-button [titleTemplate]=\"addLayerTitle\">\n    <mat-tab-group animationDuration=\"200ms\" class=\"h-full\">\n      <mat-tab [label]=\"'map.add.layer.catalog' | translate\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-catalog></gn-ui-add-layer-from-catalog>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wms' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wms></gn-ui-add-layer-from-wms>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wfs' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wfs></gn-ui-add-layer-from-wfs>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.file' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-file></gn-ui-add-layer-from-file>\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </gn-ui-expandable-panel-button>\n</div>\n\n<ng-template #addLayerTitle>\n  <mat-icon class=\"material-symbols-outlined mr-4\">add_circle</mat-icon>\n  <span translate>map.add.layer</span>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ExpandablePanelButtonComponent, selector: "gn-ui-expandable-panel-button", inputs: ["titleTemplate", "collapsed"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$3.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: AddLayerFromCatalogComponent, selector: "gn-ui-add-layer-from-catalog" }, { kind: "component", type: AddLayerFromWmsComponent, selector: "gn-ui-add-layer-from-wms" }, { kind: "component", type: AddLayerFromFileComponent, selector: "gn-ui-add-layer-from-file" }, { kind: "component", type: AddLayerFromWfsComponent, selector: "gn-ui-add-layer-from-wfs" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: LayersPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-layers-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"bg-white rounded shadow shadow-lg relative h-full w-[400px] overflow-hidden\"\n>\n  <div class=\"p-3 border-b border-gray-300 flex items-center\">\n    <mat-icon class=\"material-symbols-outlined mr-2\">layers</mat-icon>\n    <span translate>map.layers.list</span>\n  </div>\n  <div class=\"flex flex-col px-4 divide-y divide-y-gray-50\">\n    <div\n      *ngFor=\"let layer of layers$ | async; let index = index\"\n      class=\"flex flex-row py-3\"\n    >\n      <mat-icon class=\"material-symbols-outlined -ml-2 mr-2 shrink-0\"\n        >chevron_right</mat-icon\n      >\n      <span class=\"mr-2 grow\">{{ layer.title }}</span>\n      <a\n        href\n        class=\"underline text-sm text-red-700 hover:text-red-900\"\n        (click)=\"deleteLayer(index)\"\n      >\n        delete\n      </a>\n    </div>\n  </div>\n  <gn-ui-expandable-panel-button [titleTemplate]=\"addLayerTitle\">\n    <mat-tab-group animationDuration=\"200ms\" class=\"h-full\">\n      <mat-tab [label]=\"'map.add.layer.catalog' | translate\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-catalog></gn-ui-add-layer-from-catalog>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wms' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wms></gn-ui-add-layer-from-wms>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wfs' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3 h-full\">Add from WFS</div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.file' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3 h-full\">Add from file</div>\n      </mat-tab>\n    </mat-tab-group>\n  </gn-ui-expandable-panel-button>\n</div>\n\n<ng-template #addLayerTitle>\n  <mat-icon class=\"material-symbols-outlined mr-4\">add_circle</mat-icon>\n  <span translate>map.add.layer</span>\n</ng-template>\n" }]
+            args: [{ selector: 'gn-ui-layers-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"bg-white rounded shadow shadow-lg relative h-full w-[400px] overflow-hidden\"\n>\n  <div class=\"p-3 border-b border-gray-300 flex items-center\">\n    <mat-icon class=\"material-symbols-outlined mr-2\">layers</mat-icon>\n    <span translate>map.layers.list</span>\n  </div>\n  <div class=\"flex flex-col px-4 divide-y divide-y-gray-50\">\n    <div\n      *ngFor=\"let layer of layers$ | async; let index = index\"\n      class=\"flex flex-row py-3\"\n    >\n      <mat-icon class=\"material-symbols-outlined -ml-2 mr-2 shrink-0\"\n        >chevron_right</mat-icon\n      >\n      <span class=\"mr-2 grow\">{{ layer.title }}</span>\n      <a\n        href\n        class=\"underline text-sm text-red-700 hover:text-red-900\"\n        (click)=\"deleteLayer(index)\"\n      >\n        delete\n      </a>\n    </div>\n  </div>\n  <gn-ui-expandable-panel-button [titleTemplate]=\"addLayerTitle\">\n    <mat-tab-group animationDuration=\"200ms\" class=\"h-full\">\n      <mat-tab [label]=\"'map.add.layer.catalog' | translate\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-catalog></gn-ui-add-layer-from-catalog>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wms' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wms></gn-ui-add-layer-from-wms>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wfs' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wfs></gn-ui-add-layer-from-wfs>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.file' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-file></gn-ui-add-layer-from-file>\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </gn-ui-expandable-panel-button>\n</div>\n\n<ng-template #addLayerTitle>\n  <mat-icon class=\"material-symbols-outlined mr-4\">add_circle</mat-icon>\n  <span translate>map.add.layer</span>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: MapFacade }]; } });
 
 class MapEffects {
@@ -28326,7 +28585,9 @@ class FeatureMapModule {
             AddLayerFromCatalogComponent,
             MapContainerComponent,
             AddLayerRecordPreviewComponent,
-            AddLayerFromWmsComponent], imports: [CommonModule,
+            AddLayerFromWmsComponent,
+            AddLayerFromFileComponent,
+            AddLayerFromWfsComponent], imports: [CommonModule,
             UiMapModule,
             UiLayoutModule,
             MatIconModule,
@@ -28367,6 +28628,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
                         MapContainerComponent,
                         AddLayerRecordPreviewComponent,
                         AddLayerFromWmsComponent,
+                        AddLayerFromFileComponent,
+                        AddLayerFromWfsComponent,
                     ],
                     exports: [
                         MapContextComponent,
@@ -30347,7 +30610,7 @@ class OrganisationPreviewComponent {
         this.clickedOrganisation.emit(this.organisation);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: OrganisationPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: OrganisationPreviewComponent, selector: "gn-ui-organisation-preview", inputs: { organisation: "organisation", organisationUrl: "organisationUrl" }, outputs: { clickedOrganisation: "clickedOrganisation" }, ngImport: i0, template: "<a href (click)=\"clickOrganisation($event)\" [attr.href]=\"organisationUrl\">\n  <div\n    class=\"group cursor-pointer rounded-lg h-full flex flex-col\"\n    [title]=\"organisation.name\"\n  >\n    <div\n      class=\"flex-shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 h-36\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"organisation.logoUrl\"\n        [fit]=\"'contain'\"\n      >\n      </gn-ui-thumbnail>\n    </div>\n    <div class=\"px-3 pb-2 capitalize flex flex-col flex-grow overflow-hidden\">\n      <span\n        class=\"flex-shrink-0 mb-3 mt-5 font-title text-21 text-title group-hover:text-primary line-clamp-2 sm:mt-2 transition-colors\"\n        data-cy=\"organizationName\"\n      >\n        {{ organisation.name }}</span\n      >\n      <p\n        class=\"abstract mt-4 mb-5 sm:mb-2 sm:mt-0 flex-grow flex-shrink-1 overflow-hidden\"\n        data-cy=\"organizationDesc\"\n      >\n        {{ organisation.description }}\n      </p>\n      <div class=\"flex-shrink-0 text-primary opacity-50 flex leading-6\">\n        <mat-icon class=\"material-symbols-outlined text-primary opacity-50 mr-1\"\n          >folder_open\n        </mat-icon>\n        <span class=\"mx-1\" data-cy=\"organizationRecordsCount\">{{\n          organisation.recordCount\n        }}</span>\n        <span translate>record.metadata.publications</span>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".abstract{position:relative}.abstract:after{content:\"\";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,white,transparent);height:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: OrganisationPreviewComponent, selector: "gn-ui-organisation-preview", inputs: { organisation: "organisation", organisationUrl: "organisationUrl" }, outputs: { clickedOrganisation: "clickedOrganisation" }, ngImport: i0, template: "<a href (click)=\"clickOrganisation($event)\" [attr.href]=\"organisationUrl\">\n  <div\n    class=\"group cursor-pointer rounded-lg h-full flex flex-col\"\n    [title]=\"organisation.name\"\n  >\n    <div\n      class=\"flex-shrink-0 bg-gray-100 rounded-lg overflow-hidden w-full border border-gray-300 h-36\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"organisation.logoUrl\"\n        [fit]=\"'contain'\"\n      >\n      </gn-ui-thumbnail>\n    </div>\n    <div class=\"px-3 pb-2 capitalize flex flex-col flex-grow overflow-hidden\">\n      <span\n        class=\"flex-shrink-0 mb-3 mt-5 font-title text-21 text-title group-hover:text-primary line-clamp-2 sm:mt-2 transition-colors\"\n        data-cy=\"organizationName\"\n      >\n        {{ organisation.name }}</span\n      >\n      <p\n        class=\"abstract mt-4 mb-5 sm:mb-2 sm:mt-0 flex-grow flex-shrink-1 overflow-hidden\"\n        data-cy=\"organizationDesc\"\n      >\n        {{ organisation.description }}\n      </p>\n      <div class=\"flex-shrink-0 text-primary opacity-50 flex leading-6\">\n        <mat-icon class=\"material-symbols-outlined text-primary opacity-50 mr-1\"\n          >folder_open\n        </mat-icon>\n        <span class=\"mx-1\" data-cy=\"organizationRecordsCount\">{{\n          organisation.recordCount\n        }}</span>\n        <span translate>record.metadata.publications</span>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".abstract{position:relative}.abstract:after{content:\"\";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,white,transparent);height:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: OrganisationPreviewComponent, decorators: [{
             type: Component,
@@ -30416,7 +30679,7 @@ class LanguageSwitcherComponent {
     ngOnInit() {
         const languages = this.languagePlaceholder || DEFAULT_LANGUAGES;
         this.languageList = languages.map((language) => ({
-            label: `language.${language}`,
+            label: `${language}`.toUpperCase(),
             value: language,
         }));
     }
@@ -30431,11 +30694,11 @@ class LanguageSwitcherComponent {
         this.translate.use(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: LanguageSwitcherComponent, deps: [{ token: LANGUAGES_LIST, optional: true }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: LanguageSwitcherComponent, selector: "gn-ui-language-switcher", ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageList\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n>\n</gn-ui-dropdown-selector>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth"], outputs: ["selectValue"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: LanguageSwitcherComponent, selector: "gn-ui-language-switcher", ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageList\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  [extraBtnClass]=\"'flex justify-items-center text-white !pl-2 !py-1'\"\n>\n</gn-ui-dropdown-selector>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth"], outputs: ["selectValue"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: LanguageSwitcherComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-language-switcher', template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageList\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n>\n</gn-ui-dropdown-selector>\n" }]
+            args: [{ selector: 'gn-ui-language-switcher', template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageList\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  [extraBtnClass]=\"'flex justify-items-center text-white !pl-2 !py-1'\"\n>\n</gn-ui-dropdown-selector>\n" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -31806,5 +32069,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BLOCK_MODEL_FIXTURE, BadgeComponent, BaseReader, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CONFIG_MALFORMED, CONFIG_MINIMAL, CONFIG_MISSING_MANDATORY, CONFIG_OK, CONFIG_UNRECOGNIZED_KEYS, CONFIG_WITH_TRANSLATIONS, CONFIG_WRONG_LANGUAGE_CODE, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASELAYER_CONTEXT, DEFAULT_GN4_LOGIN_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_STYLE_FIXTURE, DEFAULT_STYLE_HL_FIXTURE, DEFAULT_VIEW, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DateRangePickerComponent, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EMPTY_BLOCK_MODEL_FIXTURE, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FACET_ITEM_FIXTURE, FEATURE_MAP_OPTIONS, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDatavizModule, FeatureDetailComponent, FeatureEditorModule, FeatureInfoService, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldFileComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentComponent, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, Gn4MetadataMapper, Gn4Repository, Gn4SettingsService, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, LANGUAGES_LIST, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_CONFIG_FIXTURE, MAP_FEATURE_KEY, METADATA_LANGUAGE, MY_FORMATS, MapComponent, MapContainerComponent, MapContextComponent, MapContextLayerTypeEnum, MapContextService, MapFacade, MapInstanceDirective, MapManagerService, MapStyleService, MapUtilsService, MapUtilsWMSService, MapViewComponent, MarkdownParserComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataQualityComponent, MetadataQualityItemComponent, MyOrgService, NavigationButtonComponent, ORGANIZATIONS_STRATEGY, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationsFromGroupsService, OrganizationsFromMetadataService, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PatchResultsAggregations, PopupAlertComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordTableComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, 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, SearchInputComponent, SearchResultsErrorComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SiteTitleComponent, SortByComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, TABLE_ITEM_FIXTURE, TABLE_ITEM_FIXTURE_HAB, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslateTestingModule, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiCatalogModule, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiMapModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UserPreviewComponent, UtilI18nModule, UtilSharedModule, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, _reset, addLayer, changeLayerOrder, checkFileFormat, clearLayerError, createFuzzyFilter, currentPage, defaultMapOptions, dragPanCondition, dropEmptyTranslations, extensionToFormat, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapLayers, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSpatialFilterEnabled, getThemeConfig, initSearch, initialMapState, initialState, isConfigLoaded, isEndOfResults, isFormatInQueryParam, loadAppConfig, mapContact, mapLogo, mapOrganization, mapReducer, mimeTypeToFormat, mouseWheelZoomCondition, openDataset, parse, placeholder, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readDataset, readDatasetHeaders, reducer$1 as reducer, reducerSearch, removeLayer, removeSearchParams, removeWhitespace, selectFallback, selectFallbackFields, selectField, selectTranslatedField, selectTranslatedValue, setLayerError, sortByFromString, sortByToString, sortByToStrings, stripHtml, toDate, toModel, toXml, totalPages, updateLayer };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BLOCK_MODEL_FIXTURE, BadgeComponent, BaseReader, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CONFIG_MALFORMED, CONFIG_MINIMAL, CONFIG_MISSING_MANDATORY, CONFIG_OK, CONFIG_UNRECOGNIZED_KEYS, CONFIG_WITH_TRANSLATIONS, CONFIG_WRONG_LANGUAGE_CODE, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASELAYER_CONTEXT, DEFAULT_GN4_LOGIN_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_STYLE_FIXTURE, DEFAULT_STYLE_HL_FIXTURE, DEFAULT_VIEW, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DateRangePickerComponent, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EMPTY_BLOCK_MODEL_FIXTURE, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FACET_ITEM_FIXTURE, FEATURE_MAP_OPTIONS, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDatavizModule, FeatureDetailComponent, FeatureEditorModule, FeatureInfoService, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldFileComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentComponent, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, Gn4MetadataMapper, Gn4Repository, Gn4SettingsService, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageOverlayPreviewComponent, LANGUAGES_LIST, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_CONFIG_FIXTURE, MAP_FEATURE_KEY, METADATA_LANGUAGE, MY_FORMATS, MapComponent, MapContainerComponent, MapContextComponent, MapContextLayerTypeEnum, MapContextService, MapFacade, MapInstanceDirective, MapManagerService, MapStyleService, MapUtilsService, MapUtilsWMSService, MapViewComponent, MarkdownParserComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataQualityComponent, MetadataQualityItemComponent, MyOrgService, NavigationButtonComponent, ORGANIZATIONS_STRATEGY, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationsFromGroupsService, OrganizationsFromMetadataService, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PatchResultsAggregations, PopupAlertComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordTableComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, 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, SearchInputComponent, SearchResultsErrorComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SiteTitleComponent, SortByComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, TABLE_ITEM_FIXTURE, TABLE_ITEM_FIXTURE_HAB, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslateTestingModule, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiCatalogModule, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiMapModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UserPreviewComponent, UtilI18nModule, UtilSharedModule, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WFS_MAX_FEATURES, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, _reset, addLayer, changeLayerOrder, checkFileFormat, clearLayerError, createFuzzyFilter, currentPage, defaultMapOptions, dragPanCondition, dropEmptyTranslations, extensionToFormat, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapLayers, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSpatialFilterEnabled, getThemeConfig, initSearch, initialMapState, initialState, isConfigLoaded, isEndOfResults, isFormatInQueryParam, loadAppConfig, mapContact, mapLogo, mapOrganization, mapReducer, mimeTypeToFormat, mouseWheelZoomCondition, openDataset, parse, placeholder, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readDataset, readDatasetHeaders, reducer$1 as reducer, reducerSearch, removeLayer, removeSearchParams, removeWhitespace, selectFallback, selectFallbackFields, selectField, selectTranslatedField, selectTranslatedValue, setLayerError, sortByFromString, sortByToString, sortByToStrings, stripHtml, toDate, toModel, toXml, totalPages, updateLayer };
 //# sourceMappingURL=geonetwork-ui.mjs.map