geonetwork-ui 2.7.0-dev.d500b08cc → 2.7.0-dev.dadaab772

package/fesm2022/geonetwork-ui.mjs

@@ -38,7 +38,7 @@ import * as TOML from '@ltd/j-toml';
 import { Style, Fill, Stroke, Circle } from 'ol/style';
 import CircleStyle from 'ol/style/Circle';
 import EmblaCarousel from 'embla-carousel';
-import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirReduce, iconoirNavArrowDown, iconoirNavArrowUp, iconoirExpand, iconoirAppleWallet, iconoirDatabase, iconoirCode, iconoirAppWindow, iconoirBank, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirList, iconoirUser, iconoirLock, iconoirTranslate, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh, iconoirCheckCircle, iconoirCircle } from '@ng-icons/iconoir';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirReduce, iconoirNavArrowDown, iconoirNavArrowUp, iconoirExpand, iconoirAppleWallet, iconoirDatabase, iconoirCode, iconoirAppWindow, iconoirBank, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirList, iconoirUser, iconoirLock, iconoirTranslate, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh, iconoirCheckCircle, iconoirCircle, iconoirSystemShut, iconoirBadgeCheck } from '@ng-icons/iconoir';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$8 from '@angular/cdk/overlay';
 import { CdkConnectedOverlay, OverlayModule, CdkOverlayOrigin } from '@angular/cdk/overlay';
@@ -795,8 +795,11 @@ function getStatusFromStatusCode(statusCode) {
         case 'onGoing':
             return 'ongoing';
         case 'planned':
+            return 'planned';
         case 'required':
+            return 'required';
         case 'underDevelopment':
+            return 'under_development';
         default:
             return 'under_development';
     }
@@ -893,12 +896,16 @@ marker('domain.record.status.ongoing');
 marker('domain.record.status.under_development');
 marker('domain.record.status.deprecated');
 marker('domain.record.status.removed');
+marker('domain.record.status.planned');
+marker('domain.record.status.required');
 const RecordStatusValues = [
     'completed',
     'ongoing',
     'under_development',
     'deprecated',
     'removed',
+    'planned',
+    'required',
 ];
 
 function getUpdateFrequencyFromFrequencyCode(frequencyCode) {
@@ -1565,6 +1572,10 @@ function getProgressCode(status) {
             return 'removed';
         case 'under_development':
             return 'underDevelopment';
+        case 'planned':
+            return 'planned';
+        case 'required':
+            return 'required';
         default:
             throw new Error(`Could not determine progress code from status: ${status}`);
     }
@@ -18770,7 +18781,9 @@ var de = {
 	"domain.record.status.completed": "Abgeschlossen",
 	"domain.record.status.deprecated": "Veraltet",
 	"domain.record.status.ongoing": "Kontinuierliche Aktualisierung",
+	"domain.record.status.planned": "",
 	"domain.record.status.removed": "Entfernt",
+	"domain.record.status.required": "",
 	"domain.record.status.under_development": "In Erstellung",
 	"domain.record.updateFrequency.annually": "Daten werden jedes Jahr aktualisiert",
 	"domain.record.updateFrequency.asNeeded": "Daten werden nach Bedarf aktualisiert",
@@ -18826,6 +18839,7 @@ var de = {
 	"editor.record.form.draft.updateAlert": "",
 	"editor.record.form.field.abstract": "Kurzbeschreibung",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "Ansprechpartner - Email",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
@@ -18850,6 +18864,7 @@ var de = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "",
 	"editor.record.form.field.onlineResource.toggle.service": "",
 	"editor.record.form.field.onlineResources": "",
+	"editor.record.form.field.organisation": "Ansprechpartner - Organisation",
 	"editor.record.form.field.otherConstraints": "Allgemeine Einschränkung",
 	"editor.record.form.field.overviews": "",
 	"editor.record.form.field.recordUpdated": "Datensatz zuletzt aktualisiert",
@@ -18861,6 +18876,7 @@ var de = {
 	"editor.record.form.field.temporalExtents": "Zeitlicher Umfang",
 	"editor.record.form.field.title": "Metadaten-Titel",
 	"editor.record.form.field.title.placeholder": "Geben Sie einen Titel ein",
+	"editor.record.form.field.topics": "Kategorien",
 	"editor.record.form.field.uniqueIdentifier": "Eindeutige Kennung (ID)",
 	"editor.record.form.field.updateFrequency": "Aktualisierungshäufigkeit",
 	"editor.record.form.keywords.place.placeholder": "",
@@ -18875,6 +18891,8 @@ var de = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"editor.record.form.metadataQuality.open": "Öffnen Sie das Panel zur Metadatenqualität",
+	"editor.record.form.metadataQuality.title": "Vollständigkeit",
 	"editor.record.form.multilingual.activate": "",
 	"editor.record.form.multilingual.default": "",
 	"editor.record.form.multilingual.enable": "",
@@ -19024,6 +19042,7 @@ var de = {
 	"map.layer.add": "Hinzufügen",
 	"map.layers.available": "Verfügbare Layer",
 	"map.layers.list": "Ebenen",
+	"map.legend.title": "Legende",
 	"map.loading.data": "Kartendaten werden geladen...",
 	"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",
@@ -19057,7 +19076,6 @@ var de = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "Anzeigen",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -19263,6 +19281,7 @@ var de = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -19380,7 +19399,9 @@ var en = {
 	"domain.record.status.completed": "Completed",
 	"domain.record.status.deprecated": "Deprecated",
 	"domain.record.status.ongoing": "Ongoing",
+	"domain.record.status.planned": "Planned",
 	"domain.record.status.removed": "Removed",
+	"domain.record.status.required": "Required",
 	"domain.record.status.under_development": "Under development",
 	"domain.record.updateFrequency.annually": "Data is updated every year",
 	"domain.record.updateFrequency.asNeeded": "Data is updated as deemed necessary",
@@ -19436,6 +19457,7 @@ var en = {
 	"editor.record.form.draft.updateAlert": "Since you created this draft, the dataset has been updated on { date } by { user }. Publishing your draft might erase their edits. To avoid this, you need to either cancel your changes or knowingly publish your own version.",
 	"editor.record.form.field.abstract": "Abstract",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "Point of contact - Email",
 	"editor.record.form.field.contacts.noContact": "Please provide at least one point of contact.",
 	"editor.record.form.field.contacts.placeholder": "Choose a contact",
 	"editor.record.form.field.contactsForResource.noContact": "Please provide at least one point of contact responsible for the data.",
@@ -19460,6 +19482,7 @@ var en = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "Link to a file",
 	"editor.record.form.field.onlineResource.toggle.service": "Link to a service",
 	"editor.record.form.field.onlineResources": "Distribution",
+	"editor.record.form.field.organisation": "Point of contact - Organization",
 	"editor.record.form.field.otherConstraints": "Other constraint",
 	"editor.record.form.field.overviews": "Overview",
 	"editor.record.form.field.recordUpdated": "Record updated",
@@ -19471,6 +19494,7 @@ var en = {
 	"editor.record.form.field.temporalExtents": "Temporal extents",
 	"editor.record.form.field.title": "Metadata title",
 	"editor.record.form.field.title.placeholder": "Enter a title",
+	"editor.record.form.field.topics": "Categories",
 	"editor.record.form.field.uniqueIdentifier": "Unique identifier",
 	"editor.record.form.field.updateFrequency": "Update frequency",
 	"editor.record.form.keywords.place.placeholder": "Search for place keywords",
@@ -19485,6 +19509,8 @@ var en = {
 	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
 	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "Unknown or absent",
+	"editor.record.form.metadataQuality.open": "Open the metadata quality panel",
+	"editor.record.form.metadataQuality.title": "Completeness",
 	"editor.record.form.multilingual.activate": "Activate the languages",
 	"editor.record.form.multilingual.default": "Default",
 	"editor.record.form.multilingual.enable": "Multilingual Mode",
@@ -19634,6 +19660,7 @@ var en = {
 	"map.layer.add": "Add",
 	"map.layers.available": "Available Layers",
 	"map.layers.list": "Layers",
+	"map.legend.title": "Legend",
 	"map.loading.data": "Loading map data...",
 	"map.loading.service": "Loading service...",
 	"map.navigation.message": "Please use CTRL + mouse (or two fingers on mobile) to navigate the map",
@@ -19667,7 +19694,6 @@ var en = {
 	"record.action.rollback": "Rollback",
 	"record.action.switchLang": "Switch to default",
 	"record.action.view": "View",
-	"record.card.metadata.contact": "Metadata Contact",
 	"record.externalViewer.open": "Open in the external map viewer",
 	"record.feature.catalog.number.total.attribute": "Total amount of objects",
 	"record.feature.catalog.number.total.object": "Total amount of attributes",
@@ -19873,6 +19899,7 @@ var en = {
 	"service.metadata.filter.noLayers": "No layer matches your search",
 	"service.metadata.other": "Other information",
 	"service.metadata.question": "Ask a question",
+	"service.metadata.reuse": "Declare a reuse",
 	"service.metadata.search": "Search through the layer list",
 	"service.metadata.search.clear": "Clear the layer search",
 	"service.metadata.spatialExtent": "Spatial extent",
@@ -19990,7 +20017,9 @@ var es = {
 	"domain.record.status.completed": "",
 	"domain.record.status.deprecated": "",
 	"domain.record.status.ongoing": "",
+	"domain.record.status.planned": "",
 	"domain.record.status.removed": "",
+	"domain.record.status.required": "",
 	"domain.record.status.under_development": "",
 	"domain.record.updateFrequency.annually": "Los datos se actualizan cada año",
 	"domain.record.updateFrequency.asNeeded": "Los datos se actualizan según sea necesario",
@@ -20046,6 +20075,7 @@ var es = {
 	"editor.record.form.draft.updateAlert": "",
 	"editor.record.form.field.abstract": "",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "Punto de contacto - Correo ",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
@@ -20070,6 +20100,7 @@ var es = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "",
 	"editor.record.form.field.onlineResource.toggle.service": "",
 	"editor.record.form.field.onlineResources": "",
+	"editor.record.form.field.organisation": "Punto de contacto - Organización",
 	"editor.record.form.field.otherConstraints": "",
 	"editor.record.form.field.overviews": "",
 	"editor.record.form.field.recordUpdated": "",
@@ -20081,6 +20112,7 @@ var es = {
 	"editor.record.form.field.temporalExtents": "",
 	"editor.record.form.field.title": "",
 	"editor.record.form.field.title.placeholder": "Introduzca un título",
+	"editor.record.form.field.topics": "Categorías",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.keywords.place.placeholder": "",
@@ -20095,6 +20127,8 @@ var es = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"editor.record.form.metadataQuality.open": "Abrir el panel de calidad de los metadatos",
+	"editor.record.form.metadataQuality.title": "Completitud",
 	"editor.record.form.multilingual.activate": "",
 	"editor.record.form.multilingual.default": "",
 	"editor.record.form.multilingual.enable": "",
@@ -20244,6 +20278,7 @@ var es = {
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "",
+	"map.legend.title": "",
 	"map.loading.data": "",
 	"map.loading.service": "",
 	"map.navigation.message": "",
@@ -20277,7 +20312,6 @@ var es = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -20483,6 +20517,7 @@ var es = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -20600,7 +20635,9 @@ var fr = {
 	"domain.record.status.completed": "Finalisé",
 	"domain.record.status.deprecated": "Obsolète",
 	"domain.record.status.ongoing": "Mise à jour continue",
+	"domain.record.status.planned": "Planifié",
 	"domain.record.status.removed": "Supprimé",
+	"domain.record.status.required": "Obligatoire",
 	"domain.record.status.under_development": "En cours de création",
 	"domain.record.updateFrequency.annually": "Les données sont mises à jour chaque année",
 	"domain.record.updateFrequency.asNeeded": "Les données sont mises à jour selon les besoins",
@@ -20613,7 +20650,7 @@ var fr = {
 	"domain.record.updateFrequency.irregular": "Les données sont mises à jour à intervalles irréguliers",
 	"domain.record.updateFrequency.month": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par mois",
 	"domain.record.updateFrequency.monthly": "Les données sont mises à jour chaque mois",
-	"domain.record.updateFrequency.notPlanned": "Il n'y a pas de plan pour mettre à jour les données",
+	"domain.record.updateFrequency.notPlanned": "La mise à jour des données n’est pas planifiée",
 	"domain.record.updateFrequency.periodic": "Les données sont mises à jour à intervalles réguliers",
 	"domain.record.updateFrequency.quarterly": "Les données sont mises à jour tous les trois mois",
 	"domain.record.updateFrequency.semimonthly": "Les données sont mises à jour deux fois par mois",
@@ -20656,6 +20693,7 @@ var fr = {
 	"editor.record.form.draft.updateAlert": "Depuis la création de ce brouillon, ce jeu de données a été modifié le { date } par { user }. Publier votre version peut supprimer ses modifications. Pour éviter cela, vous pouvez annuler vos changements, ou publier votre version en connaissance de cause.",
 	"editor.record.form.field.abstract": "Description",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "Point de contact - Email",
 	"editor.record.form.field.contacts.noContact": "Veuillez renseigner au moins un point de contact.",
 	"editor.record.form.field.contacts.placeholder": "Choisissez un contact",
 	"editor.record.form.field.contactsForResource.noContact": "Veuillez renseigner au moins un point de contact responsable de la donnée.",
@@ -20680,6 +20718,7 @@ var fr = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "Lier un fichier",
 	"editor.record.form.field.onlineResource.toggle.service": "Lier un service",
 	"editor.record.form.field.onlineResources": "Distribution",
+	"editor.record.form.field.organisation": "Point de contact - Organisation",
 	"editor.record.form.field.otherConstraints": "Contrainte générale",
 	"editor.record.form.field.overviews": "Aperçu",
 	"editor.record.form.field.recordUpdated": "Date de mise à jour",
@@ -20691,6 +20730,7 @@ var fr = {
 	"editor.record.form.field.temporalExtents": "Étendue temporelle",
 	"editor.record.form.field.title": "Titre",
 	"editor.record.form.field.title.placeholder": "Saisir un titre",
+	"editor.record.form.field.topics": "Thèmes",
 	"editor.record.form.field.uniqueIdentifier": "Identifiant unique",
 	"editor.record.form.field.updateFrequency": "Fréquence de mise à jour",
 	"editor.record.form.keywords.place.placeholder": "Rechercher une localisation par mot-clé",
@@ -20705,6 +20745,8 @@ var fr = {
 	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
 	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "Inconnue ou absente",
+	"editor.record.form.metadataQuality.open": "Ouvrir le menu de qualité des métadonnées",
+	"editor.record.form.metadataQuality.title": "Complétion",
 	"editor.record.form.multilingual.activate": "Activez les langues",
 	"editor.record.form.multilingual.default": "Par défaut",
 	"editor.record.form.multilingual.enable": "Mode Multilingue",
@@ -20854,6 +20896,7 @@ var fr = {
 	"map.layer.add": "Ajouter",
 	"map.layers.available": "Couches disponibles",
 	"map.layers.list": "Couches",
+	"map.legend.title": "Légende",
 	"map.loading.data": "Chargement des données...",
 	"map.loading.service": "Chargement du service...",
 	"map.navigation.message": "Veuillez utiliser CTRL + souris (ou deux doigts sur mobile) pour naviguer sur la carte",
@@ -20887,7 +20930,6 @@ var fr = {
 	"record.action.rollback": "Restaurer",
 	"record.action.switchLang": "Marquer par défaut",
 	"record.action.view": "Voir",
-	"record.card.metadata.contact": "Contact de la métadonnée ",
 	"record.externalViewer.open": "Ouvrir dans le visualiseur externe",
 	"record.feature.catalog.number.total.attribute": "Nombre total d'attributs",
 	"record.feature.catalog.number.total.object": "Nombre total d'objets",
@@ -21093,6 +21135,7 @@ var fr = {
 	"service.metadata.filter.noLayers": "Aucune couche ne correspond à votre recherche",
 	"service.metadata.other": "Autres informations",
 	"service.metadata.question": "Poser une question",
+	"service.metadata.reuse": "Déclarer une réutilisation",
 	"service.metadata.search": "Rechercher dans la liste des couches",
 	"service.metadata.search.clear": "Effacer la recherche des couches",
 	"service.metadata.spatialExtent": "Etendue spatiale",
@@ -21210,7 +21253,9 @@ var it = {
 	"domain.record.status.completed": "Completato",
 	"domain.record.status.deprecated": "Deprecato",
 	"domain.record.status.ongoing": "Aggiornamento continuo",
+	"domain.record.status.planned": "",
 	"domain.record.status.removed": "Rimosso",
+	"domain.record.status.required": "",
 	"domain.record.status.under_development": "In fase di creazione",
 	"domain.record.updateFrequency.annually": "I dati vengono aggiornati ogni anno",
 	"domain.record.updateFrequency.asNeeded": "I dati vengono aggiornati secondo necessità",
@@ -21266,6 +21311,7 @@ var it = {
 	"editor.record.form.draft.updateAlert": "Da quando è stata creata questa bozza, questo dataset è stato modificato il { date } da { user }. La pubblicazione della sua versione potrebbe rimuovere le loro modifiche. Per evitarlo, puoi annullare le sue modifiche o pubblicare la sua versione consapevolmente.",
 	"editor.record.form.field.abstract": "Riassunto",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "",
 	"editor.record.form.field.contacts.noContact": "Inserisci almeno un punto di contatto.",
 	"editor.record.form.field.contacts.placeholder": "Scegli un contatto",
 	"editor.record.form.field.contactsForResource.noContact": "Inserisci almeno un punto di contatto responsabile dei dati.",
@@ -21290,6 +21336,7 @@ var it = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "Collega un file",
 	"editor.record.form.field.onlineResource.toggle.service": "Collega un servizio",
 	"editor.record.form.field.onlineResources": "Distribuzione",
+	"editor.record.form.field.organisation": "",
 	"editor.record.form.field.otherConstraints": "Vincolo generale",
 	"editor.record.form.field.overviews": "Panoramica",
 	"editor.record.form.field.recordUpdated": "Data di aggiornamento",
@@ -21301,6 +21348,7 @@ var it = {
 	"editor.record.form.field.temporalExtents": "Estensioni temporali",
 	"editor.record.form.field.title": "Titolo",
 	"editor.record.form.field.title.placeholder": "Inserisci un titolo",
+	"editor.record.form.field.topics": "",
 	"editor.record.form.field.uniqueIdentifier": "Identificatore univoco",
 	"editor.record.form.field.updateFrequency": "Frequenza di aggiornamento",
 	"editor.record.form.keywords.place.placeholder": "Cerca una posizione per parola chiave",
@@ -21315,6 +21363,8 @@ var it = {
 	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
 	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "Sconosciuto o assente",
+	"editor.record.form.metadataQuality.open": "",
+	"editor.record.form.metadataQuality.title": "",
 	"editor.record.form.multilingual.activate": "",
 	"editor.record.form.multilingual.default": "",
 	"editor.record.form.multilingual.enable": "Aprire il pannello multilingue",
@@ -21464,6 +21514,7 @@ var it = {
 	"map.layer.add": "Aggiungi",
 	"map.layers.available": "Layer disponibili",
 	"map.layers.list": "Layers",
+	"map.legend.title": "",
 	"map.loading.data": "Caricamento dati...",
 	"map.loading.service": "Caricamento del servizio...",
 	"map.navigation.message": "Si prega di utilizzare CTRL + mouse (o due dita su mobile) per navigare sulla mappa",
@@ -21497,7 +21548,6 @@ var it = {
 	"record.action.rollback": "Annulla",
 	"record.action.switchLang": "",
 	"record.action.view": "Visualizza",
-	"record.card.metadata.contact": "Contatto del metadata",
 	"record.externalViewer.open": "Aprire nel visualizzatore esterno",
 	"record.feature.catalog.number.total.attribute": "Quantità totale di oggetti",
 	"record.feature.catalog.number.total.object": "Quantità totale di attributi",
@@ -21703,6 +21753,7 @@ var it = {
 	"service.metadata.filter.noLayers": "Nessun layer abbina la ricerca",
 	"service.metadata.other": "Altri informazioni",
 	"service.metadata.question": "Fare una domanda",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "Cerca nella lista del layers",
 	"service.metadata.search.clear": "Cancella la ricerca del layers",
 	"service.metadata.spatialExtent": "Estensione spaziale",
@@ -21820,7 +21871,9 @@ var nl = {
 	"domain.record.status.completed": "",
 	"domain.record.status.deprecated": "",
 	"domain.record.status.ongoing": "",
+	"domain.record.status.planned": "",
 	"domain.record.status.removed": "",
+	"domain.record.status.required": "",
 	"domain.record.status.under_development": "",
 	"domain.record.updateFrequency.annually": "Gegevens worden elk jaar bijgewerkt",
 	"domain.record.updateFrequency.asNeeded": "Gegevens worden bijgewerkt naar behoefte",
@@ -21876,6 +21929,7 @@ var nl = {
 	"editor.record.form.draft.updateAlert": "",
 	"editor.record.form.field.abstract": "",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
@@ -21900,6 +21954,7 @@ var nl = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "",
 	"editor.record.form.field.onlineResource.toggle.service": "",
 	"editor.record.form.field.onlineResources": "",
+	"editor.record.form.field.organisation": "",
 	"editor.record.form.field.otherConstraints": "",
 	"editor.record.form.field.overviews": "",
 	"editor.record.form.field.recordUpdated": "",
@@ -21911,6 +21966,7 @@ var nl = {
 	"editor.record.form.field.temporalExtents": "",
 	"editor.record.form.field.title": "",
 	"editor.record.form.field.title.placeholder": "Voer een titel in",
+	"editor.record.form.field.topics": "",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.keywords.place.placeholder": "",
@@ -21925,6 +21981,8 @@ var nl = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"editor.record.form.metadataQuality.open": "",
+	"editor.record.form.metadataQuality.title": "",
 	"editor.record.form.multilingual.activate": "",
 	"editor.record.form.multilingual.default": "",
 	"editor.record.form.multilingual.enable": "",
@@ -22074,6 +22132,7 @@ var nl = {
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "",
+	"map.legend.title": "",
 	"map.loading.data": "",
 	"map.loading.service": "",
 	"map.navigation.message": "",
@@ -22107,7 +22166,6 @@ var nl = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -22313,6 +22371,7 @@ var nl = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -22430,7 +22489,9 @@ var pt = {
 	"domain.record.status.completed": "",
 	"domain.record.status.deprecated": "",
 	"domain.record.status.ongoing": "",
+	"domain.record.status.planned": "",
 	"domain.record.status.removed": "",
+	"domain.record.status.required": "",
 	"domain.record.status.under_development": "",
 	"domain.record.updateFrequency.annually": "Os dados são atualizados anualmente",
 	"domain.record.updateFrequency.asNeeded": "Os dados são atualizados conforme necessário",
@@ -22486,6 +22547,7 @@ var pt = {
 	"editor.record.form.draft.updateAlert": "",
 	"editor.record.form.field.abstract": "",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
@@ -22510,6 +22572,7 @@ var pt = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "",
 	"editor.record.form.field.onlineResource.toggle.service": "",
 	"editor.record.form.field.onlineResources": "",
+	"editor.record.form.field.organisation": "",
 	"editor.record.form.field.otherConstraints": "",
 	"editor.record.form.field.overviews": "",
 	"editor.record.form.field.recordUpdated": "",
@@ -22521,6 +22584,7 @@ var pt = {
 	"editor.record.form.field.temporalExtents": "",
 	"editor.record.form.field.title": "",
 	"editor.record.form.field.title.placeholder": "Insira um título",
+	"editor.record.form.field.topics": "",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.keywords.place.placeholder": "",
@@ -22535,6 +22599,8 @@ var pt = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"editor.record.form.metadataQuality.open": "",
+	"editor.record.form.metadataQuality.title": "",
 	"editor.record.form.multilingual.activate": "",
 	"editor.record.form.multilingual.default": "",
 	"editor.record.form.multilingual.enable": "",
@@ -22684,6 +22750,7 @@ var pt = {
 	"map.layer.add": "",
 	"map.layers.available": "",
 	"map.layers.list": "",
+	"map.legend.title": "",
 	"map.loading.data": "",
 	"map.loading.service": "",
 	"map.navigation.message": "",
@@ -22717,7 +22784,6 @@ var pt = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -22923,6 +22989,7 @@ var pt = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -23040,7 +23107,9 @@ var sk = {
 	"domain.record.status.completed": "Dokončené",
 	"domain.record.status.deprecated": "Zastarané",
 	"domain.record.status.ongoing": "Prebiehajúce",
+	"domain.record.status.planned": "",
 	"domain.record.status.removed": "Odstránené",
+	"domain.record.status.required": "",
 	"domain.record.status.under_development": "Vo vývoji",
 	"domain.record.updateFrequency.annually": "Údaje sa aktualizujú každý rok",
 	"domain.record.updateFrequency.asNeeded": "Údaje sa aktualizujú podľa potreby",
@@ -23096,6 +23165,7 @@ var sk = {
 	"editor.record.form.draft.updateAlert": "",
 	"editor.record.form.field.abstract": "",
 	"editor.record.form.field.constraintsShortcuts": "",
+	"editor.record.form.field.contacts": "",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
@@ -23120,6 +23190,7 @@ var sk = {
 	"editor.record.form.field.onlineResource.toggle.dataset": "",
 	"editor.record.form.field.onlineResource.toggle.service": "",
 	"editor.record.form.field.onlineResources": "",
+	"editor.record.form.field.organisation": "",
 	"editor.record.form.field.otherConstraints": "",
 	"editor.record.form.field.overviews": "",
 	"editor.record.form.field.recordUpdated": "",
@@ -23131,6 +23202,7 @@ var sk = {
 	"editor.record.form.field.temporalExtents": "",
 	"editor.record.form.field.title": "",
 	"editor.record.form.field.title.placeholder": "Zadajte názov",
+	"editor.record.form.field.topics": "",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.keywords.place.placeholder": "",
@@ -23145,6 +23217,8 @@ var sk = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"editor.record.form.metadataQuality.open": "",
+	"editor.record.form.metadataQuality.title": "",
 	"editor.record.form.multilingual.activate": "",
 	"editor.record.form.multilingual.default": "",
 	"editor.record.form.multilingual.enable": "",
@@ -23294,6 +23368,7 @@ var sk = {
 	"map.layer.add": "Pridať",
 	"map.layers.available": "Dostupné vrsty",
 	"map.layers.list": "Vrstvy",
+	"map.legend.title": "",
 	"map.loading.data": "Načítavanie dát mapy...",
 	"map.loading.service": "Načítavanie služieb...",
 	"map.navigation.message": "Použite prosím CTRL + myš (alebo dva prsty na mobilnom zariadení) na navigáciu po mape",
@@ -23327,7 +23402,6 @@ var sk = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "Zobraziť",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "Otvoriť v externom mapovom prehliadači",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -23533,6 +23607,7 @@ var sk = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -25976,8 +26051,8 @@ const FORMATS = {
     excel: {
         extensions: [
             'excel',
-            'xls',
             'xlsx',
+            'xls',
             'ms-excel',
             'openxmlformats-officedocument',
         ],
@@ -26126,6 +26201,8 @@ function getFileFormat(link) {
 }
 function isFormatInQueryParam(link, alias) {
     const queryParams = link.url.searchParams;
+    if (!queryParams)
+        return false;
     for (const [key, value] of queryParams.entries()) {
         if (key === 'format' || key === 'f') {
             return value === alias;
@@ -26158,6 +26235,14 @@ function getBadgeColor(linkFormat) {
     }
     return 'var(--color-gray-700)'; // Default color ?
 }
+function getLinkId(link) {
+    const href = link.url.href ?? link.url;
+    return `${getLinkLabel(link)
+        .replace(/é/g, 'e')
+        .replace(/è/g, 'e')
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')}-${href}`;
+}
 function getLinkLabel(link) {
     let format = '';
     switch (link.type) {
@@ -26326,7 +26411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.7.0-dev.d500b08cc";
+var version = "2.7.0-dev.dadaab772";
 var engines = {
 	node: ">=20"
 };
@@ -26425,6 +26510,51 @@ const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1] === 'dev'
     ? 'main'
     : `v${packageJson.version}`;
 
+const ValidatorMapper = {
+    title: (record) => !!record?.title,
+    abstract: (record) => !!record?.abstract,
+    keywords: (record) => (record?.keywords?.length ?? 0) > 0,
+    legalConstraints: (record) => (record?.legalConstraints?.length ?? 0) > 0,
+    contacts: (record) => !!record?.contacts?.[0]?.email,
+    updateFrequency: (record) => !!record?.updateFrequency,
+    topics: (record) => (record?.topics?.length ?? 0) > 0,
+    organisation: (record) => !!record?.contacts?.[0]?.organization?.name,
+    capabilities: (record) => record?.onlineResources?.some((resource) => resource?.url?.href.toLowerCase().includes('capabilities')),
+    source: (record) => !!record?.extras?.sourcesIdentifiers,
+};
+function getAllKeysValidator() {
+    return Object.keys(ValidatorMapper);
+}
+function getMappersFromKind(kind) {
+    let kindKeys = [];
+    const commonsKeys = [
+        'title',
+        'abstract',
+        'keywords',
+        'legalConstraints',
+        'contacts',
+    ];
+    switch (kind) {
+        case 'service':
+            kindKeys = ['capabilities'];
+            break;
+        case 'reuse':
+            kindKeys = ['topics', 'organisation', 'source'];
+            break;
+        case 'dataset':
+        default:
+            kindKeys = ['updateFrequency', 'topics', 'organisation'];
+    }
+    return [...commonsKeys, ...kindKeys];
+}
+function getQualityValidators(record, propsToValidate) {
+    const filteredProps = propsToValidate.filter((prop) => getMappersFromKind(record.kind).includes(prop));
+    return filteredProps.map((name) => ({
+        name,
+        validator: () => ValidatorMapper[name](record),
+    }));
+}
+
 function updateLanguages(record, defaultLanguage, otherLanguages) {
     function updateFieldTranslations(target, fieldName) {
         const fieldTranslations = {};
@@ -26631,9 +26761,13 @@ class Gn4PlatformService {
                 ...(Array.isArray(onlines) ? onlines : []),
                 ...(Array.isArray(thumbnails) ? thumbnails : []),
             ].map((resource) => Object.values(resource.url)[0]);
-            const fileToDelete = attachments
-                .filter((attachment) => !urlsToKeep.includes(attachment.url))
-                .map((attachment) => attachment.filename);
+            const fileToDelete = attachments.reduce((acc, attachment) => {
+                if (!urlsToKeep.includes(attachment.url) &&
+                    attachment.filename !== 'datavizConfig.json') {
+                    acc.push(attachment.filename);
+                }
+                return acc;
+            }, []);
             return fileToDelete;
         }), mergeMap((filesToDelete) => filesToDelete.length
             ? forkJoin(filesToDelete.map((filename) => this.recordsApiService.delResource(record.uniqueIdentifier, filename))).pipe(map$1(() => undefined))
@@ -26671,6 +26805,26 @@ class Gn4PlatformService {
             return throwError(() => new Error(error.error?.message ?? error.message));
         }));
     }
+    getFileContent(url) {
+        return this.httpClient.get(url.toString(), { responseType: 'text' }).pipe(map$1((text) => {
+            const parsed = JSON.parse(text);
+            if (typeof parsed === 'object') {
+                return parsed;
+            }
+            const decoded = this.decodeBase64(parsed);
+            return JSON.parse(decoded);
+        }));
+    }
+    decodeBase64(base64) {
+        const text = atob(base64);
+        const length = text.length;
+        const bytes = new Uint8Array(length);
+        for (let i = 0; i < length; i++) {
+            bytes[i] = text.charCodeAt(i);
+        }
+        const decoder = new TextDecoder();
+        return decoder.decode(bytes);
+    }
     attachFileToRecord(recordUuid, file, removeDuplicate = false) {
         return this.getRecordAttachments(recordUuid).pipe(map$1((recordAttachments) => recordAttachments.map((r) => r.fileName)), switchMap((fileNames) => {
             const fileName = file.name;
@@ -27048,7 +27202,7 @@ class MapLegendComponent {
     async ngOnChanges(changes) {
         if ('context' in changes) {
             const mapContext = changes['context'].currentValue;
-            if (mapContext.layers && mapContext.layers.length > 0) {
+            if (mapContext?.layers && mapContext.layers.length > 0) {
                 const mapContextLayer = mapContext.layers[0];
                 this.legendHTML = await createLegendFromLayer(mapContextLayer);
                 if (this.legendHTML) {
@@ -27833,6 +27987,7 @@ function loadAppConfig() {
             'web_component_embedder_url',
             'languages',
             'contact_email',
+            'reuse_form_url',
         ], warnings, errors);
         if (parsedGlobalSection?.metadata_language) {
             parsedGlobalSection = checkMetadataLanguage(parsedGlobalSection, warnings);
@@ -27853,6 +28008,7 @@ function loadAppConfig() {
                     WEB_COMPONENT_EMBEDDER_URL: parsedGlobalSection.web_component_embedder_url,
                     LANGUAGES: parsedGlobalSection.languages,
                     CONTACT_EMAIL: parsedGlobalSection.contact_email,
+                    REUSE_FORM_URL: parsedGlobalSection.reuse_form_url,
                 };
         const parsedLayersSections = parseMultiConfigSection(parsed, 'map_layer', ['type'], ['name', 'url', 'data', 'styleUrl', 'accessToken'], warnings, errors);
         const parsedMapSection = parseConfigSection(parsed, 'map', [], [
@@ -31889,58 +32045,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class MetadataQualityComponent {
     constructor() {
         this.smaller = false;
+        this.popoverDisplay = true;
+        this.forceComputeScore = false; // Instead of returning es' quality score
         this.items = [];
-        this.COMMON_CHECKS = {
-            title: (metadata) => !!metadata?.title,
-            description: (metadata) => !!metadata?.abstract,
-            keywords: (metadata) => (metadata?.keywords?.length ?? 0) > 0,
-            legalConstraints: (metadata) => (metadata?.legalConstraints?.length ?? 0) > 0,
-            contact: (metadata) => !!metadata?.contacts?.[0]?.email,
-        };
-        this.SPECIFIC_CHECKS = {
-            dataset: {
-                updateFrequency: (metadata) => !!metadata?.updateFrequency,
-                topic: (metadata) => (metadata?.topics?.length ?? 0) > 0,
-                organisation: (metadata) => !!metadata?.contacts?.[0]?.organization?.name,
-            },
-            service: {
-                capabilities: (metadata) => (metadata?.onlineResources ?? []).some((resource) => this.hasGetCapabilities(resource?.url?.href ?? '')),
-            },
-            reuse: {
-                topic: (metadata) => (metadata?.topics?.length ?? 0) > 0,
-                organisation: (metadata) => !!metadata?.contacts?.[0]?.organization?.name,
-                source: (metadata) => !!metadata?.extras?.sourcesIdentifiers,
-            },
-        };
     }
     get qualityScore() {
-        const qualityScore = this.metadata?.extras?.qualityScore;
+        const qualityScore = !this.forceComputeScore
+            ? this.metadata?.extras?.qualityScore
+            : this.computedQualityScore;
         return typeof qualityScore === 'number'
             ? qualityScore
-            : this.calculatedQualityScore;
+            : this.computedQualityScore;
     }
-    get calculatedQualityScore() {
+    get computedQualityScore() {
         return Math.round((this.items.filter(({ value }) => value).length * 100) / this.items.length);
     }
-    add(name, value) {
-        if (this.metadataQualityDisplay?.[name] !== false) {
-            this.items.push({ name, value });
-        }
-    }
     hasGetCapabilities(url) {
         return url.toLowerCase().includes('capabilities');
     }
     initialize() {
-        this.items = [];
-        Object.entries(this.COMMON_CHECKS).forEach(([name, check]) => {
-            this.add(name, check(this.metadata));
-        });
-        const datasetType = this.metadata?.kind;
-        if (datasetType && this.SPECIFIC_CHECKS[datasetType]) {
-            Object.entries(this.SPECIFIC_CHECKS[datasetType]).forEach(([name, check]) => {
-                this.add(name, check(this.metadata));
-            });
+        if (!this.propsToValidate) {
+            this.propsToValidate = getAllKeysValidator();
         }
+        this.items = getQualityValidators(this.metadata, this.propsToValidate).map(({ name, validator }) => ({ name, value: validator() }));
     }
     ngOnChanges(changes) {
         if (changes['metadata'] || changes['metadataQualityDisplay']) {
@@ -31948,7 +32075,7 @@ class MetadataQualityComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataQualityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataQualityComponent, isStandalone: true, selector: "gn-ui-metadata-quality", inputs: { metadata: "metadata", smaller: "smaller", metadataQualityDisplay: "metadataQualityDisplay" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataQualityComponent, isStandalone: true, selector: "gn-ui-metadata-quality", inputs: { metadata: "metadata", smaller: "smaller", metadataQualityDisplay: "metadataQualityDisplay", popoverDisplay: "popoverDisplay", propsToValidate: "propsToValidate", forceComputeScore: "forceComputeScore" }, providers: [
             provideIcons({
                 matInfoOutline,
             }),
@@ -31956,7 +32083,7 @@ class MetadataQualityComponent {
                 size: '1.2em',
                 strokeWidth: '1.5px',
             }),
-        ], usesOnChanges: true, ngImport: i0, template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    *ngIf=\"popoverDisplay\"\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataQualityComponent, decorators: [{
             type: Component,
@@ -31975,13 +32102,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             size: '1.2em',
                             strokeWidth: '1.5px',
                         }),
-                    ], template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
+                    ], template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    *ngIf=\"popoverDisplay\"\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], smaller: [{
                 type: Input
             }], metadataQualityDisplay: [{
                 type: Input
+            }], popoverDisplay: [{
+                type: Input
+            }], propsToValidate: [{
+                type: Input
+            }], forceComputeScore: [{
+                type: Input
             }] } });
 
 class InternalLinkCardComponent {
@@ -32023,7 +32156,7 @@ class InternalLinkCardComponent {
             provideNgIconsConfig({
                 size: '1.2em',
             }),
-        ], ngImport: i0, template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\n    <gn-ui-thumbnail\n      class=\"w-full h-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n      [fit]=\"'cover'\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"grow pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["styling", "contentTemplate", "kind", "extraClass"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }] }); }
+        ], ngImport: i0, template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\n    <gn-ui-thumbnail\n      class=\"w-full h-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n      [fit]=\"'cover'\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"grow pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n              [popoverDisplay]=\"true\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay", "popoverDisplay", "propsToValidate", "forceComputeScore"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["styling", "contentTemplate", "kind", "extraClass"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardComponent, decorators: [{
             type: Component,
@@ -32044,7 +32177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.2em',
                         }),
-                    ], template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\n    <gn-ui-thumbnail\n      class=\"w-full h-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n      [fit]=\"'cover'\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"grow pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"] }]
+                    ], template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\n    <gn-ui-thumbnail\n      class=\"w-full h-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n      [fit]=\"'cover'\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"grow pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n              [popoverDisplay]=\"true\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { record: [{
                 type: Input
             }], linkTarget: [{
@@ -38632,7 +38765,7 @@ class DataTableComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataTableComponent, isStandalone: true, selector: "gn-ui-data-table", inputs: { featureAttributes: "featureAttributes", dataset: "dataset", activeId: "activeId" }, outputs: { selected: "selected" }, providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      <ng-container\n        *ngFor=\"let attr of _featureAttributes\"\n        [matColumnDef]=\"attr.value\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ attr.label }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[attr.value] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading$ | async\"\n      class=\"sticky inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0 z-[100]\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n  <div class=\"flex justify-between items-center overflow-hidden\">\n    <div class=\"text-gray-900 px-4 py-2 text-sm\">\n      <span class=\"count font-extrabold text-primary\">{{ count }}</span\n      >&nbsp;<span translate>table.object.count</span>.\n    </div>\n\n    <mat-paginator\n      class=\"my-[-16px]\"\n      (page)=\"setPagination()\"\n      [length]=\"count\"\n      [pageSize]=\"10\"\n      [showFirstLastButtons]=\"true\"\n      [hidePageSize]=\"true\"\n    ></mat-paginator>\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}.mat-mdc-paginator{background:none}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataTableComponent, isStandalone: true, selector: "gn-ui-data-table", inputs: { featureAttributes: "featureAttributes", dataset: "dataset", activeId: "activeId" }, outputs: { selected: "selected" }, providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      <ng-container\n        *ngFor=\"let attr of _featureAttributes\"\n        [matColumnDef]=\"attr.value\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ attr.label }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[attr.value] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading$ | async\"\n      class=\"sticky inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0 z-[100]\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n  <div class=\"flex justify-between items-center overflow-hidden\">\n    <div class=\"text-gray-900 px-4 py-2 text-sm\">\n      <span class=\"count font-extrabold text-primary\">{{ count }}</span\n      >&nbsp;<span translate>table.object.count</span>.\n    </div>\n\n    <mat-paginator\n      class=\"my-[-16px]\"\n      (page)=\"setPagination()\"\n      [length]=\"count\"\n      [pageSize]=\"10\"\n      [showFirstLastButtons]=\"true\"\n      [hidePageSize]=\"true\"\n    ></mat-paginator>\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}.mat-mdc-paginator{background:none}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -38646,6 +38779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         PopupAlertComponent,
                         LetDirective,
                         TranslatePipe,
+                        TranslateDirective,
                     ], providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], selector: 'gn-ui-data-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      <ng-container\n        *ngFor=\"let attr of _featureAttributes\"\n        [matColumnDef]=\"attr.value\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ attr.label }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[attr.value] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading$ | async\"\n      class=\"sticky inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0 z-[100]\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n  <div class=\"flex justify-between items-center overflow-hidden\">\n    <div class=\"text-gray-900 px-4 py-2 text-sm\">\n      <span class=\"count font-extrabold text-primary\">{{ count }}</span\n      >&nbsp;<span translate>table.object.count</span>.\n    </div>\n\n    <mat-paginator\n      class=\"my-[-16px]\"\n      (page)=\"setPagination()\"\n      [length]=\"count\"\n      [pageSize]=\"10\"\n      [showFirstLastButtons]=\"true\"\n      [hidePageSize]=\"true\"\n    ></mat-paginator>\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}.mat-mdc-paginator{background:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { featureAttributes: [{
                 type: Input
@@ -38806,6 +38940,12 @@ class ChartViewComponent {
     set chartType(value) {
         this.chartType$.next(value);
     }
+    set userChartConfig(config) {
+        this.aggregation$.next(config.aggregation);
+        this.xProperty$.next(config.xProperty);
+        this.yProperty$.next(config.yProperty);
+        this.chartType$.next(config.chartType);
+    }
     get aggregationChoices() {
         if (!this.yProperty$.value) {
             return [{ label: 'chart.aggregation.count', value: 'count' }];
@@ -38966,7 +39106,7 @@ class ChartViewComponent {
         this.changeDetector.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, deps: [{ token: DataService }, { token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { featureCatalog: "featureCatalog", cacheActive: "cacheActive", link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <ng-container *ngIf=\"yChoices$ | async as yChoices\">\n      <gn-ui-dropdown-selector\n        class=\"basis-1/4\"\n        *ngIf=\"!isCountAggregation\"\n        [choices]=\"yChoices\"\n        (selectValue)=\"yProperty$.next($event)\"\n        [selected]=\"yProperty$.value\"\n        [title]=\"'chart.dropdown.yProperty' | translate\"\n        class=\"select-y-prop\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      *ngIf=\"!error\"\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [prettyLabel]=\"prettyLabel$ | async\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "prettyLabel", "valueProperty", "secondaryValueProperty", "type"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { featureCatalog: "featureCatalog", cacheActive: "cacheActive", link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType", userChartConfig: "userChartConfig" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <ng-container *ngIf=\"yChoices$ | async as yChoices\">\n      <gn-ui-dropdown-selector\n        class=\"basis-1/4\"\n        *ngIf=\"!isCountAggregation\"\n        [choices]=\"yChoices\"\n        (selectValue)=\"yProperty$.next($event)\"\n        [selected]=\"yProperty$.value\"\n        [title]=\"'chart.dropdown.yProperty' | translate\"\n        class=\"select-y-prop\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      *ngIf=\"!error\"\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [prettyLabel]=\"prettyLabel$ | async\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "prettyLabel", "valueProperty", "secondaryValueProperty", "type"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, decorators: [{
             type: Component,
@@ -38992,6 +39132,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], chartType: [{
                 type: Input
+            }], userChartConfig: [{
+                type: Input
             }], chartConfig$: [{
                 type: Output
             }] } });
@@ -39349,7 +39491,9 @@ class MdViewEffects {
           Metadata effects
         */
         this.loadFullMetadata$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadata), switchMap$1(({ uuid }) => this.recordsRepository.getRecord(uuid)), map$1((record) => {
-            if (record === null || !this.router.url.includes(record.kind)) {
+            if (record === null ||
+                (this.router.url !== '/' && // FIXME: special case for WC, find a better way
+                    !this.router.url.includes(record.kind))) {
                 return loadFullMetadataFailure({ notFound: true });
             }
             return loadFullMetadataSuccess({ full: record });
@@ -39918,14 +40062,30 @@ class DataViewComponent {
     }
     set selectedView(value) {
         this._selectedView = value;
-        if (value !== 'map') {
+        if (this.mode === value) {
             this.linkSelected.emit(this.selectedLink$.value);
         }
     }
+    set datavizConfig(value) {
+        this._selectedView = value.view;
+        if (this.mode === value.view) {
+            if (!value.source) {
+                this.linkSelected.emit(this.selectedLink$.value);
+            }
+            else {
+                this._chartConfig = value.chartConfig;
+                this._selectedChoice = getLinkId(value.source);
+                this.selectedLink$.next(value.source);
+            }
+        }
+    }
     constructor(mdViewFacade) {
         this.mdViewFacade = mdViewFacade;
         this.displaySource = true;
+        this.linkMap = new Map();
         this._selectedView = '';
+        this._chartConfig = null;
+        this._selectedChoice = null;
         this.chartConfig$ = new BehaviorSubject(null);
         this.linkSelected = new EventEmitter();
         this.cacheActive$ = this.mdViewFacade.isHighUpdateFrequency$.pipe(map$1((highF) => !highF));
@@ -39939,12 +40099,14 @@ class DataViewComponent {
             return a;
         }));
         this.dropdownChoices$ = this.compatibleDataLinks$.pipe(tap$1((links) => {
-            if (links.indexOf(this.selectedLink$.value) === -1) {
-                this.selectLink(JSON.stringify(links[0]));
+            this.linkMap.clear();
+            links.forEach((link) => this.linkMap.set(getLinkId(link), link));
+            if (!links.some((l) => l.url === this.selectedLink$.value?.url)) {
+                this.selectLink(getLinkId(links[0]));
             }
         }), map$1((links) => links.map((link) => ({
             label: getLinkLabel(link),
-            value: JSON.stringify(link),
+            value: getLinkId(link),
         }))));
         this.selectedLink$ = new BehaviorSubject(null);
         this.hidePreview$ = this.excludeWfs$.pipe(map$1((excludeWfs) => this.mode === 'chart' && excludeWfs));
@@ -39952,16 +40114,15 @@ class DataViewComponent {
     setChartConfig(event) {
         this.mdViewFacade.setChartConfig(event);
     }
-    selectLink(linkAsString) {
-        const link = JSON.parse(linkAsString);
-        if (this._selectedView && this._selectedView !== 'map') {
+    selectLink(linkId) {
+        const link = this.linkMap.get(linkId);
+        if (this._selectedView && this._selectedView === this.mode) {
             this.linkSelected.emit(link);
         }
-        link.url = new URL(link.url);
         this.selectedLink$.next(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, deps: [{ token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource", exceedsLimit: "exceedsLimit", selectedView: "selectedView" }, outputs: { chartConfig$: "chartConfig$", linkSelected: "linkSelected" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["featureCatalog", "cacheActive", "link"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["featureCatalog", "cacheActive", "link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource", exceedsLimit: "exceedsLimit", selectedView: "selectedView", datavizConfig: "datavizConfig" }, outputs: { chartConfig$: "chartConfig$", linkSelected: "linkSelected" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n        [userChartConfig]=\"_chartConfig\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["featureCatalog", "cacheActive", "link"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["featureCatalog", "cacheActive", "link", "aggregation", "xProperty", "yProperty", "chartType", "userChartConfig"], outputs: ["chartConfig$"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, decorators: [{
             type: Component,
@@ -39973,7 +40134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TranslatePipe,
                         ChartViewComponent,
                         PopupAlertComponent,
-                    ], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n" }]
+                    ], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n        [userChartConfig]=\"_chartConfig\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }], propDecorators: { mode: [{
                 type: Input
             }], displaySource: [{
@@ -39982,6 +40143,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], selectedView: [{
                 type: Input
+            }], datavizConfig: [{
+                type: Input
             }], chartConfig$: [{
                 type: Output
             }], linkSelected: [{
@@ -40360,17 +40523,25 @@ class MapViewComponent {
         this.excludeWfs$.next(value);
     }
     set selectedView(value) {
-        if (value === 'map') {
-            this.selectedLink$.pipe(take(1)).subscribe((link) => {
-                this.linkSelected.emit(link);
-            });
+        this.selectedView$.next(value);
+    }
+    set datavizConfig(value) {
+        if (value.view === 'map') {
+            this.selectedView$.next(value.view);
+            if (value.styleTMSIndex) {
+                this._styleFromConfig = value.styleTMSIndex;
+            }
+            if (value.source) {
+                this.linkFromConfig$.next(value.source);
+            }
         }
     }
-    selectLinkToDisplay(i) {
-        this.selectedLinkIndex$.next(i);
+    selectLinkToDisplay(id) {
+        this.selectedLinkId$.next(id);
     }
     selectStyleToDisplay(i) {
-        this.selectedStyleIndex$.next(i);
+        this.selectedStyleId$.next(i);
+        this.styleSelected.emit(i);
     }
     toggleLegend() {
         this.showLegend = !this.showLegend;
@@ -40384,8 +40555,13 @@ class MapViewComponent {
         this.dataService = dataService;
         this.changeRef = changeRef;
         this.translateService = translateService;
+        this.linkFromConfig$ = new BehaviorSubject(null);
+        this._selectedChoice = null;
+        this._styleFromConfig = null;
+        this.linkMap = new Map();
         this.displaySource = true;
         this.linkSelected = new EventEmitter();
+        this.styleSelected = new EventEmitter();
         this.excludeWfs$ = new BehaviorSubject(false);
         this.hidePreview = false;
         this.showLegend = true;
@@ -40399,22 +40575,45 @@ class MapViewComponent {
             ...mapApiLinks,
             ...geoDataLinksWithGeometry,
         ]), shareReplay(1));
-        this.dropdownChoices$ = this.compatibleMapLinks$.pipe(map$1((links) => links.length
-            ? links.map((link, index) => ({
-                label: getLinkLabel(link),
-                value: index,
-            }))
-            : [{ label: 'map.dropdown.placeholder', value: 0 }]));
-        this.selectedLinkIndex$ = new BehaviorSubject(0);
-        this.selectedStyleIndex$ = new BehaviorSubject(0);
+        this.dropdownChoices$ = this.compatibleMapLinks$.pipe(map$1((links) => {
+            this.linkMap.clear();
+            links.forEach((link) => this.linkMap.set(getLinkId(link), link));
+            return links.length
+                ? links.map((link) => ({
+                    label: getLinkLabel(link),
+                    value: getLinkId(link),
+                }))
+                : [{ label: 'map.dropdown.placeholder', value: '' }];
+        }));
+        this.selectedView$ = new BehaviorSubject(null);
+        this.selectedLinkId$ = new BehaviorSubject(null);
+        this.selectedStyleId$ = new BehaviorSubject(null);
         this.selectedSourceLink$ = combineLatest([
             this.compatibleMapLinks$,
-            this.selectedLinkIndex$.pipe(distinctUntilChanged()),
+            this.linkFromConfig$,
+            this.selectedLinkId$.pipe(distinctUntilChanged()),
+            this.selectedView$,
         ]).pipe(tap$1(() => {
             this.error = null;
-        }), map$1(([links, index]) => {
-            this.linkSelected.emit(links[index]);
-            return links[index];
+        }), map$1(([compatibleLinks, configLink, id, view]) => {
+            if (view === 'map') {
+                if (configLink &&
+                    !id &&
+                    compatibleLinks.some((link) => getLinkId(link) === getLinkId(configLink))) {
+                    this._selectedChoice = getLinkId(configLink);
+                    this.linkSelected.emit(configLink);
+                    return configLink;
+                }
+                else if (id) {
+                    this._selectedChoice = id;
+                    this.linkSelected.emit(this.linkMap.get(id));
+                    return this.linkMap.get(id);
+                }
+                else {
+                    this.linkSelected.emit(compatibleLinks[0]);
+                    return compatibleLinks[0];
+                }
+            }
         }));
         this.styleLinks$ = this.selectedSourceLink$.pipe(switchMap$1((src) => {
             if (src &&
@@ -40433,7 +40632,14 @@ class MapViewComponent {
                 }));
             }
             return of([]);
-        }), tap$1(() => this.selectedStyleIndex$.next(0)), shareReplay(1));
+        }), tap$1((styles) => {
+            if (this._styleFromConfig && this._styleFromConfig <= styles.length) {
+                this.selectedStyleId$.next(this._styleFromConfig);
+            }
+            else {
+                this.selectedStyleId$.next(0);
+            }
+        }), shareReplay(1));
         this.styleDropdownChoices$ = this.styleLinks$.pipe(map$1((links) => links.length
             ? links.map((link, index) => ({
                 label: getLinkLabel(link),
@@ -40448,7 +40654,7 @@ class MapViewComponent {
         this.selectedLink$ = combineLatest([
             this.selectedSourceLink$,
             this.styleLinks$,
-            this.selectedStyleIndex$.pipe(distinctUntilChanged()),
+            this.selectedStyleId$.pipe(distinctUntilChanged()),
         ]).pipe(map$1(([src, styles, styleIdx]) => (styles.length ? styles[styleIdx] : src)), shareReplay(1));
         this.currentLayers$ = combineLatest([this.selectedLink$, this.excludeWfs$]).pipe(switchMap$1(([link, excludeWfs]) => {
             if (!link) {
@@ -40585,7 +40791,7 @@ class MapViewComponent {
         this.changeRef.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, deps: [{ token: MdViewFacade }, { token: MapUtilsService }, { token: DataService }, { token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { exceedsLimit: "exceedsLimit", selectedView: "selectedView", displaySource: "displaySource" }, outputs: { linkSelected: "linkSelected" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\">Legend</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n      >\n        Legend\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n      <gn-ui-popup-alert\n        *ngIf=\"error\"\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature", "featureCatalog"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link", "extraClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { exceedsLimit: "exceedsLimit", selectedView: "selectedView", datavizConfig: "datavizConfig", displaySource: "displaySource" }, outputs: { linkSelected: "linkSelected", styleSelected: "styleSelected" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [selected]=\"_styleFromConfig\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\" translate>map.legend.title</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n        translate\n      >\n        map.legend.title\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n      <gn-ui-popup-alert\n        *ngIf=\"error\"\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature", "featureCatalog"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link", "extraClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, decorators: [{
             type: Component,
@@ -40602,15 +40808,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ExternalViewerButtonComponent,
                         ButtonComponent,
                         MapLegendComponent,
-                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\">Legend</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n      >\n        Legend\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n      <gn-ui-popup-alert\n        *ngIf=\"error\"\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\n</div>\n" }]
+                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [selected]=\"_styleFromConfig\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\" translate>map.legend.title</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n        translate\n      >\n        map.legend.title\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n      <gn-ui-popup-alert\n        *ngIf=\"error\"\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }, { type: MapUtilsService }, { type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { exceedsLimit: [{
                 type: Input
             }], selectedView: [{
                 type: Input
+            }], datavizConfig: [{
+                type: Input
             }], displaySource: [{
                 type: Input
             }], linkSelected: [{
                 type: Output
+            }], styleSelected: [{
+                type: Output
             }], mapContainer: [{
                 type: ViewChild,
                 args: ['mapContainer']
@@ -40724,8 +40934,6 @@ const RECORD_KEYWORDS_FIELD = {
     model: 'keywords',
     formFieldConfig: {},
 };
-// keeping track of the label to not lose existing translation
-marker('editor.record.form.field.keywords');
 const RECORD_RESOURCE_CREATED_FIELD = {
     model: 'resourceCreated',
     formFieldConfig: {
@@ -43433,7 +43641,7 @@ class MultilingualPanelComponent {
             provideNgIconsConfig({
                 size: '1.25em',
             }),
-        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] bg-neutral-100 border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(recordLang)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "isDuplicating", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }] }); }
+        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(recordLang)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "isDuplicating", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MultilingualPanelComponent, decorators: [{
             type: Component,
@@ -43455,7 +43663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.25em',
                         }),
-                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] bg-neutral-100 border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(recordLang)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(recordLang)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: EditorFacade }, { type: i1$b.MatDialog }, { type: i1$1.TranslateService }, { type: RecordsRepositoryInterface }, { type: i1$8.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], propDecorators: { record: [{
                 type: Input
             }], actionMenuButtons: [{
@@ -43463,6 +43671,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['actionMenuButton', { read: ElementRef }]
             }] } });
 
+//forced translations that are not available in fields.config.ts
+marker('editor.record.form.field.keywords');
+marker('editor.record.form.field.topics');
+marker('editor.record.form.field.contacts');
+marker('editor.record.form.field.organisation');
+class MetadataQualityPanelComponent {
+    constructor() {
+        this.propsToValidate = getAllKeysValidator();
+        this.propertiesByPage = [];
+    }
+    ngOnChanges() {
+        if (this.editorConfig && this.record) {
+            const fieldsByPage = this.editorConfig.pages.map((page) => page.sections.flatMap((section) => section.fields
+                .filter((field) => this.propsToValidate.includes(field.model))
+                .map((field) => field.model)));
+            // FIXME: temporarily add topics and organisation to the first and third page
+            // as long as they are not handled by the editor
+            if (fieldsByPage.length > 0) {
+                fieldsByPage[0].includes('topics') || fieldsByPage[0].push('topics');
+                fieldsByPage[2].includes('organisation') ||
+                    fieldsByPage[2].push('organisation');
+            }
+            this.propertiesByPage = fieldsByPage
+                .map((fields) => getQualityValidators(this.record, fields).map(({ name, validator }) => ({
+                label: `editor.record.form.field.${name}`, // use same translations as in fields.config.ts
+                value: validator(),
+            })))
+                .filter((arr) => arr.length > 0);
+        }
+    }
+    getExtraClass(checked) {
+        const baseClasses = 'flex flex-row justify-between rounded mb-1 h-[34px] w-full focus:ring-0 hover:border-none border-none hover:text-black text-black cursor-default';
+        return checked
+            ? `${baseClasses} bg-neutral-100 hover:bg-neutral-100`
+            : `${baseClasses} bg-transparent hover:bg-transparent`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataQualityPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataQualityPanelComponent, isStandalone: true, selector: "gn-ui-metadata-quality-panel", inputs: { editorConfig: "editorConfig", record: "record" }, providers: [
+            provideIcons({
+                iconoirSystemShut,
+                iconoirBadgeCheck,
+            }),
+            provideNgIconsConfig({
+                size: '1.25em',
+            }),
+        ], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-3 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.metadataQuality.title</span\n    >\n  </div>\n  <div\n    *ngFor=\"let properties of propertiesByPage; let i = index\"\n    class=\"flex flex-col gap-2\"\n  >\n    <gn-ui-button\n      *ngFor=\"let property of properties\"\n      [extraClass]=\"getExtraClass(property.value)\"\n      type=\"outline\"\n      attr.data-cy=\"md-quality-btn-{{ property.label }}\"\n    >\n      <span>{{ property.label | translate }}</span>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"property.value; else notChecked\"\n          class=\"text-primary\"\n          name=\"iconoirBadgeCheck\"\n        ></ng-icon>\n        <ng-template #notChecked>\n          <ng-icon class=\"text-neutral-300\" name=\"iconoirSystemShut\"></ng-icon>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n    <hr\n      *ngIf=\"i !== propertiesByPage.length - 1\"\n      class=\"border-gray-300 w-11/12 mx-auto\"\n    />\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataQualityPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-metadata-quality-panel', standalone: true, imports: [
+                        CommonModule,
+                        TranslateDirective,
+                        TranslatePipe,
+                        ButtonComponent,
+                        NgIconComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirSystemShut,
+                            iconoirBadgeCheck,
+                        }),
+                        provideNgIconsConfig({
+                            size: '1.25em',
+                        }),
+                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-3 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.metadataQuality.title</span\n    >\n  </div>\n  <div\n    *ngFor=\"let properties of propertiesByPage; let i = index\"\n    class=\"flex flex-col gap-2\"\n  >\n    <gn-ui-button\n      *ngFor=\"let property of properties\"\n      [extraClass]=\"getExtraClass(property.value)\"\n      type=\"outline\"\n      attr.data-cy=\"md-quality-btn-{{ property.label }}\"\n    >\n      <span>{{ property.label | translate }}</span>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"property.value; else notChecked\"\n          class=\"text-primary\"\n          name=\"iconoirBadgeCheck\"\n        ></ng-icon>\n        <ng-template #notChecked>\n          <ng-icon class=\"text-neutral-300\" name=\"iconoirSystemShut\"></ng-icon>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n    <hr\n      *ngIf=\"i !== propertiesByPage.length - 1\"\n      class=\"border-gray-300 w-11/12 mx-auto\"\n    />\n  </div>\n</div>\n" }]
+        }], propDecorators: { editorConfig: [{
+                type: Input
+            }], record: [{
+                type: Input
+            }] } });
+
 const ROUTER_STATE_KEY = 'router';
 const ROUTER_ROUTE_SEARCH = 'search';
 const ROUTER_ROUTE_DATASET = 'dataset';
@@ -43907,5 +44185,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalLinkCardComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogListComponent, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordKindField, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, FacetsModule$1 as UiFacetsModule, UiSearchModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLang2FromLang3, getLang3FromLang2, getLayers, getLinkLabel, getLinkPriority, getLocalizedIndexKey, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getResourceType, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideI18n, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalLinkCardComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogListComponent, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, MetadataQualityPanelComponent, ModalDialogComponent, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordKindField, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, FacetsModule$1 as UiFacetsModule, UiSearchModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getAllKeysValidator, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLang2FromLang3, getLang3FromLang2, getLayers, getLinkId, getLinkLabel, getLinkPriority, getLocalizedIndexKey, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, getResourceType, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideI18n, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map