geonetwork-ui 2.9.0-dev.f3376949a → 2.9.0

package/fesm2022/geonetwork-ui.mjs

@@ -13,7 +13,7 @@ import * as i4 from '@ngx-translate/core';
 import { TranslateLoader, TranslateCompiler, TranslateDefaultParser, TranslateParser, TranslateService, provideTranslateService, TranslateDirective, TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-import { map as map$1, shareReplay as shareReplay$1, catchError, tap as tap$1, filter as filter$1, startWith as startWith$1, withLatestFrom, switchMap as switchMap$1, take, mergeMap, delay, distinctUntilChanged, debounceTime, finalize, throttleTime, first as first$1, pairwise as pairwise$1, share, defaultIfEmpty, toArray } from 'rxjs/operators';
+import { map as map$1, shareReplay as shareReplay$1, catchError, tap as tap$1, filter as filter$1, startWith as startWith$1, withLatestFrom, switchMap as switchMap$1, take, mergeMap, delay, debounceTime, distinctUntilChanged, finalize, throttleTime, first as first$1, pairwise as pairwise$1, share, defaultIfEmpty, toArray } from 'rxjs/operators';
 import { of, map as map$2, lastValueFrom, fromEvent, startWith, shareReplay, filter, pairwise, switchMap, Subject, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, animationFrameScheduler, debounceTime as debounceTime$1, Observable, buffer, tap as tap$2, combineLatestWith, take as take$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1 } from 'rxjs';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
@@ -41,7 +41,7 @@ import * as TOML from '@ltd/j-toml';
 import { Style, Stroke, Fill, Circle } from 'ol/style.js';
 import CircleStyle from 'ol/style/Circle.js';
 import EmblaCarousel from 'embla-carousel';
-import { iconoirNavArrowLeft, iconoirNavArrowRight, iconoirLongArrowDownLeft, iconoirSearch, iconoirCalendar, iconoirArrowUp, iconoirLink, iconoirFramePlusIn, iconoirCloudUpload, iconoirReduce, iconoirNavArrowUp, iconoirNavArrowDown, iconoirExpand, iconoirSettings, iconoirDownload, iconoirPlus, iconoirBin, iconoirMediaImageXmark, iconoirMediaImage, iconoirAppWindow, iconoirCode, iconoirDatabase, iconoirAppleWallet, iconoirBank, iconoirList, iconoirTranslate, iconoirLock, iconoirUser, iconoirArrowLeft, iconoirLightBulbOn, iconoirImport, iconoirAttachment, iconoirRefresh, iconoirCircle, iconoirCheckCircle, iconoirBadgeCheck, iconoirSystemShut } from '@ng-icons/iconoir';
+import { iconoirNavArrowLeft, iconoirNavArrowRight, iconoirLongArrowDownLeft, iconoirSearch, iconoirCalendar, iconoirArrowUp, iconoirLink, iconoirFramePlusIn, iconoirCloudUpload, iconoirReduce, iconoirNavArrowUp, iconoirNavArrowDown, iconoirExpand, iconoirSettings, iconoirDownload, iconoirPlus, iconoirBin, iconoirMediaImageXmark, iconoirMediaImage, iconoirAppWindow, iconoirCode, iconoirDatabase, iconoirAppleWallet, iconoirBank, iconoirList, iconoirTranslate, iconoirLock, iconoirUser, iconoirArrowLeft, iconoirLightBulbOn, iconoirImport, iconoirBadgeCheck, iconoirSystemShut, iconoirCircle, iconoirCheckCircle, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$8 from '@angular/cdk/overlay';
 import { OverlayContainer, ScrollStrategyOptions, OverlayModule, CdkConnectedOverlay, ScrollDispatcher, Overlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
@@ -92,7 +92,6 @@ import { MatTableModule } from '@angular/material/table';
 import * as i3 from '@angular/material/paginator';
 import { MatPaginatorIntl, MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
 import { LetDirective } from '@ngrx/component';
-import axios from 'axios';
 import { Meta } from '@angular/platform-browser';
 import { tablerFolderOpen } from '@ng-icons/tabler-icons';
 import * as i3$1 from '@angular/material/radio';
@@ -18626,6 +18625,7 @@ var de = {
 	"dashboard.records.username": "Benutzername",
 	"dashboard.records.users": "{count, plural, =1{Benutzer} other{Benutzer}}",
 	"datahub.header.datasets": "Katalog",
+	"datahub.header.edit.url.open": "",
 	"datahub.header.lastRecords": "Die neuesten",
 	"datahub.header.myfavorites": "Meine Favoriten",
 	"datahub.header.news": "Startseite",
@@ -18970,11 +18970,13 @@ var de = {
 	"map.ogc.urlInput.hint": "Die URL des OGC API-Dienstes eingeben",
 	"map.select.layer": "Datenquelle",
 	"map.select.style": "Style",
+	"map.style.default": "Standard",
 	"map.wfs.urlInput.hint": "Die WFS URL eingeben",
 	"map.wms.urlInput.hint": "Die WMS URL eingeben",
 	"multiselect.filter.placeholder": "Suche",
 	"nav.back": "Zurück",
 	"navbar.mobile.menuTitle": "Schnellzugriff",
+	"ogc.geojson.notsupported": "Dieser OGC API-Dienst unterstützt das GeoJSON-Format nicht.",
 	"ogc.unreachable.unknown": "Der Dienst konnte nicht erreicht werden",
 	"organisation.filter.placeholder": "Ergebnisse filtern",
 	"organisation.sort.sortBy": "Sortieren nach:",
@@ -19060,7 +19062,7 @@ var de = {
 	"record.metadata.download": "Herunterladen",
 	"record.metadata.feature.catalog": "Attributkatalog",
 	"record.metadata.formats": "Formate",
-	"record.metadata.isGeographical": "Geographischer Datensatz",
+	"record.metadata.isGeographical": "geographischer Datensatz",
 	"record.metadata.keywords": "Stichworte",
 	"record.metadata.languages": "Sprachen",
 	"record.metadata.link.postgis.table": "Tabelle:",
@@ -19191,6 +19193,7 @@ var de = {
 	"search.filters.producerOrg": "Herausgeber",
 	"search.filters.publicationYear": "Veröffentlichungsjahr",
 	"search.filters.publisherOrg": "Vertreiber",
+	"search.filters.recordKind": "",
 	"search.filters.recordKind.all": "Alle",
 	"search.filters.recordKind.dataset": "Datensätze",
 	"search.filters.recordKind.reuse": "Wiederverwendungen",
@@ -19229,8 +19232,8 @@ var de = {
 	"service.metadata.spatialExtent": "Räumliche Ausdehnung",
 	"share.tab.permalink": "Teilen",
 	"share.tab.webComponent": "Integrieren",
-	"stac.filter.reset": "",
 	"stac.filter.enable": "",
+	"stac.filter.reset": "",
 	"stac.results.noResults": "Ihre Suchfilter lieferten keine Ergebnisse",
 	"table.loading.data": "Daten werden geladen...",
 	"table.object.count": "Objekte in diesem Datensatz",
@@ -19249,7 +19252,7 @@ var de = {
 	"wfs.feature.limit": "Zu viele Features, um den WFS-Layer anzuzeigen!",
 	"wfs.featuretype.notfound": "Kein passender Feature-Typ wurde im Dienst gefunden",
 	"wfs.geojsongml.notsupported": "Dieser Dienst unterstützt das GeoJSON- oder GML-Format nicht",
-	"wfs.unreachable.cors": "Der Dienst konnte aufgrund von CORS-Beschränkungen nicht erreicht werden",
+	"wfs.unreachable.cors": "Der Remote-Dienst ist nicht für den Datenempfang (CORS) konfiguriert",
 	"wfs.unreachable.http": "Der Dienst hat einen HTTP-Fehler zurückgegeben",
 	"wfs.unreachable.unknown": "Der Dienst konnte nicht erreicht werden"
 };
@@ -19296,6 +19299,7 @@ var en = {
 	"dashboard.records.username": "Username",
 	"dashboard.records.users": "{count, plural, =1{user} other{users}}",
 	"datahub.header.datasets": "Catalog",
+	"datahub.header.edit.url.open": "Edit",
 	"datahub.header.lastRecords": "The latest",
 	"datahub.header.myfavorites": "My favorites",
 	"datahub.header.news": "Home",
@@ -19640,11 +19644,13 @@ var en = {
 	"map.ogc.urlInput.hint": "Enter OGC API service URL",
 	"map.select.layer": "Data source",
 	"map.select.style": "Style",
+	"map.style.default": "Default",
 	"map.wfs.urlInput.hint": "Enter WFS service URL",
 	"map.wms.urlInput.hint": "Enter WMS service URL",
 	"multiselect.filter.placeholder": "Search",
 	"nav.back": "Back",
 	"navbar.mobile.menuTitle": "Quick access",
+	"ogc.geojson.notsupported": "This OGC API does not support the GeoJSON format",
 	"ogc.unreachable.unknown": "The service could not be reached",
 	"organisation.filter.placeholder": "Filter results",
 	"organisation.sort.sortBy": "Sort by:",
@@ -19672,9 +19678,9 @@ var en = {
 	"record.feature.catalog.number.total.attribute": "Total amount of objects",
 	"record.feature.catalog.number.total.object": "Total amount of attributes",
 	"record.feature.limit": "Preview disabled due to too many elements",
-	"record.kind.dataset": "Dataset",
-	"record.kind.reuse": "Reuse",
-	"record.kind.service": "Service",
+	"record.kind.dataset": "dataset",
+	"record.kind.reuse": "reuse",
+	"record.kind.service": "service",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
 	"record.metadata.api.accessServiceProtocol.GPFDL": "GPFDL",
@@ -19730,7 +19736,7 @@ var en = {
 	"record.metadata.download": "Downloads",
 	"record.metadata.feature.catalog": "Feature catalog",
 	"record.metadata.formats": "Formats",
-	"record.metadata.isGeographical": "Geographical dataset",
+	"record.metadata.isGeographical": "geographic dataset",
 	"record.metadata.keywords": "Keywords",
 	"record.metadata.languages": "Languages",
 	"record.metadata.link.postgis.table": "table :",
@@ -19920,7 +19926,7 @@ var en = {
 	"wfs.feature.limit": "Too many features to display the WFS layer!",
 	"wfs.featuretype.notfound": "No matching feature type was found in the service",
 	"wfs.geojsongml.notsupported": "This service does not support the GeoJSON or GML format",
-	"wfs.unreachable.cors": "The service could not be reached due to CORS limitations",
+	"wfs.unreachable.cors": "The remote service is not configured to allow data retrieval (CORS)",
 	"wfs.unreachable.http": "The service returned an HTTP error",
 	"wfs.unreachable.unknown": "The service could not be reached"
 };
@@ -19967,6 +19973,7 @@ var es = {
 	"dashboard.records.username": "",
 	"dashboard.records.users": "",
 	"datahub.header.datasets": "Catálogo",
+	"datahub.header.edit.url.open": "",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -20311,11 +20318,13 @@ var es = {
 	"map.ogc.urlInput.hint": "",
 	"map.select.layer": "",
 	"map.select.style": "",
+	"map.style.default": "Por defecto",
 	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
 	"navbar.mobile.menuTitle": "Acceso rápido",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
 	"organisation.sort.sortBy": "",
@@ -20638,6 +20647,7 @@ var fr = {
 	"dashboard.records.username": "Nom d'utilisateur",
 	"dashboard.records.users": "{count, plural, =1{utilisateur} other{utilisateurs}}",
 	"datahub.header.datasets": "Catalogue",
+	"datahub.header.edit.url.open": "Editer",
 	"datahub.header.lastRecords": "Les plus récentes",
 	"datahub.header.myfavorites": "Mes favoris",
 	"datahub.header.news": "Accueil",
@@ -20982,11 +20992,13 @@ var fr = {
 	"map.ogc.urlInput.hint": "Entrez l'URL du service OGC API",
 	"map.select.layer": "Source de données",
 	"map.select.style": "Style",
+	"map.style.default": "Par défaut",
 	"map.wfs.urlInput.hint": "Entrez l'URL du service WFS",
 	"map.wms.urlInput.hint": "Entrez l'URL du service WMS",
 	"multiselect.filter.placeholder": "Rechercher",
 	"nav.back": "Retour",
 	"navbar.mobile.menuTitle": "Navigation rapide",
+	"ogc.geojson.notsupported": "Le service OGC API ne supporte pas le format GeoJSON",
 	"ogc.unreachable.unknown": "Le service n'est pas accessible",
 	"organisation.filter.placeholder": "Filtrer les résultats",
 	"organisation.sort.sortBy": "Trier par :",
@@ -21014,9 +21026,9 @@ var fr = {
 	"record.feature.catalog.number.total.attribute": "Nombre total d'attributs",
 	"record.feature.catalog.number.total.object": "Nombre total d'objets",
 	"record.feature.limit": "L’aperçu a été désactivé en raison d’un trop grand nombre d'éléments",
-	"record.kind.dataset": "Donnée",
-	"record.kind.reuse": "Réutilisation",
-	"record.kind.service": "Service",
+	"record.kind.dataset": "donnée",
+	"record.kind.reuse": "réutilisation",
+	"record.kind.service": "service",
 	"record.metadata.about": "A propos",
 	"record.metadata.api": "API",
 	"record.metadata.api.accessServiceProtocol.GPFDL": "",
@@ -21072,7 +21084,7 @@ var fr = {
 	"record.metadata.download": "Téléchargements",
 	"record.metadata.feature.catalog": "Catalogue d'attributs",
 	"record.metadata.formats": "Formats",
-	"record.metadata.isGeographical": "Donnée géographique",
+	"record.metadata.isGeographical": "donnée géographique",
 	"record.metadata.keywords": "Mots-clés",
 	"record.metadata.languages": "Langues",
 	"record.metadata.link.postgis.table": "table :",
@@ -21262,7 +21274,7 @@ var fr = {
 	"wfs.feature.limit": "Trop d'objets pour afficher la couche WFS !",
 	"wfs.featuretype.notfound": "La classe d'objets n'a pas été trouvée dans le service",
 	"wfs.geojsongml.notsupported": "Le service ne supporte pas le format GeoJSON ou GML",
-	"wfs.unreachable.cors": "Le service n'est pas accessible en raison de limitations CORS",
+	"wfs.unreachable.cors": "Le service distant n'est pas configuré pour autoriser la consommation des données (CORS)",
 	"wfs.unreachable.http": "Le service a retourné une erreur HTTP",
 	"wfs.unreachable.unknown": "Le service n'est pas accessible"
 };
@@ -21309,6 +21321,7 @@ var it = {
 	"dashboard.records.username": "Nome utente",
 	"dashboard.records.users": "utenti",
 	"datahub.header.datasets": "Catalogo",
+	"datahub.header.edit.url.open": "",
 	"datahub.header.lastRecords": "Ultimi",
 	"datahub.header.myfavorites": "Miei preferiti",
 	"datahub.header.news": "Home",
@@ -21653,11 +21666,13 @@ var it = {
 	"map.ogc.urlInput.hint": "Inserisci URL del servizio OGC API",
 	"map.select.layer": "Sorgente dati",
 	"map.select.style": "Style",
+	"map.style.default": "Predefinito",
 	"map.wfs.urlInput.hint": "Inserisci URL del servizio WFS",
 	"map.wms.urlInput.hint": "Inserisci URL del servizio WMS",
 	"multiselect.filter.placeholder": "Cerca",
 	"nav.back": "Indietro",
 	"navbar.mobile.menuTitle": "Accesso rapido",
+	"ogc.geojson.notsupported": "Il servizio OGC API non supporta il formato GeoJSON.",
 	"ogc.unreachable.unknown": "Il servizio non è accessibile",
 	"organisation.filter.placeholder": "Filtra i risultati",
 	"organisation.sort.sortBy": "Ordina per:",
@@ -21685,9 +21700,9 @@ var it = {
 	"record.feature.catalog.number.total.attribute": "Quantità totale di oggetti",
 	"record.feature.catalog.number.total.object": "Quantità totale di attributi",
 	"record.feature.limit": "La visualizzazione è stata disabilitata a causa di troppi elementi ",
-	"record.kind.dataset": "Dataset",
-	"record.kind.reuse": "Riutilizzato",
-	"record.kind.service": "Servizio",
+	"record.kind.dataset": "dataset",
+	"record.kind.reuse": "riutilizzato",
+	"record.kind.service": "servizio",
 	"record.metadata.about": "Descrizione",
 	"record.metadata.api": "API",
 	"record.metadata.api.accessServiceProtocol.GPFDL": "",
@@ -21743,7 +21758,7 @@ var it = {
 	"record.metadata.download": "Download",
 	"record.metadata.feature.catalog": "Catalogo dei oggetti",
 	"record.metadata.formats": "Formati",
-	"record.metadata.isGeographical": "Dati geografici",
+	"record.metadata.isGeographical": "dati geografici",
 	"record.metadata.keywords": "Parole chiave",
 	"record.metadata.languages": "Lingue",
 	"record.metadata.link.postgis.table": "",
@@ -21933,7 +21948,7 @@ var it = {
 	"wfs.feature.limit": "Troppi oggetti per visualizzare il WFS layer!",
 	"wfs.featuretype.notfound": "La classe di oggetto non è stata trovata nel servizio",
 	"wfs.geojsongml.notsupported": "Il servizio non supporta il formato GeoJSON o GML",
-	"wfs.unreachable.cors": "Il servizio non è accessibile a causa di limitazioni CORS",
+	"wfs.unreachable.cors": "Il servizio remoto non è configurato per consentire il consumo di dati (CORS)",
 	"wfs.unreachable.http": "Il servizio ha restituito un errore HTTP",
 	"wfs.unreachable.unknown": "Il servizio non è accessibile"
 };
@@ -21980,6 +21995,7 @@ var nl = {
 	"dashboard.records.username": "",
 	"dashboard.records.users": "",
 	"datahub.header.datasets": "Catalog",
+	"datahub.header.edit.url.open": "",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -22324,11 +22340,13 @@ var nl = {
 	"map.ogc.urlInput.hint": "",
 	"map.select.layer": "",
 	"map.select.style": "",
+	"map.style.default": "Standaard",
 	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
 	"navbar.mobile.menuTitle": "",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
 	"organisation.sort.sortBy": "",
@@ -22651,6 +22669,7 @@ var pt = {
 	"dashboard.records.username": "",
 	"dashboard.records.users": "",
 	"datahub.header.datasets": "Catálogo",
+	"datahub.header.edit.url.open": "",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -22995,11 +23014,13 @@ var pt = {
 	"map.ogc.urlInput.hint": "",
 	"map.select.layer": "",
 	"map.select.style": "",
+	"map.style.default": "Padrão",
 	"map.wfs.urlInput.hint": "",
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
 	"navbar.mobile.menuTitle": "",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
 	"organisation.sort.sortBy": "",
@@ -23322,6 +23343,7 @@ var sk = {
 	"dashboard.records.username": "Užívateľské meno",
 	"dashboard.records.users": "{count, plural, =1{užívateľ} other{užívatelia}}",
 	"datahub.header.datasets": "Katalóg",
+	"datahub.header.edit.url.open": "",
 	"datahub.header.lastRecords": "Najnovšie",
 	"datahub.header.myfavorites": "Moje obľúbené",
 	"datahub.header.news": "Domov",
@@ -23666,11 +23688,13 @@ var sk = {
 	"map.ogc.urlInput.hint": "",
 	"map.select.layer": "Zdroj dát",
 	"map.select.style": "",
+	"map.style.default": "Predvolené",
 	"map.wfs.urlInput.hint": "Zadajte URL adresu služby WFS",
 	"map.wms.urlInput.hint": "Zadajte URL adresu služby WMS",
 	"multiselect.filter.placeholder": "Hľadať",
 	"nav.back": "Späť",
 	"navbar.mobile.menuTitle": "",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "So službou sa nedalo spojiť",
 	"organisation.filter.placeholder": "Filtrovať výsledky",
 	"organisation.sort.sortBy": "Zoradiť podľa:",
@@ -23946,7 +23970,7 @@ var sk = {
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "V službe nebol nájdený žiadny zodpovedajúci typ funkcie",
 	"wfs.geojsongml.notsupported": "Táto služba nepodporuje formát GeoJSON alebo GML",
-	"wfs.unreachable.cors": "Službu nemožno dosiahnuť z dôvodu obmedzení CORS",
+	"wfs.unreachable.cors": "Vzdialená služba nie je nakonfigurovaná tak, aby povoľovala spotrebu dát (CORS)",
 	"wfs.unreachable.http": "Služba vrátila chybu HTTP",
 	"wfs.unreachable.unknown": "So službou sa nedalo spojiť"
 };
@@ -24520,34 +24544,23 @@ class ThemeService {
     static getColor(name) {
         return document.documentElement.style.getPropertyValue(`--color-${name}`);
     }
-    static generateBgOpacityClasses(colorName, colorValue, opacities = [0, 10, 25, 50, 75]) {
-        const color = chroma(colorValue);
-        const styleElement = document.createElement('style');
-        styleElement.innerHTML = opacities.reduce((cssRules, opacity) => {
-            cssRules += `.bg-${colorName}-opacity-${opacity}{background-color:${color
-                .alpha(opacity / 100)
-                .css()};}`;
-            cssRules += `.hover-bg-${colorName}-opacity-${opacity}:hover {background-color:${color
-                .alpha(opacity / 100)
-                .css()};}`;
-            return cssRules;
-        }, '');
-        document.getElementsByTagName('head')[0].appendChild(styleElement);
-    }
     static applyCssVariables(primaryColor, secondaryColor, mainColor, backgroundColor, mainFont, titleFont, fontsStylesheetUrl) {
-        const applyColor = (name, color) => {
+        const applyColor = (name, color, includeRawValues) => {
             document.documentElement.style.setProperty(`--color-${name}`, color.css());
+            if (includeRawValues) {
+                document.documentElement.style.setProperty(`--color-raw-${name}`, color.css().replace(/^rgba?\((.*)\)/, '$1'));
+            }
         };
         const black = chroma('black');
         const white = chroma('white');
-        applyColor('primary', chroma(primaryColor));
+        applyColor('primary', chroma(primaryColor), true);
         applyColor('primary-lighter', chroma.scale([primaryColor, white]).mode('lab')(0.3));
         applyColor('primary-lightest', chroma.scale([primaryColor, white]).mode('lab')(0.6));
         applyColor('primary-white', chroma.scale([primaryColor, white]).mode('lab')(0.85));
         applyColor('primary-darker', chroma.scale([primaryColor, black]).mode('lab')(0.3));
         applyColor('primary-darkest', chroma.scale([primaryColor, black]).mode('lab')(0.6));
         applyColor('primary-black', chroma.scale([primaryColor, black]).mode('lab')(0.85));
-        applyColor('secondary', chroma(secondaryColor));
+        applyColor('secondary', chroma(secondaryColor), true);
         applyColor('secondary-lighter', chroma.scale([secondaryColor, white]).mode('lab')(0.3));
         applyColor('secondary-lightest', chroma.scale([secondaryColor, white]).mode('lab')(0.6));
         applyColor('secondary-white', chroma.scale([secondaryColor, white]).mode('lab')(0.85));
@@ -25378,9 +25391,11 @@ async function getLayers(url, serviceProtocol) {
         case 'wfs': {
             const endpointWfs = await new WfsEndpoint(url).isReady();
             const featureTypes = await endpointWfs.getFeatureTypes();
-            const layers = await Promise.all(featureTypes.map(async (collection) => {
-                return await endpointWfs.getFeatureTypeFull(collection.name);
-            }));
+            const layers = (await Promise.allSettled(featureTypes.map((collection) => {
+                return endpointWfs.getFeatureTypeFull(collection.name);
+            })))
+                .filter((settled) => settled.status === 'fulfilled')
+                .map((fulfilled) => fulfilled.value);
             return layers;
         }
         case 'wms': {
@@ -25511,7 +25526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.9.0-dev.f3376949a";
+var version = "2.9.0";
 var engines = {
 	node: ">=20"
 };
@@ -25551,11 +25566,11 @@ var peerDependencies = {
 };
 var dependencies = {
 	"@biesbjerg/ngx-translate-extract-marker": "~1.0.0",
-	"@camptocamp/ogc-client": "1.3.1-dev.1d137ae",
-	"@geospatial-sdk/core": "0.0.5-dev.42",
-	"@geospatial-sdk/geocoding": "0.0.5-dev.42",
-	"@geospatial-sdk/legend": "0.0.5-dev.42",
-	"@geospatial-sdk/openlayers": "0.0.5-dev.42",
+	"@camptocamp/ogc-client": "1.3.1-dev.12086e8",
+	"@geospatial-sdk/core": "0.0.5-dev.61",
+	"@geospatial-sdk/geocoding": "0.0.5-dev.61",
+	"@geospatial-sdk/legend": "0.0.5-dev.61",
+	"@geospatial-sdk/openlayers": "0.0.5-dev.61",
 	"@ltd/j-toml": "~1.35.2",
 	"@messageformat/core": "^3.0.1",
 	"@ng-icons/core": "29.10.0",
@@ -25565,7 +25580,6 @@ var dependencies = {
 	"@nx/angular": "22.0.4",
 	"@rgrove/parse-xml": "4.2.0",
 	alasql: "4.6.0",
-	axios: "1.12.0",
 	basiclightbox: "^5.0.4",
 	"chart.js": "4.4.7",
 	"chroma-js": "3.1.2",
@@ -25581,7 +25595,7 @@ var dependencies = {
 	"ngx-chips": "3.0.0",
 	"ngx-dropzone": "3.1.0",
 	"ngx-translate-messageformat-compiler": "~7.1.0",
-	ol: "^8.2.0",
+	ol: "^10.0.0",
 	papaparse: "5.4.1",
 	pg: "^8.9.0",
 	proj4: "^2.9.2",
@@ -25607,7 +25621,7 @@ var packageJson = {
 };
 
 const GEONETWORK_UI_VERSION = packageJson.version;
-const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1] === 'dev'
+const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1]?.startsWith('dev')
     ? 'main'
     : `v${packageJson.version}`;
 
@@ -25925,14 +25939,18 @@ class ElasticsearchService {
             })
                 .join(' OR ');
         };
-        const queryString = typeof filters === 'string'
+        let queryString = typeof filters === 'string'
             ? filters
             : Object.keys(filters)
+                .filter((fieldname) => fieldname !== 'gn-ui-crossFieldFilter')
                 .filter((fieldname) => !isDateRange(filters[fieldname]))
                 .filter((fieldname) => filters[fieldname] &&
                 JSON.stringify(filters[fieldname]) !== '{}')
                 .map((fieldname) => `${fieldname}:(${makeQuery(filters[fieldname])})`)
                 .join(' AND ');
+        if (filters['gn-ui-crossFieldFilter']) {
+            queryString = `${queryString} AND (${filters['gn-ui-crossFieldFilter']})`;
+        }
         const queryRange = Object.entries(filters)
             .filter(([, value]) => isDateRange(value))
             .map(([searchField, dateRange]) => {
@@ -26105,7 +26123,12 @@ class ElasticsearchService {
                     must_not: this.mustNotFilters(),
                 },
             },
-            _source: ['resourceTitleObject', 'uuid', 'resourceType'],
+            _source: [
+                'resourceTitleObject',
+                'uuid',
+                'resourceType',
+                'cl_presentationForm',
+            ],
             from: 0,
             size: 20,
         };
@@ -26440,7 +26463,8 @@ class Gn4Repository {
         }));
     }
     canEdit(record, allowEditHarvested) {
-        return (record.kind === 'dataset' &&
+        return (this.platformService.supportsAuthentication() &&
+            record.kind === 'dataset' &&
             record.extras['edit'] &&
             (!record.extras['isHarvested'] || allowEditHarvested));
     }
@@ -28160,8 +28184,9 @@ function getCustomTranslations(langCode) {
     return langCode in customTranslations ? customTranslations[langCode] : {};
 }
 let appConfigLoaded = false;
-function loadAppConfig() {
-    return fetch('assets/configuration/default.toml')
+function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
+    console.log(`[geonetwork-ui] Loading application configuration from ${configUrl}`);
+    return fetch(configUrl)
         .then((resp) => {
         if (!resp.ok)
             throw new Error('Configuration file could not be loaded');
@@ -28179,6 +28204,7 @@ function loadAppConfig() {
         const warnings = [];
         let parsedGlobalSection = parseConfigSection(parsed, 'global', ['geonetwork4_api_url'], [
             'datahub_url',
+            'edit_url_template',
             'proxy_path',
             'metadata_language',
             'login_url',
@@ -28198,6 +28224,7 @@ function loadAppConfig() {
                 : {
                     GN4_API_URL: parsedGlobalSection.geonetwork4_api_url,
                     DATAHUB_URL: parsedGlobalSection.datahub_url,
+                    EDIT_URL_TEMPLATE: parsedGlobalSection.edit_url_template,
                     PROXY_PATH: parsedGlobalSection.proxy_path,
                     METADATA_LANGUAGE: parsedGlobalSection.metadata_language
                         ? parsedGlobalSection.metadata_language.toLowerCase()
@@ -28270,6 +28297,7 @@ function loadAppConfig() {
             'record_kind_quick_filter',
             'filter_geometry_data',
             'filter_geometry_url',
+            'do_not_use_default_search_preset',
             'search_preset',
             'advanced_filters',
             'limit',
@@ -28282,6 +28310,7 @@ function loadAppConfig() {
                     RECORD_KIND_QUICK_FILTER: parsedSearchSection.record_kind_quick_filter,
                     FILTER_GEOMETRY_DATA: parsedSearchSection.filter_geometry_data,
                     FILTER_GEOMETRY_URL: parsedSearchSection.filter_geometry_url,
+                    DO_NOT_USE_DEFAULT_SEARCH_PRESET: !!parsedSearchSection.do_not_use_default_search_preset,
                     SEARCH_PRESET: parsedSearchParams.map((param) => ({
                         sort: param.sort,
                         name: param.name,
@@ -28372,6 +28401,7 @@ fonts_stylesheet_url = "https://fonts.googleapis.com/css2?family=Open+Sans"
 [search]
 record_kind_quick_filter = false
 filter_geometry_url = 'https://my.domain.org/geom.json'
+do_not_use_default_search_preset = false
 advanced_filters = ['publicationYear', 'documentStandard', 'inspireKeyword', 'topic', 'license']
 
 [[search_preset]]
@@ -29187,9 +29217,8 @@ class AutocompleteComponent {
     ngOnChanges(changes) {
         const { value } = changes;
         if (value) {
-            const previousTextValue = this.displayWithFnInternal(value.previousValue);
             const currentTextValue = this.displayWithFnInternal(value.currentValue);
-            if (previousTextValue !== currentTextValue) {
+            if (currentTextValue !== this.control.value) {
                 if (currentTextValue) {
                     this.searchActive = true;
                     this.isSearchActive.emit(true);
@@ -29203,13 +29232,15 @@ class AutocompleteComponent {
         }
     }
     ngOnInit() {
-        const newValue$ = merge(of(''), this.inputCleared.pipe(map$1(() => '')), this.control.valueChanges.pipe(filter$1((value) => typeof value === 'string'), distinctUntilChanged(), debounceTime(400)));
+        const newValue$ = merge(of(''), this.inputCleared.pipe(map$1(() => '')), this.control.valueChanges.pipe(filter$1((value) => typeof value === 'string'), debounceTime(400), distinctUntilChanged()));
         const externalValueChange$ = this.control.valueChanges.pipe(filter$1((value) => typeof value === 'object' && value.title), map$1((item) => item.title));
         // this observable emits arrays of suggestions loaded using the given action
         const suggestionsFromAction = merge(newValue$.pipe(filter$1((value) => value.length >= this.minCharacterCount)), externalValueChange$).pipe(tap$1(() => {
             this.searching = true;
             this.error = null;
-        }), switchMap$1((value) => this.action(value)), tap$1((suggestions) => {
+        }), switchMap$1((value) => this.action(value)), // this can trigger http requests
+        shareReplay$1(1), // share the loaded suggestions to avoid multiple requests
+        tap$1((suggestions) => {
             // forcing the panel to open if there are suggestions
             if (suggestions.length > 0 && !this.searchActive) {
                 this.triggerRef?.openPanel();
@@ -29270,6 +29301,7 @@ class AutocompleteComponent {
     }
     clear() {
         this.inputRef.nativeElement.value = '';
+        this.control.setValue('');
         this.searchActive = false;
         this.isSearchActive.emit(false);
         this.inputCleared.emit();
@@ -29896,7 +29928,7 @@ class DropdownSelectorComponent {
         return this.title.toLowerCase().replace(/[^a-z]+/g, '-');
     }
     getChoiceLabel() {
-        return this.selectedChoice?.label;
+        return this.selectedChoice?.label ?? '\u00A0';
     }
     ngOnInit() {
         if (!this.maxRows)
@@ -31999,6 +32031,8 @@ function reducerSearch(state, action) {
                 },
             };
         }
+        // From router.effects
+        // From home - fuzzy-search - search.service
         case SET_FILTERS: {
             return {
                 ...state,
@@ -32020,6 +32054,7 @@ function reducerSearch(state, action) {
                 },
             };
         }
+        // From results WC
         case SET_SEARCH: {
             return {
                 ...state,
@@ -32971,8 +33006,8 @@ class RecordKindField extends SimpleSearchField {
         };
         const presentationFormFilter = {};
         if (values.includes('reuse') && !values.includes('dataset')) {
-            presentationFormFilter['mapDigital'] = true;
-            presentationFormFilter['mapHardcopy'] = true;
+            filters['gn-ui-crossFieldFilter'] =
+                `(resourceType:("dataset" OR "document") AND cl_presentationForm.key:("mapDigital" OR "mapHardcopy")) OR resourceType:("application" OR "interactiveMap" OR "map" OR "map/static" OR "map/interactive" OR "map-interactive" OR "map-static" OR "mapDigital" OR "mapHardcopy" OR "staticMap")`;
         }
         else if (values.includes('dataset') && !values.includes('reuse')) {
             presentationFormFilter['mapDigital'] = false;
@@ -33065,7 +33100,12 @@ class FieldsService {
                 : [fieldValues[fieldName]];
             return this.getFiltersForValues(fieldName, values);
         });
-        return forkJoin(filtersByField$).pipe(map$1((filters) => filters.reduce((prev, curr) => ({ ...prev, ...curr }), {})));
+        return forkJoin(filtersByField$).pipe(map$1((filters) => {
+            if (typeof filters === 'string') {
+                return filters;
+            }
+            return filters.reduce((prev, curr) => ({ ...prev, ...curr }), {});
+        }));
     }
     readFieldValuesFromFilters(filters) {
         const fieldValues$ = this.supportedFields.map((fieldName) => this.getValuesForFilters(fieldName, filters).pipe(map$1((values) => ({ [fieldName]: values }))));
@@ -33122,7 +33162,7 @@ class ApiCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ApiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink", size: "size" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  @if (size !== 'S') {\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  }\n  @if (size === 'S') {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  }\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    @if (displayApiFormButton) {\n      <button\n        type=\"button\"\n        class=\"gn-ui-card-icon\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText,\n        }\"\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n        (click)=\"openRecordApiFormPanel()\"\n      >\n        <ng-icon\n          class=\"pointer-events-none align-middle card-icon\"\n          name=\"iconoirSettings\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive,\n          }\"\n        ></ng-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"flex-1 min-w-0\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      @if (link.accessServiceProtocol !== 'GPFDL') {\n        <span\n          class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n          >record.metadata.api.accessServiceProtocol.{{\n            link.accessServiceProtocol\n          }}</span\n        >\n      }\n      @if (link.accessServiceProtocol === 'GPFDL') {\n        <span\n          class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n        >\n          record.metadata.api.gpfdl</span\n        >\n      }\n    </div>\n    @if (size === 'S') {\n      <div>\n        <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink", size: "size" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  @if (size !== 'S') {\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  }\n  @if (size === 'S') {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  }\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    @if (displayApiFormButton) {\n      <button\n        type=\"button\"\n        class=\"gn-ui-card-icon\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText,\n        }\"\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n        (click)=\"openRecordApiFormPanel()\"\n      >\n        <ng-icon\n          class=\"pointer-events-none align-middle card-icon\"\n          name=\"iconoirSettings\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive,\n          }\"\n        ></ng-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"flex-1 min-w-0\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      @if (link.accessServiceProtocol !== 'GPFDL') {\n        <span\n          class=\"bg-primary/50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n          >record.metadata.api.accessServiceProtocol.{{\n            link.accessServiceProtocol\n          }}</span\n        >\n      }\n      @if (link.accessServiceProtocol === 'GPFDL') {\n        <span\n          class=\"bg-primary/50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n        >\n          record.metadata.api.gpfdl</span\n        >\n      }\n    </div>\n    @if (size === 'S') {\n      <div>\n        <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
             provideIcons({
                 iconoirSettings,
             }),
@@ -33147,7 +33187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         provideNgIconsConfig({
                             size: '1.5em',
                         }),
-                    ], template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  @if (size !== 'S') {\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  }\n  @if (size === 'S') {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  }\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    @if (displayApiFormButton) {\n      <button\n        type=\"button\"\n        class=\"gn-ui-card-icon\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText,\n        }\"\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n        (click)=\"openRecordApiFormPanel()\"\n      >\n        <ng-icon\n          class=\"pointer-events-none align-middle card-icon\"\n          name=\"iconoirSettings\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive,\n          }\"\n        ></ng-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"flex-1 min-w-0\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      @if (link.accessServiceProtocol !== 'GPFDL') {\n        <span\n          class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n          >record.metadata.api.accessServiceProtocol.{{\n            link.accessServiceProtocol\n          }}</span\n        >\n      }\n      @if (link.accessServiceProtocol === 'GPFDL') {\n        <span\n          class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n        >\n          record.metadata.api.gpfdl</span\n        >\n      }\n    </div>\n    @if (size === 'S') {\n      <div>\n        <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n" }]
+                    ], template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  @if (size !== 'S') {\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  }\n  @if (size === 'S') {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  }\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    @if (displayApiFormButton) {\n      <button\n        type=\"button\"\n        class=\"gn-ui-card-icon\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText,\n        }\"\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n        (click)=\"openRecordApiFormPanel()\"\n      >\n        <ng-icon\n          class=\"pointer-events-none align-middle card-icon\"\n          name=\"iconoirSettings\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive,\n          }\"\n        ></ng-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"flex-1 min-w-0\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      @if (link.accessServiceProtocol !== 'GPFDL') {\n        <span\n          class=\"bg-primary/50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n          >record.metadata.api.accessServiceProtocol.{{\n            link.accessServiceProtocol\n          }}</span\n        >\n      }\n      @if (link.accessServiceProtocol === 'GPFDL') {\n        <span\n          class=\"bg-primary/50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n          [ngClass]=\"{\n            '!bg-primary': currentlyActive,\n          }\"\n          translate\n        >\n          record.metadata.api.gpfdl</span\n        >\n      }\n    </div>\n    @if (size === 'S') {\n      <div>\n        <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n      </div>\n    }\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], currentLink: [{
@@ -33286,10 +33326,12 @@ class DownloadsListComponent {
     }
     removeDuplicateFormats(links) {
         const preferredLinks = new Map();
-        links.forEach((link) => {
+        links.forEach((link, index) => {
             const format = getFileFormat(link);
             const withoutNameSpace = (link.name || link.description || '').replace(/^.*?:/, '');
-            const uniqueKey = `${format}-${withoutNameSpace}`;
+            const uniqueKey = link.accessServiceProtocol
+                ? `${format}-${withoutNameSpace}`
+                : index.toString(); // direct download links should not be deduplicated
             if (!preferredLinks.has(uniqueKey)) {
                 preferredLinks.set(uniqueKey, link);
             }
@@ -33749,7 +33791,7 @@ class ImageInputComponent {
             provideNgIconsConfig({
                 size: '1.5rem',
             }),
-        ], ngImport: i0, template: "@if (previewUrl) {\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    @if (showAltTextInput) {\n      <gn-ui-text-input\n        [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n        [value]=\"altText ?? ''\"\n        (valueChange)=\"handleAltTextChange($event)\"\n        extraClass=\"gn-ui-editor-textarea\"\n      ></gn-ui-text-input>\n    }\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button\n        type=\"gray\"\n        (buttonClick)=\"handleDelete()\"\n        data-cy=\"delete-image\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      @if (!showAltTextInput) {\n        <gn-ui-button type=\"gray\" (buttonClick)=\"toggleAltTextInput()\">\n          <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n          {{ 'input.image.displayAltTextInput' | translate }}\n        </gn-ui-button>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500': !getIsActionBlocked(),\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"getIsActionBlocked() ? null : 0\"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      @if (!isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          @if (!dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirMediaImage\"\n            ></ng-icon>\n          }\n          @if (dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirFramePlusIn\"\n            ></ng-icon>\n          }\n        </div>\n      }\n      @if (isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 grid items-center justify-center relative\">\n          <div class=\"text-gray-100 absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"100\"\n            ></mat-progress-spinner>\n          </div>\n          <div class=\"text-primary absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"uploadProgress\"\n            ></mat-progress-spinner>\n          </div>\n          <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n        </div>\n      }\n      @if (imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          <ng-icon\n            name=\"iconoirMediaImageXmark\"\n            class=\"place-self-center text-rose-500\"\n            data-cy=\"imgErrorIcon\"\n          ></ng-icon>\n        </div>\n      }\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\" data-cy=\"imgInputMsgPrimary\">\n          {{ getPrimaryText() | translate }}\n        </p>\n        <p\n          class=\"text-sm\"\n          data-cy=\"imgInputMsgSecondary\"\n          [class]=\"\n            isUploadInProgress\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        accept=\"image/*\"\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      />\n    </label>\n    @if (!showUrlInput) {\n      <div class=\"flex-none mt-2\">\n        <gn-ui-button\n          data-cy=\"imgUrlBtn\"\n          (buttonClick)=\"displayUrlInput()\"\n          type=\"gray\"\n          [disabled]=\"disabled\"\n          [extraClass]=\"disabled && 'cursor-not-allowed'\"\n        >\n          <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n          {{ 'input.image.displayUrlInput' | translate }}\n        </gn-ui-button>\n      </div>\n    }\n    @if (showUrlInput) {\n      <gn-ui-url-input\n        class=\"mt-3.5\"\n        data-cy=\"imgUrlInput\"\n        (uploadClick)=\"downloadUrl($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      >\n      </gn-ui-url-input>\n    }\n  </div>\n}\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ImageOverlayPreviewComponent, selector: "gn-ui-image-overlay-preview", inputs: ["imageUrl"], outputs: ["isPlaceholderShown"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (previewUrl) {\n  <div class=\"w-[314px] h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview\n      class=\"w-[314px] h-[314px]\"\n      [imageUrl]=\"previewUrl\"\n    >\n    </gn-ui-image-overlay-preview>\n    @if (showAltTextInput) {\n      <gn-ui-text-input\n        [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n        [value]=\"altText ?? ''\"\n        (valueChange)=\"handleAltTextChange($event)\"\n        extraClass=\"gn-ui-editor-textarea\"\n      ></gn-ui-text-input>\n    }\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button\n        type=\"gray\"\n        (buttonClick)=\"handleDelete()\"\n        data-cy=\"delete-image\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      @if (!showAltTextInput) {\n        <gn-ui-button type=\"gray\" (buttonClick)=\"toggleAltTextInput()\">\n          <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n          {{ 'input.image.displayAltTextInput' | translate }}\n        </gn-ui-button>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500': !getIsActionBlocked(),\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"getIsActionBlocked() ? null : 0\"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      @if (!isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          @if (!dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirMediaImage\"\n            ></ng-icon>\n          }\n          @if (dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirFramePlusIn\"\n            ></ng-icon>\n          }\n        </div>\n      }\n      @if (isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 grid items-center justify-center relative\">\n          <div class=\"text-gray-100 absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"100\"\n            ></mat-progress-spinner>\n          </div>\n          <div class=\"text-primary absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"uploadProgress\"\n            ></mat-progress-spinner>\n          </div>\n          <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n        </div>\n      }\n      @if (imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          <ng-icon\n            name=\"iconoirMediaImageXmark\"\n            class=\"place-self-center text-rose-500\"\n            data-cy=\"imgErrorIcon\"\n          ></ng-icon>\n        </div>\n      }\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\" data-cy=\"imgInputMsgPrimary\">\n          {{ getPrimaryText() | translate }}\n        </p>\n        <p\n          class=\"text-sm\"\n          data-cy=\"imgInputMsgSecondary\"\n          [class]=\"\n            isUploadInProgress\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        accept=\"image/*\"\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      />\n    </label>\n    @if (!showUrlInput) {\n      <div class=\"flex-none mt-2\">\n        <gn-ui-button\n          data-cy=\"imgUrlBtn\"\n          (buttonClick)=\"displayUrlInput()\"\n          type=\"gray\"\n          [disabled]=\"disabled\"\n          [extraClass]=\"disabled && 'cursor-not-allowed'\"\n        >\n          <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n          {{ 'input.image.displayUrlInput' | translate }}\n        </gn-ui-button>\n      </div>\n    }\n    @if (showUrlInput) {\n      <gn-ui-url-input\n        class=\"mt-3.5\"\n        data-cy=\"imgUrlInput\"\n        (uploadClick)=\"downloadUrl($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      >\n      </gn-ui-url-input>\n    }\n  </div>\n}\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ImageOverlayPreviewComponent, selector: "gn-ui-image-overlay-preview", inputs: ["imageUrl"], outputs: ["isPlaceholderShown"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImageInputComponent, decorators: [{
             type: Component,
@@ -33775,7 +33817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         provideNgIconsConfig({
                             size: '1.5rem',
                         }),
-                    ], template: "@if (previewUrl) {\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    @if (showAltTextInput) {\n      <gn-ui-text-input\n        [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n        [value]=\"altText ?? ''\"\n        (valueChange)=\"handleAltTextChange($event)\"\n        extraClass=\"gn-ui-editor-textarea\"\n      ></gn-ui-text-input>\n    }\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button\n        type=\"gray\"\n        (buttonClick)=\"handleDelete()\"\n        data-cy=\"delete-image\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      @if (!showAltTextInput) {\n        <gn-ui-button type=\"gray\" (buttonClick)=\"toggleAltTextInput()\">\n          <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n          {{ 'input.image.displayAltTextInput' | translate }}\n        </gn-ui-button>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500': !getIsActionBlocked(),\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"getIsActionBlocked() ? null : 0\"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      @if (!isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          @if (!dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirMediaImage\"\n            ></ng-icon>\n          }\n          @if (dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirFramePlusIn\"\n            ></ng-icon>\n          }\n        </div>\n      }\n      @if (isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 grid items-center justify-center relative\">\n          <div class=\"text-gray-100 absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"100\"\n            ></mat-progress-spinner>\n          </div>\n          <div class=\"text-primary absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"uploadProgress\"\n            ></mat-progress-spinner>\n          </div>\n          <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n        </div>\n      }\n      @if (imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          <ng-icon\n            name=\"iconoirMediaImageXmark\"\n            class=\"place-self-center text-rose-500\"\n            data-cy=\"imgErrorIcon\"\n          ></ng-icon>\n        </div>\n      }\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\" data-cy=\"imgInputMsgPrimary\">\n          {{ getPrimaryText() | translate }}\n        </p>\n        <p\n          class=\"text-sm\"\n          data-cy=\"imgInputMsgSecondary\"\n          [class]=\"\n            isUploadInProgress\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        accept=\"image/*\"\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      />\n    </label>\n    @if (!showUrlInput) {\n      <div class=\"flex-none mt-2\">\n        <gn-ui-button\n          data-cy=\"imgUrlBtn\"\n          (buttonClick)=\"displayUrlInput()\"\n          type=\"gray\"\n          [disabled]=\"disabled\"\n          [extraClass]=\"disabled && 'cursor-not-allowed'\"\n        >\n          <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n          {{ 'input.image.displayUrlInput' | translate }}\n        </gn-ui-button>\n      </div>\n    }\n    @if (showUrlInput) {\n      <gn-ui-url-input\n        class=\"mt-3.5\"\n        data-cy=\"imgUrlInput\"\n        (uploadClick)=\"downloadUrl($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      >\n      </gn-ui-url-input>\n    }\n  </div>\n}\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+                    ], template: "@if (previewUrl) {\n  <div class=\"w-[314px] h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview\n      class=\"w-[314px] h-[314px]\"\n      [imageUrl]=\"previewUrl\"\n    >\n    </gn-ui-image-overlay-preview>\n    @if (showAltTextInput) {\n      <gn-ui-text-input\n        [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n        [value]=\"altText ?? ''\"\n        (valueChange)=\"handleAltTextChange($event)\"\n        extraClass=\"gn-ui-editor-textarea\"\n      ></gn-ui-text-input>\n    }\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button\n        type=\"gray\"\n        (buttonClick)=\"handleDelete()\"\n        data-cy=\"delete-image\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      @if (!showAltTextInput) {\n        <gn-ui-button type=\"gray\" (buttonClick)=\"toggleAltTextInput()\">\n          <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n          {{ 'input.image.displayAltTextInput' | translate }}\n        </gn-ui-button>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500': !getIsActionBlocked(),\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"getIsActionBlocked() ? null : 0\"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      @if (!isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          @if (!dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirMediaImage\"\n            ></ng-icon>\n          }\n          @if (dragFilesOver) {\n            <ng-icon\n              class=\"place-self-center text-primary\"\n              name=\"iconoirFramePlusIn\"\n            ></ng-icon>\n          }\n        </div>\n      }\n      @if (isUploadInProgress && !imageFileError) {\n        <div class=\"w-14 h-14 grid items-center justify-center relative\">\n          <div class=\"text-gray-100 absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"100\"\n            ></mat-progress-spinner>\n          </div>\n          <div class=\"text-primary absolute\">\n            <mat-progress-spinner\n              class=\"place-self-center\"\n              [diameter]=\"56\"\n              mode=\"determinate\"\n              [value]=\"uploadProgress\"\n            ></mat-progress-spinner>\n          </div>\n          <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n        </div>\n      }\n      @if (imageFileError) {\n        <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\">\n          <ng-icon\n            name=\"iconoirMediaImageXmark\"\n            class=\"place-self-center text-rose-500\"\n            data-cy=\"imgErrorIcon\"\n          ></ng-icon>\n        </div>\n      }\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\" data-cy=\"imgInputMsgPrimary\">\n          {{ getPrimaryText() | translate }}\n        </p>\n        <p\n          class=\"text-sm\"\n          data-cy=\"imgInputMsgSecondary\"\n          [class]=\"\n            isUploadInProgress\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        accept=\"image/*\"\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      />\n    </label>\n    @if (!showUrlInput) {\n      <div class=\"flex-none mt-2\">\n        <gn-ui-button\n          data-cy=\"imgUrlBtn\"\n          (buttonClick)=\"displayUrlInput()\"\n          type=\"gray\"\n          [disabled]=\"disabled\"\n          [extraClass]=\"disabled && 'cursor-not-allowed'\"\n        >\n          <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n          {{ 'input.image.displayUrlInput' | translate }}\n        </gn-ui-button>\n      </div>\n    }\n    @if (showUrlInput) {\n      <gn-ui-url-input\n        class=\"mt-3.5\"\n        data-cy=\"imgUrlInput\"\n        (uploadClick)=\"downloadUrl($event)\"\n        [disabled]=\"isUploadInProgress || disabled\"\n      >\n      </gn-ui-url-input>\n    }\n  </div>\n}\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
         }], propDecorators: { previewUrl: [{
                 type: Input
             }], altText: [{
@@ -33994,9 +34036,9 @@ class MetadataContactComponent {
         return this.metadata.ownerOrganization;
     }
     get contacts() {
-        return ((this.metadata.kind === 'dataset'
-            ? this.metadata.contactsForResource
-            : this.metadata.contacts) || []);
+        return ((this.metadata.kind === 'service'
+            ? this.metadata.contacts
+            : this.metadata.contactsForResource) || []);
     }
     get address() {
         const addressParts = this.contacts[0].address
@@ -34008,7 +34050,7 @@ class MetadataContactComponent {
         this.organizationClick.emit(this.shownOrganization);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <a\n            [href]=\"shownOrganization.website\"\n            target=\"_blank\"\n            class=\"contact-website text-sm cursor-pointer hover:underline transition-all\"\n            >{{ shownOrganization.website }}\n            <ng-icon\n              class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n          </a>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <div class=\"flex items-center mt-1\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n            <a\n              [href]=\"shownOrganization.website\"\n              target=\"_blank\"\n              class=\"contact-website text-sm cursor-pointer hover:underline transition-all ml-2\"\n            >\n              {{ shownOrganization.website }}\n            </a>\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\" data-cy=\"contact-full-name\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
             provideIcons({
                 matOpenInNew,
                 matCallOutline,
@@ -34028,7 +34070,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             matPersonOutline,
                             matLocationOnOutline,
                         }),
-                    ], template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <a\n            [href]=\"shownOrganization.website\"\n            target=\"_blank\"\n            class=\"contact-website text-sm cursor-pointer hover:underline transition-all\"\n            >{{ shownOrganization.website }}\n            <ng-icon\n              class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n          </a>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <div class=\"flex items-center mt-1\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n            <a\n              [href]=\"shownOrganization.website\"\n              target=\"_blank\"\n              class=\"contact-website text-sm cursor-pointer hover:underline transition-all ml-2\"\n            >\n              {{ shownOrganization.website }}\n            </a>\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\" data-cy=\"contact-full-name\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], organizationClick: [{
@@ -34528,7 +34570,7 @@ class RecordApiFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RecordApiFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: RecordApiFormComponent, isStandalone: true, selector: "gn-ui-record-api-form", inputs: { apiLink: "apiLink" }, ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <div class=\"flex flex-col bg-white p-8 ng-star-inserted shadow-xl gap-8\">\n    <div class=\"flex flex-row\">\n      <div class=\"text-[16px] text-black truncate font-title w-11/12\" translate>\n        record.metadata.api.form.create\n      </div>\n      <button\n        (click)=\"resetUrl()\"\n        class=\"bg-primary-opacity-50 inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize text-primary-lightest hover:bg-primary transition-colors\"\n      >\n        <p class=\"text-[13px] uppercase\" translate>\n          record.metadata.api.form.reset\n        </p>\n      </button>\n    </div>\n    <div class=\"flex flex-row flex-wrap justify-between grow gap-5\">\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-[14px]\" translate>record.metadata.api.form.limit</p>\n        <div class=\"flex flex-row items-center gap-2\">\n          <gn-ui-text-input\n            class=\"mr-2 w-20\"\n            (valueChange)=\"setLimit($event)\"\n            [value]=\"displayLimit$ | async\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          <div class=\"flex items-center\">\n            <input\n              class=\"mr-2 cursor-pointer\"\n              type=\"checkbox\"\n              [checked]=\"noLimitChecked$ | async\"\n              (change)=\"setLimit('-1')\"\n            />\n            <span class=\"text-sm\" translate\n              >record.metadata.api.form.limit.all</span\n            >\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3 relative\">\n        <p class=\"text-sm\" [class.text-gray-600]=\"!supportOffset\" translate>\n          record.metadata.api.form.offset\n        </p>\n        <div class=\"flex items-center\">\n          <gn-ui-text-input\n            class=\"w-20\"\n            [value]=\"offset$ | async\"\n            [disabled]=\"!supportOffset\"\n            (valueChange)=\"supportOffset ? setOffset($event) : null\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          @if (!supportOffset) {\n            <div class=\"flex items-center gap-2 text-orange-500 z-10 ml-3\">\n              <span\n                class=\"material-symbols-outlined\"\n                matTooltip=\"Not supported on this service\"\n              >\n                warning\n              </span>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-sm\" translate>record.metadata.api.form.type</p>\n        <gn-ui-dropdown-selector\n          #dropdown\n          [title]=\"''\"\n          extraBtnClass=\"secondary min-w-full !w-40 !text-black\"\n          [showTitle]=\"false\"\n          class=\"text-black\"\n          [choices]=\"outputFormats\"\n          (selectValue)=\"setFormat($event)\"\n          [selected]=\"format$ | async\"\n        ></gn-ui-dropdown-selector>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex flex-col gap-3 mb-3\">\n    <div class=\"text-sm text-black truncate font-title w-11/12\" translate>\n      record.metadata.api.form.customUrl\n    </div>\n    <div class=\"bg-white rounded-lg\">\n      <gn-ui-copy-text-button\n        [text]=\"apiQueryUrl$ | async\"\n      ></gn-ui-copy-text-button>\n    </div>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: RecordApiFormComponent, isStandalone: true, selector: "gn-ui-record-api-form", inputs: { apiLink: "apiLink" }, ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <div class=\"flex flex-col bg-white p-8 ng-star-inserted shadow-xl gap-8\">\n    <div class=\"flex flex-row\">\n      <div class=\"text-[16px] text-black truncate font-title w-11/12\" translate>\n        record.metadata.api.form.create\n      </div>\n      <button\n        (click)=\"resetUrl()\"\n        class=\"bg-primary/50 inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize text-primary-lightest hover:bg-primary transition-colors\"\n      >\n        <p class=\"text-[13px] uppercase\" translate>\n          record.metadata.api.form.reset\n        </p>\n      </button>\n    </div>\n    <div class=\"flex flex-row flex-wrap justify-between grow gap-5\">\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-[14px]\" translate>record.metadata.api.form.limit</p>\n        <div class=\"flex flex-row items-center gap-2\">\n          <gn-ui-text-input\n            class=\"mr-2 w-20\"\n            (valueChange)=\"setLimit($event)\"\n            [value]=\"displayLimit$ | async\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          <div class=\"flex items-center\">\n            <input\n              class=\"mr-2 cursor-pointer\"\n              type=\"checkbox\"\n              [checked]=\"noLimitChecked$ | async\"\n              (change)=\"setLimit('-1')\"\n            />\n            <span class=\"text-sm\" translate\n              >record.metadata.api.form.limit.all</span\n            >\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3 relative\">\n        <p class=\"text-sm\" [class.text-gray-600]=\"!supportOffset\" translate>\n          record.metadata.api.form.offset\n        </p>\n        <div class=\"flex items-center\">\n          <gn-ui-text-input\n            class=\"w-20\"\n            [value]=\"offset$ | async\"\n            [disabled]=\"!supportOffset\"\n            (valueChange)=\"supportOffset ? setOffset($event) : null\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          @if (!supportOffset) {\n            <div class=\"flex items-center gap-2 text-orange-500 z-10 ml-3\">\n              <span\n                class=\"material-symbols-outlined\"\n                matTooltip=\"Not supported on this service\"\n              >\n                warning\n              </span>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-sm\" translate>record.metadata.api.form.type</p>\n        <gn-ui-dropdown-selector\n          #dropdown\n          [title]=\"''\"\n          extraBtnClass=\"secondary min-w-full !w-40 !text-black\"\n          [showTitle]=\"false\"\n          class=\"text-black\"\n          [choices]=\"outputFormats\"\n          (selectValue)=\"setFormat($event)\"\n          [selected]=\"format$ | async\"\n        ></gn-ui-dropdown-selector>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex flex-col gap-3 mb-3\">\n    <div class=\"text-sm text-black truncate font-title w-11/12\" translate>\n      record.metadata.api.form.customUrl\n    </div>\n    <div class=\"bg-white rounded-lg\">\n      <gn-ui-copy-text-button\n        [text]=\"apiQueryUrl$ | async\"\n      ></gn-ui-copy-text-button>\n    </div>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RecordApiFormComponent, decorators: [{
             type: Component,
@@ -34539,7 +34581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         CopyTextButtonComponent,
                         TranslateDirective,
                         MatTooltipModule,
-                    ], template: "<div class=\"flex flex-col gap-8\">\n  <div class=\"flex flex-col bg-white p-8 ng-star-inserted shadow-xl gap-8\">\n    <div class=\"flex flex-row\">\n      <div class=\"text-[16px] text-black truncate font-title w-11/12\" translate>\n        record.metadata.api.form.create\n      </div>\n      <button\n        (click)=\"resetUrl()\"\n        class=\"bg-primary-opacity-50 inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize text-primary-lightest hover:bg-primary transition-colors\"\n      >\n        <p class=\"text-[13px] uppercase\" translate>\n          record.metadata.api.form.reset\n        </p>\n      </button>\n    </div>\n    <div class=\"flex flex-row flex-wrap justify-between grow gap-5\">\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-[14px]\" translate>record.metadata.api.form.limit</p>\n        <div class=\"flex flex-row items-center gap-2\">\n          <gn-ui-text-input\n            class=\"mr-2 w-20\"\n            (valueChange)=\"setLimit($event)\"\n            [value]=\"displayLimit$ | async\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          <div class=\"flex items-center\">\n            <input\n              class=\"mr-2 cursor-pointer\"\n              type=\"checkbox\"\n              [checked]=\"noLimitChecked$ | async\"\n              (change)=\"setLimit('-1')\"\n            />\n            <span class=\"text-sm\" translate\n              >record.metadata.api.form.limit.all</span\n            >\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3 relative\">\n        <p class=\"text-sm\" [class.text-gray-600]=\"!supportOffset\" translate>\n          record.metadata.api.form.offset\n        </p>\n        <div class=\"flex items-center\">\n          <gn-ui-text-input\n            class=\"w-20\"\n            [value]=\"offset$ | async\"\n            [disabled]=\"!supportOffset\"\n            (valueChange)=\"supportOffset ? setOffset($event) : null\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          @if (!supportOffset) {\n            <div class=\"flex items-center gap-2 text-orange-500 z-10 ml-3\">\n              <span\n                class=\"material-symbols-outlined\"\n                matTooltip=\"Not supported on this service\"\n              >\n                warning\n              </span>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-sm\" translate>record.metadata.api.form.type</p>\n        <gn-ui-dropdown-selector\n          #dropdown\n          [title]=\"''\"\n          extraBtnClass=\"secondary min-w-full !w-40 !text-black\"\n          [showTitle]=\"false\"\n          class=\"text-black\"\n          [choices]=\"outputFormats\"\n          (selectValue)=\"setFormat($event)\"\n          [selected]=\"format$ | async\"\n        ></gn-ui-dropdown-selector>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex flex-col gap-3 mb-3\">\n    <div class=\"text-sm text-black truncate font-title w-11/12\" translate>\n      record.metadata.api.form.customUrl\n    </div>\n    <div class=\"bg-white rounded-lg\">\n      <gn-ui-copy-text-button\n        [text]=\"apiQueryUrl$ | async\"\n      ></gn-ui-copy-text-button>\n    </div>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-8\">\n  <div class=\"flex flex-col bg-white p-8 ng-star-inserted shadow-xl gap-8\">\n    <div class=\"flex flex-row\">\n      <div class=\"text-[16px] text-black truncate font-title w-11/12\" translate>\n        record.metadata.api.form.create\n      </div>\n      <button\n        (click)=\"resetUrl()\"\n        class=\"bg-primary/50 inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize text-primary-lightest hover:bg-primary transition-colors\"\n      >\n        <p class=\"text-[13px] uppercase\" translate>\n          record.metadata.api.form.reset\n        </p>\n      </button>\n    </div>\n    <div class=\"flex flex-row flex-wrap justify-between grow gap-5\">\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-[14px]\" translate>record.metadata.api.form.limit</p>\n        <div class=\"flex flex-row items-center gap-2\">\n          <gn-ui-text-input\n            class=\"mr-2 w-20\"\n            (valueChange)=\"setLimit($event)\"\n            [value]=\"displayLimit$ | async\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          <div class=\"flex items-center\">\n            <input\n              class=\"mr-2 cursor-pointer\"\n              type=\"checkbox\"\n              [checked]=\"noLimitChecked$ | async\"\n              (change)=\"setLimit('-1')\"\n            />\n            <span class=\"text-sm\" translate\n              >record.metadata.api.form.limit.all</span\n            >\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3 relative\">\n        <p class=\"text-sm\" [class.text-gray-600]=\"!supportOffset\" translate>\n          record.metadata.api.form.offset\n        </p>\n        <div class=\"flex items-center\">\n          <gn-ui-text-input\n            class=\"w-20\"\n            [value]=\"offset$ | async\"\n            [disabled]=\"!supportOffset\"\n            (valueChange)=\"supportOffset ? setOffset($event) : null\"\n            placeholder=\"\"\n          >\n          </gn-ui-text-input>\n          @if (!supportOffset) {\n            <div class=\"flex items-center gap-2 text-orange-500 z-10 ml-3\">\n              <span\n                class=\"material-symbols-outlined\"\n                matTooltip=\"Not supported on this service\"\n              >\n                warning\n              </span>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-sm\" translate>record.metadata.api.form.type</p>\n        <gn-ui-dropdown-selector\n          #dropdown\n          [title]=\"''\"\n          extraBtnClass=\"secondary min-w-full !w-40 !text-black\"\n          [showTitle]=\"false\"\n          class=\"text-black\"\n          [choices]=\"outputFormats\"\n          (selectValue)=\"setFormat($event)\"\n          [selected]=\"format$ | async\"\n        ></gn-ui-dropdown-selector>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex flex-col gap-3 mb-3\">\n    <div class=\"text-sm text-black truncate font-title w-11/12\" translate>\n      record.metadata.api.form.customUrl\n    </div>\n    <div class=\"bg-white rounded-lg\">\n      <gn-ui-copy-text-button\n        [text]=\"apiQueryUrl$ | async\"\n      ></gn-ui-copy-text-button>\n    </div>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"] }]
         }], propDecorators: { apiLink: [{
                 type: Input
             }] } });
@@ -34642,13 +34684,12 @@ class ApplicationBannerComponent {
                 this.icon = 'matWarning';
                 break;
             case 'light':
-                this.msgClass =
-                    'bg-primary-opacity-10 border-primary-lightest text-black';
+                this.msgClass = 'bg-primary/10 border-primary-lightest text-black';
                 this.icon = 'matInfoOutline';
                 break;
             case 'secondary':
             default:
-                this.msgClass = 'bg-primary-opacity-50 border-primary-darker text-black';
+                this.msgClass = 'bg-primary/50 border-primary-darker text-black';
                 this.icon = 'matWarningAmberOutline';
                 break;
         }
@@ -34737,7 +34778,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  @if (shouldShowThumbnail) {\n    <div 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  }\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      <!-- force max width here as long a-href urls within the markdown parser can cause layout issues -->\n      <div class=\"grow max-w-[248px] sm:max-w-full\">\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        @if (record.ownerOrganization?.name) {\n          <div\n            data-cy=\"recordOrg\"\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            @if (!displayContactIconOnly) {\n              <span\n                data-cy=\"recordOrgName\"\n                class=\"line-clamp-1\"\n                [title]=\"record.ownerOrganization.name\"\n                >{{ record.ownerOrganization.name }}</span\n              >\n            }\n          </div>\n        }\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            @if (metadataQualityDisplay) {\n              <gn-ui-metadata-quality\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            }\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: "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"] }] }); }
+        ], ngImport: i0, template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  @if (shouldShowThumbnail) {\n    <div 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  }\n  <div class=\"grow pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2\" [class.h-full]=\"size !== 'M'\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <!-- force max width here as long a-href urls within the markdown parser can cause layout issues -->\n      <div class=\"grow max-w-[248px] sm:max-w-full\">\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      @if (size !== 'M') {\n        <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n      }\n    </div>\n  </div>\n  @if (size === 'M') {\n    <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n  }\n</a>\n\n<ng-template #footerTpl>\n  <div class=\"record-card__footer\">\n    @if (record.ownerOrganization?.name) {\n      <div\n        data-cy=\"recordOrg\"\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        @if (!displayContactIconOnly) {\n          <span\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        }\n      </div>\n    }\n    <div class=\"record-card__footer__other\">\n      <div class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\">\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        @if (metadataQualityDisplay) {\n          <gn-ui-metadata-quality\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        }\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</ng-template>\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] gap-4 flex-wrap;}.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-[184px] h-[184px];}.size-M .record-card__thumbnail{@apply w-[138px] h-[138px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title,.size-M .record-card__title{@apply line-clamp-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,.size-M .record-card__abstract{@apply line-clamp-3;}.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: "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: "20.3.15", ngImport: i0, type: InternalLinkCardComponent, decorators: [{
             type: Component,
@@ -34757,7 +34798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         provideNgIconsConfig({
                             size: '1.2em',
                         }),
-                    ], template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  @if (shouldShowThumbnail) {\n    <div 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  }\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      <!-- force max width here as long a-href urls within the markdown parser can cause layout issues -->\n      <div class=\"grow max-w-[248px] sm:max-w-full\">\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        @if (record.ownerOrganization?.name) {\n          <div\n            data-cy=\"recordOrg\"\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            @if (!displayContactIconOnly) {\n              <span\n                data-cy=\"recordOrgName\"\n                class=\"line-clamp-1\"\n                [title]=\"record.ownerOrganization.name\"\n                >{{ record.ownerOrganization.name }}</span\n              >\n            }\n          </div>\n        }\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            @if (metadataQualityDisplay) {\n              <gn-ui-metadata-quality\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            }\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  @if (shouldShowThumbnail) {\n    <div 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  }\n  <div class=\"grow pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2\" [class.h-full]=\"size !== 'M'\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <!-- force max width here as long a-href urls within the markdown parser can cause layout issues -->\n      <div class=\"grow max-w-[248px] sm:max-w-full\">\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      @if (size !== 'M') {\n        <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n      }\n    </div>\n  </div>\n  @if (size === 'M') {\n    <ng-container [ngTemplateOutlet]=\"footerTpl\"></ng-container>\n  }\n</a>\n\n<ng-template #footerTpl>\n  <div class=\"record-card__footer\">\n    @if (record.ownerOrganization?.name) {\n      <div\n        data-cy=\"recordOrg\"\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        @if (!displayContactIconOnly) {\n          <span\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        }\n      </div>\n    }\n    <div class=\"record-card__footer__other\">\n      <div class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\">\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        @if (metadataQualityDisplay) {\n          <gn-ui-metadata-quality\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        }\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</ng-template>\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] gap-4 flex-wrap;}.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-[184px] h-[184px];}.size-M .record-card__thumbnail{@apply w-[138px] h-[138px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title,.size-M .record-card__title{@apply line-clamp-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,.size-M .record-card__abstract{@apply line-clamp-3;}.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"] }]
         }], propDecorators: { record: [{
                 type: Input
             }], linkTarget: [{
@@ -34895,7 +34936,7 @@ class ServiceCapabilitiesComponent {
             : `h-8 rounded-lg`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ServiceCapabilitiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ServiceCapabilitiesComponent, isStandalone: true, selector: "gn-ui-service-capabilities", inputs: { apiLinks: "apiLinks" }, ngImport: i0, template: "@if (apiLinks.length > 0) {\n  <div style=\"height: 652px\" id=\"preview\">\n    <div class=\"bg-primary-opacity-10 overflow-visible\" style=\"height: 420px\">\n      <div class=\"container-lg px-4 lg:mx-auto\">\n        <div>\n          <div class=\"gn-ui-section-title mb-6\" translate>\n            service.metadata.capabilities\n          </div>\n          @if (loading) {\n            <div class=\"flex justify-center w-full h-[200px] items-center\">\n              <gn-ui-spinning-loader></gn-ui-spinning-loader>\n            </div>\n          }\n          @if (!loading) {\n            <div>\n              <div class=\"flex flex-row gap-5\">\n                <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n                  <gn-ui-text-input\n                    class=\"w-full\"\n                    [(value)]=\"searchQuery\"\n                    [extraClass]=\"getExtraInputClass()\"\n                    [placeholder]=\"'service.metadata.search' | translate\"\n                    (input)=\"onSearchChange($event)\"\n                    (keydown.enter)=\"onSearchEnter($event)\"\n                  >\n                  </gn-ui-text-input>\n                  <div\n                    class=\"absolute right-14 h-14 w-14 flex items-center justify-center\"\n                  >\n                    @if (searchQuery) {\n                      <button\n                        #inputBtn\n                        [aria-label]=\"\n                          'service.metadata.search.clear' | translate\n                        \"\n                        (click)=\"clearSearch()\"\n                        class=\"h-12 w-12 border-0 flex items-center justify-center\"\n                      >\n                        <ng-icon name=\"matClose\"></ng-icon>\n                      </button>\n                    }\n                  </div>\n                  <div\n                    class=\"border-l absolute border-gray-200 right-0 h-14 w-14\"\n                  >\n                    <gn-ui-button\n                      #inputBtn\n                      type=\"outline\"\n                      extraClass=\"h-12 w-12 border-0 absolute right-1 top-1 bg-white\"\n                      (buttonClick)=\"searchLayers()\"\n                    >\n                      <ng-icon name=\"iconoirSearch\"></ng-icon>\n                    </gn-ui-button>\n                  </div>\n                </div>\n                <gn-ui-popover\n                  [content]=\"popoverItems\"\n                  theme=\"light\"\n                  class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n                >\n                  <ng-icon\n                    name=\"matInfoOutline\"\n                    class=\"w-6 h-6 pt-0.5\"\n                  ></ng-icon>\n                </gn-ui-popover>\n              </div>\n              <div\n                style=\"height: 500px\"\n                class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n              >\n                <div\n                  class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n                  data-test=\"layer-list\"\n                >\n                  @for (layerItem of filteredLayers; track layerItem) {\n                    <gn-ui-button\n                      type=\"outline\"\n                      [extraClass]=\"getExtraClass(layerItem)\"\n                      (buttonClick)=\"selectLayer(layerItem)\"\n                    >\n                      {{ layerItem.title || layerItem.name }}\n                    </gn-ui-button>\n                  }\n                  @if (filteredLayers.length === 0) {\n                    <span class=\"text-gray-800\">\n                      {{ 'service.metadata.filter.noLayers' | translate }}\n                    </span>\n                  }\n                </div>\n                <div\n                  data-test=\"layer-information\"\n                  class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n                >\n                  @for (item of layerInformation; track item) {\n                    <div class=\"flex flex-row gap-4 border-b border-gray-200\">\n                      <span class=\"font-semibold w-24\">{{\n                        item.displayName\n                      }}</span>\n                      @if (isList(item.value)) {\n                        <div>\n                          @for (subItem of item.value; track subItem) {\n                            <div class=\"flex flex-row break-words max-w-72\">\n                              {{ subItem }}\n                            </div>\n                          }\n                        </div>\n                      }\n                      @if (!isList(item.value)) {\n                        <div class=\"break-words max-w-72\">\n                          {{ item.value }}\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n}\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ServiceCapabilitiesComponent, isStandalone: true, selector: "gn-ui-service-capabilities", inputs: { apiLinks: "apiLinks" }, ngImport: i0, template: "@if (apiLinks.length > 0) {\n  <div style=\"height: 652px\" id=\"preview\">\n    <div class=\"bg-primary/10 overflow-visible\" style=\"height: 420px\">\n      <div class=\"container-lg px-4 lg:mx-auto\">\n        <div>\n          <div class=\"gn-ui-section-title mb-6\" translate>\n            service.metadata.capabilities\n          </div>\n          @if (loading) {\n            <div class=\"flex justify-center w-full h-[200px] items-center\">\n              <gn-ui-spinning-loader></gn-ui-spinning-loader>\n            </div>\n          }\n          @if (!loading) {\n            <div>\n              <div class=\"flex flex-row gap-5\">\n                <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n                  <gn-ui-text-input\n                    class=\"w-full\"\n                    [(value)]=\"searchQuery\"\n                    [extraClass]=\"getExtraInputClass()\"\n                    [placeholder]=\"'service.metadata.search' | translate\"\n                    (input)=\"onSearchChange($event)\"\n                    (keydown.enter)=\"onSearchEnter($event)\"\n                  >\n                  </gn-ui-text-input>\n                  <div\n                    class=\"absolute right-14 h-14 w-14 flex items-center justify-center\"\n                  >\n                    @if (searchQuery) {\n                      <button\n                        #inputBtn\n                        [aria-label]=\"\n                          'service.metadata.search.clear' | translate\n                        \"\n                        (click)=\"clearSearch()\"\n                        class=\"h-12 w-12 border-0 flex items-center justify-center\"\n                      >\n                        <ng-icon name=\"matClose\"></ng-icon>\n                      </button>\n                    }\n                  </div>\n                  <div\n                    class=\"border-l absolute border-gray-200 right-0 h-14 w-14\"\n                  >\n                    <gn-ui-button\n                      #inputBtn\n                      type=\"outline\"\n                      extraClass=\"h-12 w-12 border-0 absolute right-1 top-1 bg-white\"\n                      (buttonClick)=\"searchLayers()\"\n                    >\n                      <ng-icon name=\"iconoirSearch\"></ng-icon>\n                    </gn-ui-button>\n                  </div>\n                </div>\n                <gn-ui-popover\n                  [content]=\"popoverItems\"\n                  theme=\"light\"\n                  class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n                >\n                  <ng-icon\n                    name=\"matInfoOutline\"\n                    class=\"w-6 h-6 pt-0.5\"\n                  ></ng-icon>\n                </gn-ui-popover>\n              </div>\n              <div\n                style=\"height: 500px\"\n                class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n              >\n                <div\n                  class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n                  data-test=\"layer-list\"\n                >\n                  @for (layerItem of filteredLayers; track layerItem) {\n                    <gn-ui-button\n                      type=\"outline\"\n                      [extraClass]=\"getExtraClass(layerItem)\"\n                      (buttonClick)=\"selectLayer(layerItem)\"\n                    >\n                      {{ layerItem.title || layerItem.name }}\n                    </gn-ui-button>\n                  }\n                  @if (filteredLayers.length === 0) {\n                    <span class=\"text-gray-800\">\n                      {{ 'service.metadata.filter.noLayers' | translate }}\n                    </span>\n                  }\n                </div>\n                <div\n                  data-test=\"layer-information\"\n                  class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n                >\n                  @for (item of layerInformation; track item) {\n                    <div class=\"flex flex-row gap-4 border-b border-gray-200\">\n                      <span class=\"font-semibold w-24\">{{\n                        item.displayName\n                      }}</span>\n                      @if (isList(item.value)) {\n                        <div>\n                          @for (subItem of item.value; track subItem) {\n                            <div class=\"flex flex-row break-words max-w-72\">\n                              {{ subItem }}\n                            </div>\n                          }\n                        </div>\n                      }\n                      @if (!isList(item.value)) {\n                        <div class=\"break-words max-w-72\">\n                          {{ item.value }}\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n}\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
             provideIcons({
                 iconoirSearch,
                 matInfoOutline,
@@ -34919,7 +34960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             matInfoOutline,
                             matClose,
                         }),
-                    ], template: "@if (apiLinks.length > 0) {\n  <div style=\"height: 652px\" id=\"preview\">\n    <div class=\"bg-primary-opacity-10 overflow-visible\" style=\"height: 420px\">\n      <div class=\"container-lg px-4 lg:mx-auto\">\n        <div>\n          <div class=\"gn-ui-section-title mb-6\" translate>\n            service.metadata.capabilities\n          </div>\n          @if (loading) {\n            <div class=\"flex justify-center w-full h-[200px] items-center\">\n              <gn-ui-spinning-loader></gn-ui-spinning-loader>\n            </div>\n          }\n          @if (!loading) {\n            <div>\n              <div class=\"flex flex-row gap-5\">\n                <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n                  <gn-ui-text-input\n                    class=\"w-full\"\n                    [(value)]=\"searchQuery\"\n                    [extraClass]=\"getExtraInputClass()\"\n                    [placeholder]=\"'service.metadata.search' | translate\"\n                    (input)=\"onSearchChange($event)\"\n                    (keydown.enter)=\"onSearchEnter($event)\"\n                  >\n                  </gn-ui-text-input>\n                  <div\n                    class=\"absolute right-14 h-14 w-14 flex items-center justify-center\"\n                  >\n                    @if (searchQuery) {\n                      <button\n                        #inputBtn\n                        [aria-label]=\"\n                          'service.metadata.search.clear' | translate\n                        \"\n                        (click)=\"clearSearch()\"\n                        class=\"h-12 w-12 border-0 flex items-center justify-center\"\n                      >\n                        <ng-icon name=\"matClose\"></ng-icon>\n                      </button>\n                    }\n                  </div>\n                  <div\n                    class=\"border-l absolute border-gray-200 right-0 h-14 w-14\"\n                  >\n                    <gn-ui-button\n                      #inputBtn\n                      type=\"outline\"\n                      extraClass=\"h-12 w-12 border-0 absolute right-1 top-1 bg-white\"\n                      (buttonClick)=\"searchLayers()\"\n                    >\n                      <ng-icon name=\"iconoirSearch\"></ng-icon>\n                    </gn-ui-button>\n                  </div>\n                </div>\n                <gn-ui-popover\n                  [content]=\"popoverItems\"\n                  theme=\"light\"\n                  class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n                >\n                  <ng-icon\n                    name=\"matInfoOutline\"\n                    class=\"w-6 h-6 pt-0.5\"\n                  ></ng-icon>\n                </gn-ui-popover>\n              </div>\n              <div\n                style=\"height: 500px\"\n                class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n              >\n                <div\n                  class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n                  data-test=\"layer-list\"\n                >\n                  @for (layerItem of filteredLayers; track layerItem) {\n                    <gn-ui-button\n                      type=\"outline\"\n                      [extraClass]=\"getExtraClass(layerItem)\"\n                      (buttonClick)=\"selectLayer(layerItem)\"\n                    >\n                      {{ layerItem.title || layerItem.name }}\n                    </gn-ui-button>\n                  }\n                  @if (filteredLayers.length === 0) {\n                    <span class=\"text-gray-800\">\n                      {{ 'service.metadata.filter.noLayers' | translate }}\n                    </span>\n                  }\n                </div>\n                <div\n                  data-test=\"layer-information\"\n                  class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n                >\n                  @for (item of layerInformation; track item) {\n                    <div class=\"flex flex-row gap-4 border-b border-gray-200\">\n                      <span class=\"font-semibold w-24\">{{\n                        item.displayName\n                      }}</span>\n                      @if (isList(item.value)) {\n                        <div>\n                          @for (subItem of item.value; track subItem) {\n                            <div class=\"flex flex-row break-words max-w-72\">\n                              {{ subItem }}\n                            </div>\n                          }\n                        </div>\n                      }\n                      @if (!isList(item.value)) {\n                        <div class=\"break-words max-w-72\">\n                          {{ item.value }}\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n}\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n" }]
+                    ], template: "@if (apiLinks.length > 0) {\n  <div style=\"height: 652px\" id=\"preview\">\n    <div class=\"bg-primary/10 overflow-visible\" style=\"height: 420px\">\n      <div class=\"container-lg px-4 lg:mx-auto\">\n        <div>\n          <div class=\"gn-ui-section-title mb-6\" translate>\n            service.metadata.capabilities\n          </div>\n          @if (loading) {\n            <div class=\"flex justify-center w-full h-[200px] items-center\">\n              <gn-ui-spinning-loader></gn-ui-spinning-loader>\n            </div>\n          }\n          @if (!loading) {\n            <div>\n              <div class=\"flex flex-row gap-5\">\n                <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n                  <gn-ui-text-input\n                    class=\"w-full\"\n                    [(value)]=\"searchQuery\"\n                    [extraClass]=\"getExtraInputClass()\"\n                    [placeholder]=\"'service.metadata.search' | translate\"\n                    (input)=\"onSearchChange($event)\"\n                    (keydown.enter)=\"onSearchEnter($event)\"\n                  >\n                  </gn-ui-text-input>\n                  <div\n                    class=\"absolute right-14 h-14 w-14 flex items-center justify-center\"\n                  >\n                    @if (searchQuery) {\n                      <button\n                        #inputBtn\n                        [aria-label]=\"\n                          'service.metadata.search.clear' | translate\n                        \"\n                        (click)=\"clearSearch()\"\n                        class=\"h-12 w-12 border-0 flex items-center justify-center\"\n                      >\n                        <ng-icon name=\"matClose\"></ng-icon>\n                      </button>\n                    }\n                  </div>\n                  <div\n                    class=\"border-l absolute border-gray-200 right-0 h-14 w-14\"\n                  >\n                    <gn-ui-button\n                      #inputBtn\n                      type=\"outline\"\n                      extraClass=\"h-12 w-12 border-0 absolute right-1 top-1 bg-white\"\n                      (buttonClick)=\"searchLayers()\"\n                    >\n                      <ng-icon name=\"iconoirSearch\"></ng-icon>\n                    </gn-ui-button>\n                  </div>\n                </div>\n                <gn-ui-popover\n                  [content]=\"popoverItems\"\n                  theme=\"light\"\n                  class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n                >\n                  <ng-icon\n                    name=\"matInfoOutline\"\n                    class=\"w-6 h-6 pt-0.5\"\n                  ></ng-icon>\n                </gn-ui-popover>\n              </div>\n              <div\n                style=\"height: 500px\"\n                class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n              >\n                <div\n                  class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n                  data-test=\"layer-list\"\n                >\n                  @for (layerItem of filteredLayers; track layerItem) {\n                    <gn-ui-button\n                      type=\"outline\"\n                      [extraClass]=\"getExtraClass(layerItem)\"\n                      (buttonClick)=\"selectLayer(layerItem)\"\n                    >\n                      {{ layerItem.title || layerItem.name }}\n                    </gn-ui-button>\n                  }\n                  @if (filteredLayers.length === 0) {\n                    <span class=\"text-gray-800\">\n                      {{ 'service.metadata.filter.noLayers' | translate }}\n                    </span>\n                  }\n                </div>\n                <div\n                  data-test=\"layer-information\"\n                  class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n                >\n                  @for (item of layerInformation; track item) {\n                    <div class=\"flex flex-row gap-4 border-b border-gray-200\">\n                      <span class=\"font-semibold w-24\">{{\n                        item.displayName\n                      }}</span>\n                      @if (isList(item.value)) {\n                        <div>\n                          @for (subItem of item.value; track subItem) {\n                            <div class=\"flex flex-row break-words max-w-72\">\n                              {{ subItem }}\n                            </div>\n                          }\n                        </div>\n                      }\n                      @if (!isList(item.value)) {\n                        <div class=\"break-words max-w-72\">\n                          {{ item.value }}\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n}\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { apiLinks: [{
                 type: Input
             }] } });
@@ -35308,7 +35349,7 @@ class RecordPreviewFeedComponent extends RecordPreviewComponent {
         return this.timeFormat.format(this.record.recordCreated, Date.now());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RecordPreviewFeedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: RecordPreviewFeedComponent, isStandalone: true, selector: "gn-ui-record-preview-feed", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"mx-[18px] pl-[18px] pb-[18px] border-solid border-l-2 border-gray-100\"\n>\n  <a\n    class=\"record-container block rounded-lg bg-white border border-white card-shadow\"\n    [attr.href]=\"linkHref\"\n    [target]=\"linkTarget\"\n  >\n    <div\n      class=\"record-header py-4 px-4 border-b border-gray-300 flex flex-row items-center relative transition duration-200\"\n    >\n      <div\n        class=\"absolute w-3 h-3 bg-secondary rounded-full\"\n        style=\"right: calc(100% + 14px)\"\n      ></div>\n      <div\n        class=\"record-header-image border border-gray-300 bg-white rounded-full w-16 h-16 object-contain mr-4 overflow-hidden transition duration-200 shrink-0\"\n      >\n        @if (!hasLogo) {\n          <ng-icon\n            class=\"text-gray-200\"\n            name=\"{{ hasOnlyPerson ? 'matFace' : 'matHomeWorkOutline' }}\"\n            style=\"width: 42px; height: 42px; font-size: 42px; margin: 10px\"\n          ></ng-icon>\n        }\n        @if (hasLogo) {\n          <gn-ui-thumbnail\n            [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString()\"\n            [fit]=\"'contain'\"\n          ></gn-ui-thumbnail>\n        }\n      </div>\n      <div class=\"flex flex-col overflow-hidden items-start\">\n        @if (hasOrganization) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ record.ownerOrganization.name }}\n          </span>\n        }\n        @if (hasOnlyPerson) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ contact.firstName }} {{ contact.lastName }}\n          </span>\n        }\n        <p class=\"\">\n          <span translate [translateParams]=\"{ time }\"\n            >record.was.created.time</span\n          >\n        </p>\n      </div>\n    </div>\n    <div class=\"pt-5 pb-5 px-10 relative\">\n      <div class=\"absolute top-[0.85em] right-[0.85em]\">\n        <ng-container\n          [ngTemplateOutlet]=\"favoriteTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: record }\"\n        ></ng-container>\n      </div>\n      <h1\n        class=\"font-title text-black text-[21px] font-medium mb-3 pr-8\"\n        data-cy=\"recordTitle\"\n      >\n        {{ record.title }}\n      </h1>\n      <p class=\"line-clamp-3\">\n        <gn-ui-markdown-parser\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n        />\n      </p>\n      @if (record.overviews?.[0]) {\n        <gn-ui-thumbnail\n          class=\"block mt-3 w-full h-[136px] border border-gray-100 rounded-lg overflow-hidden\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n        ></gn-ui-thumbnail>\n      }\n      @if (isDownloadable || isViewable) {\n        <div class=\"flex flex-row mt-3\">\n          @if (isDownloadable) {\n            <ng-icon\n              class=\"text-primary opacity-45 mr-3\"\n              name=\"matCloudDownloadOutline\"\n            >\n            </ng-icon>\n          }\n          @if (isViewable) {\n            <ng-icon class=\"text-primary opacity-45 mr-3\" name=\"matMapOutline\">\n            </ng-icon>\n          }\n        </div>\n      }\n    </div>\n  </a>\n</div>\n", styles: [".record-container:hover .record-header,.record-container:hover .record-header-image{border-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: RecordPreviewFeedComponent, isStandalone: true, selector: "gn-ui-record-preview-feed", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"mx-[18px] pl-[18px] pb-[18px] border-solid border-l-2 border-gray-100\"\n>\n  <a\n    class=\"record-container block rounded-lg bg-white border border-white card-shadow\"\n    [attr.href]=\"linkHref\"\n    [target]=\"linkTarget\"\n  >\n    <div\n      class=\"record-header py-4 px-4 border-b border-gray-300 flex flex-row items-center relative transition duration-200\"\n    >\n      <div\n        class=\"absolute w-3 h-3 bg-secondary rounded-full\"\n        style=\"right: calc(100% + 14px)\"\n      ></div>\n      <div\n        class=\"record-header-image border border-gray-300 bg-white rounded-full w-16 h-16 object-contain mr-4 overflow-hidden transition duration-200 shrink-0\"\n      >\n        @if (!hasLogo) {\n          <ng-icon\n            class=\"text-gray-200\"\n            name=\"{{ hasOnlyPerson ? 'matFace' : 'matHomeWorkOutline' }}\"\n            style=\"width: 42px; height: 42px; font-size: 42px; margin: 10px\"\n          ></ng-icon>\n        }\n        @if (hasLogo) {\n          <gn-ui-thumbnail\n            [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString()\"\n            [fit]=\"'contain'\"\n          ></gn-ui-thumbnail>\n        }\n      </div>\n      <div class=\"flex flex-col overflow-hidden items-start grow\">\n        @if (hasOrganization) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ record.ownerOrganization.name }}\n          </span>\n        }\n        @if (hasOnlyPerson) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ contact.firstName }} {{ contact.lastName }}\n          </span>\n        }\n        <p class=\"\">\n          <span translate [translateParams]=\"{ time }\"\n            >record.was.created.time</span\n          >\n        </p>\n      </div>\n      <div class=\"ml-3 shrink-0\">\n        <ng-container\n          [ngTemplateOutlet]=\"favoriteTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: record }\"\n        ></ng-container>\n      </div>\n    </div>\n    <div class=\"pt-5 pb-5 px-10 relative\">\n      <div class=\"flex flex-col sm:flex-row gap-4 mb-3\">\n        @if (record.overviews?.[0]) {\n          <gn-ui-thumbnail\n            class=\"block shrink-0 w-[120px] h-[120px] border border-gray-100 rounded-lg overflow-hidden\"\n            [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n            [fit]=\"'cover'\"\n          ></gn-ui-thumbnail>\n        }\n        <h1\n          class=\"font-title text-black text-[21px] font-medium\"\n          data-cy=\"recordTitle\"\n        >\n          {{ record.title }}\n        </h1>\n      </div>\n      <p class=\"line-clamp-3\">\n        <gn-ui-markdown-parser\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n        />\n      </p>\n      @if (isDownloadable || isViewable) {\n        <div class=\"flex flex-row mt-3\">\n          @if (isDownloadable) {\n            <ng-icon\n              class=\"text-primary opacity-45 mr-3\"\n              name=\"matCloudDownloadOutline\"\n            >\n            </ng-icon>\n          }\n          @if (isViewable) {\n            <ng-icon class=\"text-primary opacity-45 mr-3\" name=\"matMapOutline\">\n            </ng-icon>\n          }\n        </div>\n      }\n    </div>\n  </a>\n</div>\n", styles: [".record-container:hover .record-header,.record-container:hover .record-header-image{border-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
             provideIcons({
                 matMapOutline,
                 matCloudDownloadOutline,
@@ -35338,7 +35379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         provideNgIconsConfig({
                             size: '1.5em',
                         }),
-                    ], template: "<div\n  class=\"mx-[18px] pl-[18px] pb-[18px] border-solid border-l-2 border-gray-100\"\n>\n  <a\n    class=\"record-container block rounded-lg bg-white border border-white card-shadow\"\n    [attr.href]=\"linkHref\"\n    [target]=\"linkTarget\"\n  >\n    <div\n      class=\"record-header py-4 px-4 border-b border-gray-300 flex flex-row items-center relative transition duration-200\"\n    >\n      <div\n        class=\"absolute w-3 h-3 bg-secondary rounded-full\"\n        style=\"right: calc(100% + 14px)\"\n      ></div>\n      <div\n        class=\"record-header-image border border-gray-300 bg-white rounded-full w-16 h-16 object-contain mr-4 overflow-hidden transition duration-200 shrink-0\"\n      >\n        @if (!hasLogo) {\n          <ng-icon\n            class=\"text-gray-200\"\n            name=\"{{ hasOnlyPerson ? 'matFace' : 'matHomeWorkOutline' }}\"\n            style=\"width: 42px; height: 42px; font-size: 42px; margin: 10px\"\n          ></ng-icon>\n        }\n        @if (hasLogo) {\n          <gn-ui-thumbnail\n            [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString()\"\n            [fit]=\"'contain'\"\n          ></gn-ui-thumbnail>\n        }\n      </div>\n      <div class=\"flex flex-col overflow-hidden items-start\">\n        @if (hasOrganization) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ record.ownerOrganization.name }}\n          </span>\n        }\n        @if (hasOnlyPerson) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ contact.firstName }} {{ contact.lastName }}\n          </span>\n        }\n        <p class=\"\">\n          <span translate [translateParams]=\"{ time }\"\n            >record.was.created.time</span\n          >\n        </p>\n      </div>\n    </div>\n    <div class=\"pt-5 pb-5 px-10 relative\">\n      <div class=\"absolute top-[0.85em] right-[0.85em]\">\n        <ng-container\n          [ngTemplateOutlet]=\"favoriteTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: record }\"\n        ></ng-container>\n      </div>\n      <h1\n        class=\"font-title text-black text-[21px] font-medium mb-3 pr-8\"\n        data-cy=\"recordTitle\"\n      >\n        {{ record.title }}\n      </h1>\n      <p class=\"line-clamp-3\">\n        <gn-ui-markdown-parser\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n        />\n      </p>\n      @if (record.overviews?.[0]) {\n        <gn-ui-thumbnail\n          class=\"block mt-3 w-full h-[136px] border border-gray-100 rounded-lg overflow-hidden\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n        ></gn-ui-thumbnail>\n      }\n      @if (isDownloadable || isViewable) {\n        <div class=\"flex flex-row mt-3\">\n          @if (isDownloadable) {\n            <ng-icon\n              class=\"text-primary opacity-45 mr-3\"\n              name=\"matCloudDownloadOutline\"\n            >\n            </ng-icon>\n          }\n          @if (isViewable) {\n            <ng-icon class=\"text-primary opacity-45 mr-3\" name=\"matMapOutline\">\n            </ng-icon>\n          }\n        </div>\n      }\n    </div>\n  </a>\n</div>\n", styles: [".record-container:hover .record-header,.record-container:hover .record-header-image{border-color:var(--color-primary-lightest)}\n"] }]
+                    ], template: "<div\n  class=\"mx-[18px] pl-[18px] pb-[18px] border-solid border-l-2 border-gray-100\"\n>\n  <a\n    class=\"record-container block rounded-lg bg-white border border-white card-shadow\"\n    [attr.href]=\"linkHref\"\n    [target]=\"linkTarget\"\n  >\n    <div\n      class=\"record-header py-4 px-4 border-b border-gray-300 flex flex-row items-center relative transition duration-200\"\n    >\n      <div\n        class=\"absolute w-3 h-3 bg-secondary rounded-full\"\n        style=\"right: calc(100% + 14px)\"\n      ></div>\n      <div\n        class=\"record-header-image border border-gray-300 bg-white rounded-full w-16 h-16 object-contain mr-4 overflow-hidden transition duration-200 shrink-0\"\n      >\n        @if (!hasLogo) {\n          <ng-icon\n            class=\"text-gray-200\"\n            name=\"{{ hasOnlyPerson ? 'matFace' : 'matHomeWorkOutline' }}\"\n            style=\"width: 42px; height: 42px; font-size: 42px; margin: 10px\"\n          ></ng-icon>\n        }\n        @if (hasLogo) {\n          <gn-ui-thumbnail\n            [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString()\"\n            [fit]=\"'contain'\"\n          ></gn-ui-thumbnail>\n        }\n      </div>\n      <div class=\"flex flex-col overflow-hidden items-start grow\">\n        @if (hasOrganization) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ record.ownerOrganization.name }}\n          </span>\n        }\n        @if (hasOnlyPerson) {\n          <span\n            class=\"font-bold transition duration-200 text-primary truncate max-w-full\"\n          >\n            {{ contact.firstName }} {{ contact.lastName }}\n          </span>\n        }\n        <p class=\"\">\n          <span translate [translateParams]=\"{ time }\"\n            >record.was.created.time</span\n          >\n        </p>\n      </div>\n      <div class=\"ml-3 shrink-0\">\n        <ng-container\n          [ngTemplateOutlet]=\"favoriteTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: record }\"\n        ></ng-container>\n      </div>\n    </div>\n    <div class=\"pt-5 pb-5 px-10 relative\">\n      <div class=\"flex flex-col sm:flex-row gap-4 mb-3\">\n        @if (record.overviews?.[0]) {\n          <gn-ui-thumbnail\n            class=\"block shrink-0 w-[120px] h-[120px] border border-gray-100 rounded-lg overflow-hidden\"\n            [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n            [fit]=\"'cover'\"\n          ></gn-ui-thumbnail>\n        }\n        <h1\n          class=\"font-title text-black text-[21px] font-medium\"\n          data-cy=\"recordTitle\"\n        >\n          {{ record.title }}\n        </h1>\n      </div>\n      <p class=\"line-clamp-3\">\n        <gn-ui-markdown-parser\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n        />\n      </p>\n      @if (isDownloadable || isViewable) {\n        <div class=\"flex flex-row mt-3\">\n          @if (isDownloadable) {\n            <ng-icon\n              class=\"text-primary opacity-45 mr-3\"\n              name=\"matCloudDownloadOutline\"\n            >\n            </ng-icon>\n          }\n          @if (isViewable) {\n            <ng-icon class=\"text-primary opacity-45 mr-3\" name=\"matMapOutline\">\n            </ng-icon>\n          }\n        </div>\n      }\n    </div>\n  </a>\n</div>\n", styles: [".record-container:hover .record-header,.record-container:hover .record-header-image{border-color:var(--color-primary-lightest)}\n"] }]
         }], ctorParameters: () => [] });
 
 class RecordPreviewListComponent extends RecordPreviewComponent {
@@ -38220,6 +38261,7 @@ marker('dataset.error.forbidden');
 marker('wfs.unreachable.unknown');
 marker('wfs.featuretype.notfound');
 marker('wfs.geojsongml.notsupported');
+marker('ogc.geojson.notsupported');
 marker('ogc.unreachable.unknown');
 marker('dataset.error.network');
 marker('dataset.error.http');
@@ -38333,13 +38375,15 @@ class DataService {
     }
     async getDownloadLinksFromOgcApiFeatures(ogcApiLink) {
         const collectionInfo = await this.getDownloadUrlsFromOgcApi(ogcApiLink.url.href);
-        return Object.keys(collectionInfo.bulkDownloadLinks).map((downloadLink) => {
+        return Object.keys(collectionInfo.bulkDownloadLinks).map((mimeType) => {
+            const urlWithoutLimit = new URL(collectionInfo.bulkDownloadLinks[mimeType]);
+            urlWithoutLimit.searchParams.delete('limit');
             return {
                 ...ogcApiLink,
                 name: collectionInfo.id,
                 type: 'download',
-                url: new URL(collectionInfo.bulkDownloadLinks[downloadLink]),
-                mimeType: getMimeTypeForFormat(getFileFormatFromServiceOutput(downloadLink)),
+                url: urlWithoutLimit,
+                mimeType: getMimeTypeForFormat(getFileFormatFromServiceOutput(mimeType)),
             };
         });
     }
@@ -38353,12 +38397,12 @@ class DataService {
             throw new Error(`ogc.unreachable.unknown`);
         });
     }
-    async getItemsFromOgcApi(url) {
+    async getItemsFromOgcApi(url, limit) {
         const endpoint = new OgcApiEndpoint(url);
         return await endpoint.featureCollections
             .then((collections) => {
             return collections.length
-                ? endpoint.getCollectionItems(collections[0])
+                ? endpoint.getCollectionItems(collections[0], limit)
                 : null;
         })
             .catch(() => {
@@ -38447,12 +38491,16 @@ class DataService {
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'ogcFeatures') {
             return from(this.getDownloadUrlsFromOgcApi(link.url.href)).pipe(switchMap$1((collectionInfo) => {
-                const geojsonUrl = collectionInfo.jsonDownloadLink;
-                return openDataset(geojsonUrl, 'geojson', undefined, cacheActive);
-            }), tap$1((url) => {
-                if (url === null) {
-                    throw new Error('wfs.geojsongml.notsupported');
+                const isMimeTypeJson = (mimeType) => {
+                    return mimeType.toLowerCase().indexOf('json') > -1;
+                };
+                const geojsonUrl = collectionInfo.bulkDownloadLinks[Object.keys(collectionInfo.bulkDownloadLinks).find((mimeType) => isMimeTypeJson(mimeType))];
+                if (!geojsonUrl) {
+                    return throwError(() => 'ogc.geojson.notsupported');
                 }
+                const urlWithoutLimit = new URL(geojsonUrl);
+                urlWithoutLimit.searchParams.delete('limit');
+                return openDataset(urlWithoutLimit.toString(), 'geojson', undefined, cacheActive);
             }));
         }
         return throwError(() => 'protocol not supported');
@@ -39129,7 +39177,7 @@ class ChartViewComponent {
         this.changeDetector.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ChartViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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    @if (yChoices$ | async; as yChoices) {\n      @if (!isCountAggregation) {\n        <gn-ui-dropdown-selector\n          class=\"basis-1/4\"\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      }\n    }\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    @if (!error) {\n      <gn-ui-chart\n        [data]=\"chartData$ | async\"\n        [type]=\"chartType$.value\"\n        [prettyLabel]=\"prettyLabel$ | async\"\n        [labelProperty]=\"labelProperty\"\n        [valueProperty]=\"valueProperty\"\n      ></gn-ui-chart>\n    }\n    @if (loading) {\n      <gn-ui-loading-mask\n        class=\"absolute inset-0\"\n        [message]=\"'chart.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span>{{ error }}</span>\n      </gn-ui-popup-alert>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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    @if (yChoices$ | async; as yChoices) {\n      <gn-ui-dropdown-selector\n        class=\"basis-1/4 flex items-center select-y-prop\"\n        [choices]=\"yChoices\"\n        [disabled]=\"isCountAggregation\"\n        (selectValue)=\"yProperty$.next($event)\"\n        [selected]=\"yProperty$.value\"\n        [title]=\"'chart.dropdown.yProperty' | translate\"\n      ></gn-ui-dropdown-selector>\n    }\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4 aggregation-choices\"\n      [choices]=\"aggregationChoices\"\n      [disabled]=\"!yProperty$.value\"\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    @if (!error) {\n      <gn-ui-chart\n        [data]=\"chartData$ | async\"\n        [type]=\"chartType$.value\"\n        [prettyLabel]=\"prettyLabel$ | async\"\n        [labelProperty]=\"labelProperty\"\n        [valueProperty]=\"valueProperty\"\n      ></gn-ui-chart>\n    }\n    @if (loading) {\n      <gn-ui-loading-mask\n        class=\"absolute inset-0\"\n        [message]=\"'chart.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span>{{ error }}</span>\n      </gn-ui-popup-alert>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ChartViewComponent, decorators: [{
             type: Component,
@@ -39140,7 +39188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         LoadingMaskComponent,
                         PopupAlertComponent,
                         TranslatePipe,
-                    ], standalone: true, 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    @if (yChoices$ | async; as yChoices) {\n      @if (!isCountAggregation) {\n        <gn-ui-dropdown-selector\n          class=\"basis-1/4\"\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      }\n    }\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    @if (!error) {\n      <gn-ui-chart\n        [data]=\"chartData$ | async\"\n        [type]=\"chartType$.value\"\n        [prettyLabel]=\"prettyLabel$ | async\"\n        [labelProperty]=\"labelProperty\"\n        [valueProperty]=\"valueProperty\"\n      ></gn-ui-chart>\n    }\n    @if (loading) {\n      <gn-ui-loading-mask\n        class=\"absolute inset-0\"\n        [message]=\"'chart.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span>{{ error }}</span>\n      </gn-ui-popup-alert>\n    }\n  </div>\n</div>\n" }]
+                    ], standalone: true, 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    @if (yChoices$ | async; as yChoices) {\n      <gn-ui-dropdown-selector\n        class=\"basis-1/4 flex items-center select-y-prop\"\n        [choices]=\"yChoices\"\n        [disabled]=\"isCountAggregation\"\n        (selectValue)=\"yProperty$.next($event)\"\n        [selected]=\"yProperty$.value\"\n        [title]=\"'chart.dropdown.yProperty' | translate\"\n      ></gn-ui-dropdown-selector>\n    }\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4 aggregation-choices\"\n      [choices]=\"aggregationChoices\"\n      [disabled]=\"!yProperty$.value\"\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    @if (!error) {\n      <gn-ui-chart\n        [data]=\"chartData$ | async\"\n        [type]=\"chartType$.value\"\n        [prettyLabel]=\"prettyLabel$ | async\"\n        [labelProperty]=\"labelProperty\"\n        [valueProperty]=\"valueProperty\"\n      ></gn-ui-chart>\n    }\n    @if (loading) {\n      <gn-ui-loading-mask\n        class=\"absolute inset-0\"\n        [message]=\"'chart.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\n        type=\"warning\"\n        icon=\"matErrorOutlineOutline\"\n        class=\"absolute m-2 inset-0\"\n      >\n        <span>{{ error }}</span>\n      </gn-ui-popup-alert>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { featureCatalog: [{
                 type: Input
             }], cacheActive: [{
@@ -39453,7 +39501,7 @@ class MdViewFacade {
             if (this.linkClassifier.hasUsage(link, LinkUsage.GEODATA)) {
                 if (link.type === 'service' &&
                     link.accessServiceProtocol === 'ogcFeatures') {
-                    return from(this.dataService.getItemsFromOgcApi(link.url.href)).pipe(map$1((collectionRecords) => {
+                    return from(this.dataService.getItemsFromOgcApi(link.url.href, 1)).pipe(map$1((collectionRecords) => {
                         return collectionRecords &&
                             collectionRecords[0] &&
                             collectionRecords[0].geometry
@@ -39871,6 +39919,7 @@ class ExternalViewerButtonComponent {
         this.translateService = inject(TranslateService);
         this.urlTemplate = inject(EXTERNAL_VIEWER_URL_TEMPLATE, { optional: true });
         this.openinNewTab = inject(EXTERNAL_VIEWER_OPEN_NEW_TAB);
+        this.mimeType = '';
         this.extraClass = '';
     }
     get externalViewer() {
@@ -39901,11 +39950,12 @@ class ExternalViewerButtonComponent {
         const url = templateUrl
             .replace('${layer_name}', `${layerName}`)
             .replace('${service_url}', `${encodeURIComponent(this.link.url.toString())}`)
-            .replace('${service_type}', `${this.supportedLinkLayerType}`);
+            .replace('${service_type}', `${this.supportedLinkLayerType}`)
+            .replace('${mime_type}', `${encodeURIComponent(this.mimeType)}`);
         window.open(url, this.openinNewTab ? '_blank' : '_self').focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExternalViewerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExternalViewerButtonComponent, isStandalone: true, selector: "gn-ui-external-viewer-button", inputs: { link: "link", extraClass: "extraClass" }, ngImport: i0, template: "@if (externalViewer) {\n  <gn-ui-button\n    (buttonClick)=\"openInExternalViewer()\"\n    type=\"primary\"\n    [title]=\"'record.externalViewer.open' | translate\"\n    [extraClass]=\"extraClass + 'bg-primary ms-2 !rounded-lg'\"\n  >\n    <ng-icon name=\"matOpenInNew\"></ng-icon>\n  </gn-ui-button>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExternalViewerButtonComponent, isStandalone: true, selector: "gn-ui-external-viewer-button", inputs: { link: "link", mimeType: "mimeType", extraClass: "extraClass" }, ngImport: i0, template: "@if (externalViewer) {\n  <gn-ui-button\n    (buttonClick)=\"openInExternalViewer()\"\n    type=\"primary\"\n    [title]=\"'record.externalViewer.open' | translate\"\n    [extraClass]=\"extraClass + 'bg-primary ms-2 !rounded-lg'\"\n  >\n    <ng-icon name=\"matOpenInNew\"></ng-icon>\n  </gn-ui-button>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
             provideIcons({ matOpenInNew }),
             provideNgIconsConfig({
                 size: '1.5em',
@@ -39922,6 +39972,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     ], template: "@if (externalViewer) {\n  <gn-ui-button\n    (buttonClick)=\"openInExternalViewer()\"\n    type=\"primary\"\n    [title]=\"'record.externalViewer.open' | translate\"\n    [extraClass]=\"extraClass + 'bg-primary ms-2 !rounded-lg'\"\n  >\n    <ng-icon name=\"matOpenInNew\"></ng-icon>\n  </gn-ui-button>\n}\n" }]
         }], propDecorators: { link: [{
                 type: Input
+            }], mimeType: [{
+                type: Input
             }], extraClass: [{
                 type: Input
             }] } });
@@ -40084,7 +40136,7 @@ class GpfApiDlComponent {
         let choicesTest = undefined;
         let pageCount = 1;
         while (choicesTest === undefined && pageCount > page) {
-            const response = await axios.get(this.url.concat(`&limit=200&page=${page}`));
+            const response = await fetch(this.url.concat(`&limit=200&page=${page}`)).then((resp) => resp.json());
             choicesTest = response.data.entry.filter((element) => element['id'] == this.apiBaseUrl)[0];
             page += 1;
             pageCount = response.data.pagecount;
@@ -40117,7 +40169,7 @@ class GpfApiDlComponent {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: GpfApiDlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: GpfApiDlComponent, isStandalone: true, selector: "gn-ui-gpf-api-dl", inputs: { apiLink: "apiLink" }, ngImport: i0, template: "<div class=\"flex flex-col gap-6 p-8 bg-white shadow-xl rounded-lg\">\n  <!-- Header with Filter Title and Reset Button -->\n  <div class=\"flex items-center justify-between\">\n    <h2\n      class=\"text-xl font-semibold\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.filterDescription' | translate\n      \"\n    >\n      record.metadata.api.form.filter\n    </h2>\n    <button\n      (click)=\"resetUrl()\"\n      class=\"bg-primary-opacity-50 inline-flex items-center justify-center px-4 py-2 text-white rounded hover:bg-primary transition\"\n      [attr.title]=\"'record.metadata.api.form.resetTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.resetTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.reset</span>\n    </button>\n  </div>\n\n  <!-- Dropdown Selectors -->\n  <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n    <gn-ui-dropdown-selector\n      #zone\n      [title]=\"'record.metadata.api.form.zoneTitle' | translate\"\n      [choices]=\"bucketPromisesZone\"\n      (selectValue)=\"setZone($event)\"\n      [selected]=\"zone$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #format\n      [title]=\"'record.metadata.api.form.formatTitle' | translate\"\n      [choices]=\"bucketPromisesFormat\"\n      (selectValue)=\"setFormat($event)\"\n      [selected]=\"format$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.formatTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.formatTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #crs\n      [title]=\"'record.metadata.api.form.crsTitle' | translate\"\n      [choices]=\"bucketPromisesCrs\"\n      (selectValue)=\"setCrs($event)\"\n      [selected]=\"crs$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.crsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.crsTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n\n  <!-- Filtered Items Section -->\n  <div class=\"bg-gray-50 p-4 rounded-lg\">\n    <h3\n      class=\"text-lg font-medium\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.itemsDescription' | translate\n      \"\n    >\n      record.metadata.api.form.items\n    </h3>\n    <div\n      class=\"overflow-auto max-h-60\"\n      [attr.title]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n    >\n      @for (link of listFilteredProduct$ | async; track link) {\n        <div class=\"mb-2 sm:mb-3\">\n          <gn-ui-gpf-api-dl-list-item\n            [link]=\"link\"\n            color=\"rgb(124 45 18)\"\n            [format]=\"getLinkFormat(link)\"\n            [isFromWfs]=\"true\"\n            [attr.title]=\"'record.metadata.api.form.productTooltip' | translate\"\n            [attr.aria-label]=\"\n              'record.metadata.api.form.productTooltip' | translate\n            \"\n          ></gn-ui-gpf-api-dl-list-item>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Pagination Section -->\n  <div class=\"flex items-center justify-between\">\n    <button\n      (click)=\"lessResult()\"\n      [class]=\"\n        'px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) <= 1\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary-opacity-50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.previousPageTooltip' | translate\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.previousPageTooltip' | translate\n      \"\n    >\n      <span translate>record.metadata.api.form.previousPage</span>\n    </button>\n    <div\n      class=\"font-semibold place-content-center\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.paginationDescription' | translate\n      \"\n    >\n      {{ page$ | async }}/{{ pageMax$ | async }}\n    </div>\n    <button\n      (click)=\"moreResult()\"\n      [class]=\"\n        'bg-primary-opacity-50 px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) >= (pageMax$ | async)\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary-opacity-50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.nextPage</span>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: GpfApiDlListItemComponent, selector: "gn-ui-gpf-api-dl-list-item", inputs: ["link", "color", "format", "isFromWfs"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: GpfApiDlComponent, isStandalone: true, selector: "gn-ui-gpf-api-dl", inputs: { apiLink: "apiLink" }, ngImport: i0, template: "<div class=\"flex flex-col gap-6 p-8 bg-white shadow-xl rounded-lg\">\n  <!-- Header with Filter Title and Reset Button -->\n  <div class=\"flex items-center justify-between\">\n    <h2\n      class=\"text-xl font-semibold\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.filterDescription' | translate\n      \"\n    >\n      record.metadata.api.form.filter\n    </h2>\n    <button\n      (click)=\"resetUrl()\"\n      class=\"bg-primary/50 inline-flex items-center justify-center px-4 py-2 text-white rounded hover:bg-primary transition\"\n      [attr.title]=\"'record.metadata.api.form.resetTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.resetTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.reset</span>\n    </button>\n  </div>\n\n  <!-- Dropdown Selectors -->\n  <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n    <gn-ui-dropdown-selector\n      #zone\n      [title]=\"'record.metadata.api.form.zoneTitle' | translate\"\n      [choices]=\"bucketPromisesZone\"\n      (selectValue)=\"setZone($event)\"\n      [selected]=\"zone$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #format\n      [title]=\"'record.metadata.api.form.formatTitle' | translate\"\n      [choices]=\"bucketPromisesFormat\"\n      (selectValue)=\"setFormat($event)\"\n      [selected]=\"format$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.formatTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.formatTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #crs\n      [title]=\"'record.metadata.api.form.crsTitle' | translate\"\n      [choices]=\"bucketPromisesCrs\"\n      (selectValue)=\"setCrs($event)\"\n      [selected]=\"crs$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.crsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.crsTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n\n  <!-- Filtered Items Section -->\n  <div class=\"bg-gray-50 p-4 rounded-lg\">\n    <h3\n      class=\"text-lg font-medium\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.itemsDescription' | translate\n      \"\n    >\n      record.metadata.api.form.items\n    </h3>\n    <div\n      class=\"overflow-auto max-h-60\"\n      [attr.title]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n    >\n      @for (link of listFilteredProduct$ | async; track link) {\n        <div class=\"mb-2 sm:mb-3\">\n          <gn-ui-gpf-api-dl-list-item\n            [link]=\"link\"\n            color=\"rgb(124 45 18)\"\n            [format]=\"getLinkFormat(link)\"\n            [isFromWfs]=\"true\"\n            [attr.title]=\"'record.metadata.api.form.productTooltip' | translate\"\n            [attr.aria-label]=\"\n              'record.metadata.api.form.productTooltip' | translate\n            \"\n          ></gn-ui-gpf-api-dl-list-item>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Pagination Section -->\n  <div class=\"flex items-center justify-between\">\n    <button\n      (click)=\"lessResult()\"\n      [class]=\"\n        'px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) <= 1\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary/50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.previousPageTooltip' | translate\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.previousPageTooltip' | translate\n      \"\n    >\n      <span translate>record.metadata.api.form.previousPage</span>\n    </button>\n    <div\n      class=\"font-semibold place-content-center\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.paginationDescription' | translate\n      \"\n    >\n      {{ page$ | async }}/{{ pageMax$ | async }}\n    </div>\n    <button\n      (click)=\"moreResult()\"\n      [class]=\"\n        'bg-primary/50 px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) >= (pageMax$ | async)\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary/50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.nextPage</span>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: GpfApiDlListItemComponent, selector: "gn-ui-gpf-api-dl-list-item", inputs: ["link", "color", "format", "isFromWfs"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: GpfApiDlComponent, decorators: [{
             type: Component,
@@ -40127,7 +40179,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         TranslatePipe,
                         DropdownSelectorComponent,
                         GpfApiDlListItemComponent,
-                    ], template: "<div class=\"flex flex-col gap-6 p-8 bg-white shadow-xl rounded-lg\">\n  <!-- Header with Filter Title and Reset Button -->\n  <div class=\"flex items-center justify-between\">\n    <h2\n      class=\"text-xl font-semibold\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.filterDescription' | translate\n      \"\n    >\n      record.metadata.api.form.filter\n    </h2>\n    <button\n      (click)=\"resetUrl()\"\n      class=\"bg-primary-opacity-50 inline-flex items-center justify-center px-4 py-2 text-white rounded hover:bg-primary transition\"\n      [attr.title]=\"'record.metadata.api.form.resetTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.resetTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.reset</span>\n    </button>\n  </div>\n\n  <!-- Dropdown Selectors -->\n  <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n    <gn-ui-dropdown-selector\n      #zone\n      [title]=\"'record.metadata.api.form.zoneTitle' | translate\"\n      [choices]=\"bucketPromisesZone\"\n      (selectValue)=\"setZone($event)\"\n      [selected]=\"zone$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #format\n      [title]=\"'record.metadata.api.form.formatTitle' | translate\"\n      [choices]=\"bucketPromisesFormat\"\n      (selectValue)=\"setFormat($event)\"\n      [selected]=\"format$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.formatTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.formatTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #crs\n      [title]=\"'record.metadata.api.form.crsTitle' | translate\"\n      [choices]=\"bucketPromisesCrs\"\n      (selectValue)=\"setCrs($event)\"\n      [selected]=\"crs$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.crsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.crsTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n\n  <!-- Filtered Items Section -->\n  <div class=\"bg-gray-50 p-4 rounded-lg\">\n    <h3\n      class=\"text-lg font-medium\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.itemsDescription' | translate\n      \"\n    >\n      record.metadata.api.form.items\n    </h3>\n    <div\n      class=\"overflow-auto max-h-60\"\n      [attr.title]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n    >\n      @for (link of listFilteredProduct$ | async; track link) {\n        <div class=\"mb-2 sm:mb-3\">\n          <gn-ui-gpf-api-dl-list-item\n            [link]=\"link\"\n            color=\"rgb(124 45 18)\"\n            [format]=\"getLinkFormat(link)\"\n            [isFromWfs]=\"true\"\n            [attr.title]=\"'record.metadata.api.form.productTooltip' | translate\"\n            [attr.aria-label]=\"\n              'record.metadata.api.form.productTooltip' | translate\n            \"\n          ></gn-ui-gpf-api-dl-list-item>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Pagination Section -->\n  <div class=\"flex items-center justify-between\">\n    <button\n      (click)=\"lessResult()\"\n      [class]=\"\n        'px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) <= 1\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary-opacity-50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.previousPageTooltip' | translate\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.previousPageTooltip' | translate\n      \"\n    >\n      <span translate>record.metadata.api.form.previousPage</span>\n    </button>\n    <div\n      class=\"font-semibold place-content-center\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.paginationDescription' | translate\n      \"\n    >\n      {{ page$ | async }}/{{ pageMax$ | async }}\n    </div>\n    <button\n      (click)=\"moreResult()\"\n      [class]=\"\n        'bg-primary-opacity-50 px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) >= (pageMax$ | async)\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary-opacity-50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.nextPage</span>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-6 p-8 bg-white shadow-xl rounded-lg\">\n  <!-- Header with Filter Title and Reset Button -->\n  <div class=\"flex items-center justify-between\">\n    <h2\n      class=\"text-xl font-semibold\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.filterDescription' | translate\n      \"\n    >\n      record.metadata.api.form.filter\n    </h2>\n    <button\n      (click)=\"resetUrl()\"\n      class=\"bg-primary/50 inline-flex items-center justify-center px-4 py-2 text-white rounded hover:bg-primary transition\"\n      [attr.title]=\"'record.metadata.api.form.resetTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.resetTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.reset</span>\n    </button>\n  </div>\n\n  <!-- Dropdown Selectors -->\n  <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n    <gn-ui-dropdown-selector\n      #zone\n      [title]=\"'record.metadata.api.form.zoneTitle' | translate\"\n      [choices]=\"bucketPromisesZone\"\n      (selectValue)=\"setZone($event)\"\n      [selected]=\"zone$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.zoneTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #format\n      [title]=\"'record.metadata.api.form.formatTitle' | translate\"\n      [choices]=\"bucketPromisesFormat\"\n      (selectValue)=\"setFormat($event)\"\n      [selected]=\"format$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.formatTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.formatTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n\n    <gn-ui-dropdown-selector\n      #crs\n      [title]=\"'record.metadata.api.form.crsTitle' | translate\"\n      [choices]=\"bucketPromisesCrs\"\n      (selectValue)=\"setCrs($event)\"\n      [selected]=\"crs$ | async\"\n      class=\"w-full\"\n      [attr.title]=\"'record.metadata.api.form.crsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.crsTooltip' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n\n  <!-- Filtered Items Section -->\n  <div class=\"bg-gray-50 p-4 rounded-lg\">\n    <h3\n      class=\"text-lg font-medium\"\n      translate\n      [attr.aria-label]=\"\n        'record.metadata.api.form.itemsDescription' | translate\n      \"\n    >\n      record.metadata.api.form.items\n    </h3>\n    <div\n      class=\"overflow-auto max-h-60\"\n      [attr.title]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.itemsTooltip' | translate\"\n    >\n      @for (link of listFilteredProduct$ | async; track link) {\n        <div class=\"mb-2 sm:mb-3\">\n          <gn-ui-gpf-api-dl-list-item\n            [link]=\"link\"\n            color=\"rgb(124 45 18)\"\n            [format]=\"getLinkFormat(link)\"\n            [isFromWfs]=\"true\"\n            [attr.title]=\"'record.metadata.api.form.productTooltip' | translate\"\n            [attr.aria-label]=\"\n              'record.metadata.api.form.productTooltip' | translate\n            \"\n          ></gn-ui-gpf-api-dl-list-item>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Pagination Section -->\n  <div class=\"flex items-center justify-between\">\n    <button\n      (click)=\"lessResult()\"\n      [class]=\"\n        'px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) <= 1\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary/50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.previousPageTooltip' | translate\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.previousPageTooltip' | translate\n      \"\n    >\n      <span translate>record.metadata.api.form.previousPage</span>\n    </button>\n    <div\n      class=\"font-semibold place-content-center\"\n      [attr.aria-label]=\"\n        'record.metadata.api.form.paginationDescription' | translate\n      \"\n    >\n      {{ page$ | async }}/{{ pageMax$ | async }}\n    </div>\n    <button\n      (click)=\"moreResult()\"\n      [class]=\"\n        'bg-primary/50 px-4 py-2 text-white rounded transition ' +\n        ((page$ | async) >= (pageMax$ | async)\n          ? 'bg-gray-400 cursor-not-allowed  '\n          : 'bg-primary/50  hover:bg-primary')\n      \"\n      [attr.title]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n      [attr.aria-label]=\"'record.metadata.api.form.nextPageTooltip' | translate\"\n    >\n      <span translate>record.metadata.api.form.nextPage</span>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button ng-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover ng-icon{color:#d3d3d3!important}\n"] }]
         }], propDecorators: { apiLink: [{
                 type: Input
             }] } });
@@ -40136,6 +40188,7 @@ marker('map.dropdown.placeholder');
 marker('wfs.feature.limit');
 marker('dataset.error.restrictedAccess');
 marker('map.select.style');
+marker('map.style.default');
 class MapViewComponent {
     constructor() {
         this.mdViewFacade = inject(MdViewFacade);
@@ -40202,7 +40255,8 @@ class MapViewComponent {
                     return compatibleLinks[0];
                 }
             }
-        }));
+        }), shareReplay$1(1));
+        this.isWmsStyleMode$ = this.selectedSourceLink$.pipe(map$1((src) => src?.type === 'service' && src?.accessServiceProtocol === 'wms'), distinctUntilChanged(), shareReplay$1(1));
         this.styleLinks$ = this.selectedSourceLink$.pipe(switchMap$1((src) => {
             if (src &&
                 src.type === 'service' &&
@@ -40219,6 +40273,17 @@ class MapViewComponent {
                     return of(src);
                 }));
             }
+            if (src &&
+                src.type === 'service' &&
+                src.accessServiceProtocol === 'wms') {
+                return from(new WmsEndpoint(src.url.toString()).isReady()).pipe(map$1((endpoint) => {
+                    const layer = endpoint.getLayerByName(src.name);
+                    return layer?.styles || [];
+                }), catchError((error) => {
+                    this.handleError(error);
+                    return of([]);
+                }));
+            }
             return of([]);
         }), tap$1((styles) => {
             if (this._styleFromConfig && this._styleFromConfig <= styles.length) {
@@ -40228,23 +40293,60 @@ class MapViewComponent {
                 this.selectedStyleId$.next(0);
             }
         }), shareReplay$1(1));
-        this.styleDropdownChoices$ = this.styleLinks$.pipe(map$1((links) => links.length
+        this.styleDropdownChoices$ = combineLatest([
+            this.styleLinks$,
+            this.isWmsStyleMode$,
+        ]).pipe(map$1(([links, isWmsStyleMode]) => links.length
             ? links.map((link, index) => ({
-                label: getLinkLabel(link),
+                label: isWmsStyleMode
+                    ? link.title || link.name
+                    : getLinkLabel(link),
                 value: index,
             }))
             : [
                 {
-                    label: '\u00A0\u00A0\u00A0\u00A0',
+                    label: this.translateService.instant('map.style.default'),
                     value: 0,
                 },
             ]));
+        this.selectedWmsStyleName$ = combineLatest([
+            this.styleLinks$,
+            this.isWmsStyleMode$,
+            this.selectedStyleId$.pipe(distinctUntilChanged()),
+        ]).pipe(map$1(([styles, isWmsStyleMode, styleIdx]) => isWmsStyleMode && Array.isArray(styles)
+            ? styles[styleIdx]?.name
+            : undefined));
         this.selectedLink$ = combineLatest([
             this.selectedSourceLink$,
             this.styleLinks$,
             this.selectedStyleId$.pipe(distinctUntilChanged()),
-        ]).pipe(map$1(([src, styles, styleIdx]) => (styles.length ? styles[styleIdx] : src)), shareReplay$1(1));
-        this.currentLayers$ = combineLatest([this.selectedLink$, this.excludeWfs$]).pipe(switchMap$1(([link, excludeWfs]) => {
+            this.isWmsStyleMode$,
+        ]).pipe(map$1(([src, styles, styleIdx, isWmsStyleMode]) => !isWmsStyleMode && styles.length ? styles[styleIdx] : src), shareReplay$1(1));
+        this.wmsMimeType$ = this.selectedSourceLink$.pipe(switchMap$1((link) => {
+            if (link?.type === 'service' && link?.accessServiceProtocol === 'wms') {
+                return from(new WmsEndpoint(link.url.toString())
+                    .isReady()
+                    .then((endpoint) => {
+                    return endpoint.describeLayer(link.name).then((description) => {
+                        if (description) {
+                            return description.owsType === 'wfs'
+                                ? 'image/png'
+                                : 'image/jpeg';
+                        }
+                        const layer = endpoint.getLayerByName(link.name);
+                        return layer?.opaque ? 'image/jpeg' : 'image/png';
+                    });
+                })
+                    .catch(() => 'image/png'));
+            }
+            return of('');
+        }), shareReplay$1(1));
+        this.currentLayers$ = combineLatest([
+            this.selectedLink$,
+            this.excludeWfs$,
+            this.selectedWmsStyleName$,
+            this.wmsMimeType$,
+        ]).pipe(switchMap$1(([link, excludeWfs, wmsStyleName, wmsMimeType]) => {
             if (!link) {
                 return of([]);
             }
@@ -40258,7 +40360,13 @@ class MapViewComponent {
                 this.handleError('dataset.error.restrictedAccess');
                 return of([]);
             }
-            return this.getLayerFromLink(link).pipe(map$1((layer) => [layer]), catchError((e) => {
+            return this.getLayerFromLink(link).pipe(map$1((layer) => layer.type === 'wms'
+                ? {
+                    ...layer,
+                    ...(wmsStyleName && { style: wmsStyleName }),
+                    ...(wmsMimeType && { format: wmsMimeType }),
+                }
+                : layer), map$1((layer) => [layer]), catchError((e) => {
                 this.handleError(e);
                 return of([]);
             }), finalize(() => (this.loading = false)));
@@ -40412,7 +40520,7 @@ class MapViewComponent {
         this.changeRef.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MapViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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    @if (displaySource) {\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.layer' | translate\"\n        [choices]=\"dropdownChoices$ | async\"\n        [selected]=\"_selectedChoice\"\n        (selectValue)=\"selectLinkToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    }\n\n    @if ((styleLinks$ | async)?.length > 0) {\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    } @else {\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    }\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  @if (hidePreview) {\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  } @else {\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      <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      @if (!showLegend && legendExists && !selection) {\n        <gn-ui-button\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' | translate }}\n        </gn-ui-button>\n      }\n      @if (loading) {\n        <gn-ui-loading-mask\n          class=\"absolute inset-0\"\n          [message]=\"'map.loading.data' | translate\"\n        ></gn-ui-loading-mask>\n      }\n      @if (error) {\n        <gn-ui-popup-alert\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      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "extentChange", "sourceLoadError", "resolvedExtentChange"] }, { 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: "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"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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    @if (displaySource) {\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.layer' | translate\"\n        [choices]=\"dropdownChoices$ | async\"\n        [selected]=\"_selectedChoice\"\n        (selectValue)=\"selectLinkToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    }\n\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]=\"selectedStyleId$ | async\"\n      [disabled]=\"(styleDropdownChoices$ | async)?.length <= 1\"\n      (selectValue)=\"selectStyleToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\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        [mimeType]=\"wmsMimeType$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  @if (hidePreview) {\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  } @else {\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      <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      @if (!showLegend && legendExists && !selection) {\n        <gn-ui-button\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' | translate }}\n        </gn-ui-button>\n      }\n      @if (loading) {\n        <gn-ui-loading-mask\n          class=\"absolute inset-0\"\n          [message]=\"'map.loading.data' | translate\"\n        ></gn-ui-loading-mask>\n      }\n      @if (error) {\n        <gn-ui-popup-alert\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      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "extentChange", "sourceLoadError", "resolvedExtentChange"] }, { 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: "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", "mimeType", "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"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
             provideIcons({ matClose }),
             provideNgIconsConfig({
                 size: '1.5em',
@@ -40439,7 +40547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         provideNgIconsConfig({
                             size: '1.5em',
                         }),
-                    ], 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    @if (displaySource) {\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.layer' | translate\"\n        [choices]=\"dropdownChoices$ | async\"\n        [selected]=\"_selectedChoice\"\n        (selectValue)=\"selectLinkToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    }\n\n    @if ((styleLinks$ | async)?.length > 0) {\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    } @else {\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    }\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  @if (hidePreview) {\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  } @else {\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      <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      @if (!showLegend && legendExists && !selection) {\n        <gn-ui-button\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' | translate }}\n        </gn-ui-button>\n      }\n      @if (loading) {\n        <gn-ui-loading-mask\n          class=\"absolute inset-0\"\n          [message]=\"'map.loading.data' | translate\"\n        ></gn-ui-loading-mask>\n      }\n      @if (error) {\n        <gn-ui-popup-alert\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      }\n    </div>\n  }\n</div>\n" }]
+                    ], 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    @if (displaySource) {\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.layer' | translate\"\n        [choices]=\"dropdownChoices$ | async\"\n        [selected]=\"_selectedChoice\"\n        (selectValue)=\"selectLinkToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    }\n\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]=\"selectedStyleId$ | async\"\n      [disabled]=\"(styleDropdownChoices$ | async)?.length <= 1\"\n      (selectValue)=\"selectStyleToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\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        [mimeType]=\"wmsMimeType$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  @if (hidePreview) {\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  } @else {\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      <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      @if (!showLegend && legendExists && !selection) {\n        <gn-ui-button\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' | translate }}\n        </gn-ui-button>\n      }\n      @if (loading) {\n        <gn-ui-loading-mask\n          class=\"absolute inset-0\"\n          [message]=\"'map.loading.data' | translate\"\n        ></gn-ui-loading-mask>\n      }\n      @if (error) {\n        <gn-ui-popup-alert\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      }\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { exceedsLimit: [{
                 type: Input
             }], selectedView: [{
@@ -41094,6 +41202,7 @@ const saveRecordSuccess = createAction('[Editor] Save record success');
 const saveRecordFailure = createAction('[Editor] Save record failure', props());
 const draftSaveSuccess = createAction('[Editor] Draft save success');
 const undoRecordDraft = createAction('[Editor] Undo record draft');
+const setEditorConfiguration = createAction('[Editor] Set editor configuration', props());
 const setCurrentPage = createAction('[Editor] Set current page', props());
 const setFieldVisibility = createAction('[Editor] Set field visibility', props());
 const hasRecordChangedSinceDraft = createAction('[Editor] Has Record Changed Since Draft', props());
@@ -41516,6 +41625,9 @@ const reducer = createReducer(initialEditorState, on(openRecord, (state, { recor
 })), on(markRecordAsChanged, (state) => ({
     ...state,
     changedSinceSave: true,
+})), on(setEditorConfiguration, (state, { configuration }) => ({
+    ...state,
+    editorConfig: configuration,
 })), on(setCurrentPage, (state, { page }) => ({
     ...state,
     currentPage: page,
@@ -41618,6 +41730,9 @@ class EditorFacade {
     updateRecordLanguages(defaultLanguage, otherLanguages) {
         this.store.dispatch(updateRecordLanguages({ defaultLanguage, otherLanguages }));
     }
+    setConfiguration(configuration) {
+        this.store.dispatch(setEditorConfiguration({ configuration }));
+    }
     setCurrentPage(page) {
         this.store.dispatch(setCurrentPage({ page }));
     }
@@ -41640,149 +41755,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             type: Injectable
         }] });
 
-function evaluate(expression) {
-    if (expression.match(/^\${.*}$/)) {
-        return evaluate(expression.slice(2, -1));
-    }
-    const operator = expression.split('(')[0];
-    switch (operator) {
-        case 'dateNow':
-            return () => new Date();
-        default:
-            throw new Error(`Unknown operator: ${operator}`);
-    }
-}
-
-class EditorService {
-    constructor() {
-        this.recordsRepository = inject(RecordsRepositoryInterface);
-    }
-    // returns the record as it was when saved, alongside its source
-    saveRecord(record, recordSource, fieldsConfig) {
-        const savedRecord = { ...record };
-        const fields = fieldsConfig.pages.flatMap((page) => page.sections.flatMap((section) => section.fields));
-        // run onSave processes
-        for (const field of fields) {
-            if (field.onSaveProcess && field.model) {
-                const evaluator = evaluate(field.onSaveProcess);
-                savedRecord[field.model] = evaluator({
-                    model: field.model,
-                    value: record[field.model],
-                });
-            }
-        }
-        let publishToAll = true;
-        // if the record is new, generate a new unique identifier and pass publishToAll as false
-        if (!record.uniqueIdentifier) {
-            savedRecord.uniqueIdentifier = null;
-            publishToAll = false;
-        }
-        return this.recordsRepository
-            .saveRecord(savedRecord, recordSource, publishToAll)
-            .pipe(switchMap((uniqueIdentifier) => this.recordsRepository.openRecordForEdition(uniqueIdentifier)), tap$1(() => {
-            // if saving was successful, the original draft can be discarded
-            this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
-        }), map$1(([record, recordSource]) => [record, recordSource]));
-    }
-    // emits and completes once saving is done
-    // note: onSave processes are not run for drafts
-    saveRecordAsDraft(record, recordSource) {
-        record.recordUpdated = new Date();
-        return this.recordsRepository
-            .saveRecordAsDraft(record, recordSource)
-            .pipe(map$1(() => undefined));
-    }
-    undoRecordDraft(record) {
-        this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
-        return this.recordsRepository.openRecordForEdition(record.uniqueIdentifier);
-    }
-    hasRecordChangedSinceDraft(localRecord) {
-        return this.recordsRepository.hasRecordChangedSinceDraft(localRecord);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class EditorEffects {
-    constructor() {
-        this.actions$ = inject(Actions);
-        this.editorService = inject(EditorService);
-        this.recordsRepository = inject(RecordsRepositoryInterface);
-        this.plateformService = inject(PlatformServiceInterface);
-        this.store = inject(Store);
-        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource), this.store.select(selectEditorConfig)), switchMap$1(([, record, recordSource, fieldsConfig]) => this.editorService.saveRecord(record, recordSource, fieldsConfig).pipe(switchMap$1(([savedRecord, savedRecordSource]) => {
-            const actions = [saveRecordSuccess()];
-            if (!record?.uniqueIdentifier) {
-                actions.push(openRecord({
-                    record: savedRecord,
-                    recordSource: savedRecordSource,
-                }));
-            }
-            return of(...actions);
-        }), catchError((error) => of(saveRecordFailure({
-            error,
-        })))))));
-        this.cleanRecordAttachments$ = createEffect(() => this.actions$.pipe(ofType(saveRecordSuccess), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([_, record]) => {
-            if (record.uniqueIdentifier !== null) {
-                this.plateformService.cleanRecordAttachments(record).subscribe({
-                    next: (_) => undefined,
-                    error: (err) => {
-                        console.error(err);
-                    },
-                });
-            }
-            return EMPTY;
-        }), catchError((error) => {
-            console.error(error);
-            return EMPTY;
-        })), { dispatch: false });
-        this.markAsChanged$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), map$1(() => markRecordAsChanged())));
-        this.saveRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), debounceTime$1(1000), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource)), switchMap$1(([, record, recordSource]) => this.editorService.saveRecordAsDraft(record, recordSource)), map$1(() => draftSaveSuccess())));
-        this.undoRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(undoRecordDraft), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([, record]) => this.editorService.undoRecordDraft(record)), map$1(([record, recordSource]) => openRecord({
-            record,
-            recordSource,
-        }))));
-        this.checkHasChangesOnOpen$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => this.recordsRepository.recordHasDraft(record.uniqueIdentifier)), filter((hasDraft) => hasDraft), map$1(() => markRecordAsChanged())));
-        this.hasRecordChangedSinceDraft$ = createEffect(() => this.actions$.pipe(ofType(hasRecordChangedSinceDraft), switchMap$1(({ record }) => this.editorService
-            .hasRecordChangedSinceDraft(record)
-            .pipe(map$1((changes) => hasRecordChangedSinceDraftSuccess({ changes }))))));
-        this.checkIsRecordPublished$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.getRecordPublicationStatus(uniqueIdentifier)), map$1((isPublished$1) => isPublished({
-            isPublished: isPublished$1,
-        }))));
-        this.checkCanEditRecord$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.canEditRecord(uniqueIdentifier)), map$1((canEditRecord$1) => canEditRecord({
-            canEditRecord: canEditRecord$1,
-        }))));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, decorators: [{
-            type: Injectable
-        }] });
-
-class FeatureEditorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, imports: [i1.StoreFeatureModule, i2$2.EffectsFeatureModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, providers: [EditorFacade, provideHttpClient()], imports: [StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
-            EffectsModule.forFeature([EditorEffects])] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
-                        EffectsModule.forFeature([EditorEffects]),
-                    ],
-                    providers: [EditorFacade, provideHttpClient()],
-                }]
-        }] });
-
 class ImportRecordComponent {
     constructor() {
         this.router = inject(Router);
@@ -41878,6 +41850,328 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }] } });
 
+//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: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\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            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-metadata-quality-panel', standalone: true, imports: [
+                        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  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\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            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { editorConfig: [{
+                type: Input
+            }], record: [{
+                type: Input
+            }] } });
+
+const extraFlagMap = {
+    ar: 'arab',
+    en: 'gb',
+    ko: 'kr',
+    cs: 'cz',
+    zh: 'cn',
+    ca: 'es-ct',
+    rm: 'ch',
+    da: 'dk',
+    sv: 'se',
+    cy: 'gb-wls',
+    hy: 'am',
+    ka: 'ge',
+    uk: 'ua',
+};
+class MultilingualPanelComponent {
+    constructor() {
+        this.facade = inject(EditorFacade);
+        this.dialog = inject(MatDialog);
+        this.translateService = inject(TranslateService);
+        this.recordsRepository = inject(RecordsRepositoryInterface);
+        this.overlay = inject(Overlay);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.cdr = inject(ChangeDetectorRef);
+        this.selectedLanguages = [];
+        this.recordLanguages = [];
+        this.formLanguage = '';
+        this.isActionMenuOpen = false;
+        this.subscription = new Subscription();
+        this.supportedLanguages$ = this.recordsRepository
+            .getApplicationLanguages()
+            .pipe(map$2((languages) => this.sortLanguages(languages)));
+    }
+    set record(value) {
+        this._record = value;
+        this.isMultilingual = value.otherLanguages.length > 0;
+        this.editTranslations = false;
+        this.recordLanguages = [...value.otherLanguages, value.defaultLanguage];
+        this.selectedLanguages = this.recordLanguages;
+        this.formLanguage = value.defaultLanguage;
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    sortLanguages(languages) {
+        return languages
+            .map((lang) => {
+            const label = this.translateService.instant('language.' + lang);
+            const isTranslated = label !== 'language.' + lang;
+            return {
+                lang,
+                label,
+                isTranslated,
+            };
+        })
+            .sort((a, b) => {
+            if (a.isTranslated && !b.isTranslated)
+                return -1;
+            if (!a.isTranslated && b.isTranslated)
+                return 1;
+            return a.label.localeCompare(b.label);
+        })
+            .map((item) => item.lang);
+    }
+    toggleLanguageSelection() {
+        this.editTranslations = !this.editTranslations;
+    }
+    getIconClass(lang) {
+        return extraFlagMap[lang]
+            ? `fi fi-${extraFlagMap[lang]} w-4 h-3`
+            : `fi fi-${lang} w-4 h-3`;
+    }
+    switchMultilingual() {
+        if (this.isMultilingual && this.selectedLanguages.length > 1) {
+            this.confirmDeleteAction();
+        }
+        else {
+            this.isMultilingual = true;
+            this.editTranslations = true;
+        }
+    }
+    getExtraClass(lang) {
+        const baseClass = 'h-[34px] w-full font-bold justify-start hover:bg-white';
+        if (this.selectedLanguages.includes(lang)) {
+            return `${baseClass} bg-white border border-black`;
+        }
+        return baseClass;
+    }
+    toggleLanguage(lang) {
+        if (this.selectedLanguages.includes(lang)) {
+            this.removeSelectedLanguage(lang);
+        }
+        else {
+            this.selectedLanguages.push(lang);
+        }
+    }
+    removeSelectedLanguage(lang) {
+        this.selectedLanguages = this.selectedLanguages.filter((language) => language !== lang);
+    }
+    validateTranslations() {
+        const equalLength = this.selectedLanguages.length === this.recordLanguages.length;
+        if (this.selectedLanguages.length < this.recordLanguages.length ||
+            (equalLength && this.selectedLanguages !== this.recordLanguages)) {
+            this.confirmDeleteAction(this.selectedLanguages);
+        }
+        else {
+            this.updateTranslations();
+        }
+    }
+    updateTranslations() {
+        const newLanguageSelection = this.selectedLanguages.filter((lang) => lang !== this.formLanguage);
+        this.facade.updateRecordLanguages(this.formLanguage, newLanguageSelection);
+        this.recordLanguages = newLanguageSelection;
+        this.editTranslations = false;
+    }
+    switchFormLang(lang) {
+        // TO IMPLEMENT FURTHER
+    }
+    switchDefaultLang(lang) {
+        this.formLanguage = lang;
+        this.facade.updateRecordLanguages(lang, this.selectedLanguages.filter((lang) => lang !== this.formLanguage));
+        this.closeActionMenu();
+    }
+    confirmDeleteAction(lang) {
+        const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
+            data: {
+                title: this.translateService.instant('editor.record.multilingual.confirmation.title'),
+                message: this.translateService.instant('editor.record.multilingual.confirmation.message'),
+                confirmText: this.translateService.instant('editor.record.multilingual.confirmation.confirmText'),
+                cancelText: this.translateService.instant('editor.record.multilingual.confirmation.cancelText'),
+                focusCancel: true,
+            },
+            restoreFocus: true,
+        });
+        this.subscription.add(dialogRef.afterClosed().subscribe((confirmed) => {
+            if (confirmed) {
+                if (lang) {
+                    if (!Array.isArray(lang)) {
+                        this.removeSelectedLanguage(lang);
+                        this.closeActionMenu();
+                    }
+                    this.updateTranslations();
+                }
+                else {
+                    this.facade.updateRecordLanguages(this.formLanguage, []);
+                    this.isMultilingual = false;
+                    this.selectedLanguages = [];
+                }
+            }
+            else {
+                this.isMultilingual = true;
+                this.selectedLanguages = this.recordLanguages;
+            }
+            this.editTranslations = false;
+        }));
+    }
+    isFirstUnsupported(index) {
+        const langs = this.sortLanguages(this.recordLanguages);
+        return (langs[index].length === 3 &&
+            langs.slice(0, index).every((lang) => lang.length !== 3));
+    }
+    isLangSupported(lang) {
+        return lang.length === 2;
+    }
+    getToggleTitle(lang) {
+        if (lang === this._record.defaultLanguage) {
+            return this.translateService.instant('editor.record.form.multilingual.forbidden');
+        }
+        return '';
+    }
+    openActionMenu(item, template) {
+        this.isActionMenuOpen = true;
+        const index = this.sortLanguages(this.selectedLanguages).indexOf(item);
+        const buttonElement = this.actionMenuButtons.toArray()[index];
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(buttonElement)
+            .withFlexibleDimensions(true)
+            .withPush(true)
+            .withPositions([
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+            },
+        ]);
+        this.overlayRef = this.overlay.create({
+            hasBackdrop: true,
+            backdropClass: 'cdk-overlay-transparent-backdrop',
+            positionStrategy: positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+        });
+        const portal = new TemplatePortal(template, this.viewContainerRef);
+        this.overlayRef.attach(portal);
+        this.subscription.add(this.overlayRef.backdropClick().subscribe(() => {
+            this.closeActionMenu();
+        }));
+    }
+    closeActionMenu() {
+        if (this.overlayRef) {
+            this.isActionMenuOpen = false;
+            this.overlayRef.dispose();
+            this.cdr.markForCheck();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MultilingualPanelComponent, isStandalone: true, selector: "gn-ui-multilingual-panel", inputs: { record: "record" }, providers: [
+            provideIcons({
+                iconoirSettings,
+                matMoreHorizOutline,
+                iconoirCheckCircle,
+                iconoirCircle,
+            }),
+            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] 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    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\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      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\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          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\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            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\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            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\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            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\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      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "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"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-multilingual-panel', standalone: true, imports: [
+                        CommonModule,
+                        CheckToggleComponent,
+                        TranslateDirective,
+                        TranslatePipe,
+                        ButtonComponent,
+                        NgIconComponent,
+                        ActionMenuComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirSettings,
+                            matMoreHorizOutline,
+                            iconoirCheckCircle,
+                            iconoirCircle,
+                        }),
+                        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-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    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\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      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\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          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\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            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\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            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\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            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\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      }\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { record: [{
+                type: Input
+            }], actionMenuButtons: [{
+                type: ViewChildren,
+                args: ['actionMenuButton', { read: ElementRef }]
+            }] } });
+
 class GenericKeywordsComponent {
     constructor() {
         this.platformService = inject(PlatformServiceInterface);
@@ -43684,7 +43978,7 @@ class FormFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordLicences"], outputs: ["recordLicencesChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "component", type: FormFieldTopicsComponent, selector: "gn-ui-form-field-topics", inputs: ["value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i3$2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordLicences"], outputs: ["recordLicencesChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "component", type: FormFieldTopicsComponent, selector: "gn-ui-form-field-topics", inputs: ["value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i3$2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -43711,7 +44005,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         FormFieldSpatialToggleComponent,
                         FormFieldTopicsComponent,
                         TextFieldModule,
-                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
+                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
         }], propDecorators: { uniqueIdentifier: [{
                 type: Input
             }], model: [{
@@ -43756,327 +44050,148 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateDirective], template: "<div class=\"flex flex-col gap-6\">\n  @for (\n    section of facade.currentSections$ | async;\n    track sectionTracker($index, section)\n  ) {\n    @if (!section.hidden) {\n      <div class=\"flex flex-col gap-6 border p-8 rounded-[8px] shadow\">\n        <div class=\"flex flex-col gap-2\">\n          @if (section.labelKey) {\n            <div class=\"text-2xl font-title text-black\" translate>\n              {{ section.labelKey }}\n            </div>\n          }\n          @if (section.descriptionKey) {\n            <div class=\"text-gray-800 text-sm\" translate>\n              {{ section.descriptionKey }}\n            </div>\n          }\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          @for (\n            field of section.fieldsWithValues;\n            track fieldTracker($index, field)\n          ) {\n            @if (!field.config.hidden) {\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            }\n          }\n        </div>\n      </div>\n    }\n  }\n</div>\n" }]
         }] });
 
-const extraFlagMap = {
-    ar: 'arab',
-    en: 'gb',
-    ko: 'kr',
-    cs: 'cz',
-    zh: 'cn',
-    ca: 'es-ct',
-    rm: 'ch',
-    da: 'dk',
-    sv: 'se',
-    cy: 'gb-wls',
-    hy: 'am',
-    ka: 'ge',
-    uk: 'ua',
-};
-class MultilingualPanelComponent {
-    constructor() {
-        this.facade = inject(EditorFacade);
-        this.dialog = inject(MatDialog);
-        this.translateService = inject(TranslateService);
-        this.recordsRepository = inject(RecordsRepositoryInterface);
-        this.overlay = inject(Overlay);
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.cdr = inject(ChangeDetectorRef);
-        this.selectedLanguages = [];
-        this.recordLanguages = [];
-        this.formLanguage = '';
-        this.isActionMenuOpen = false;
-        this.subscription = new Subscription();
-        this.supportedLanguages$ = this.recordsRepository
-            .getApplicationLanguages()
-            .pipe(map$2((languages) => this.sortLanguages(languages)));
-    }
-    set record(value) {
-        this._record = value;
-        this.isMultilingual = value.otherLanguages.length > 0;
-        this.editTranslations = false;
-        this.recordLanguages = [...value.otherLanguages, value.defaultLanguage];
-        this.selectedLanguages = this.recordLanguages;
-        this.formLanguage = value.defaultLanguage;
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    sortLanguages(languages) {
-        return languages
-            .map((lang) => {
-            const label = this.translateService.instant('language.' + lang);
-            const isTranslated = label !== 'language.' + lang;
-            return {
-                lang,
-                label,
-                isTranslated,
-            };
-        })
-            .sort((a, b) => {
-            if (a.isTranslated && !b.isTranslated)
-                return -1;
-            if (!a.isTranslated && b.isTranslated)
-                return 1;
-            return a.label.localeCompare(b.label);
-        })
-            .map((item) => item.lang);
-    }
-    toggleLanguageSelection() {
-        this.editTranslations = !this.editTranslations;
-    }
-    getIconClass(lang) {
-        return extraFlagMap[lang]
-            ? `fi fi-${extraFlagMap[lang]} w-4 h-3`
-            : `fi fi-${lang} w-4 h-3`;
-    }
-    switchMultilingual() {
-        if (this.isMultilingual && this.selectedLanguages.length > 1) {
-            this.confirmDeleteAction();
-        }
-        else {
-            this.isMultilingual = true;
-            this.editTranslations = true;
-        }
-    }
-    getExtraClass(lang) {
-        const baseClass = 'h-[34px] w-full font-bold justify-start hover:bg-white';
-        if (this.selectedLanguages.includes(lang)) {
-            return `${baseClass} bg-white border border-black`;
-        }
-        return baseClass;
+function evaluate(expression) {
+    if (expression.match(/^\${.*}$/)) {
+        return evaluate(expression.slice(2, -1));
     }
-    toggleLanguage(lang) {
-        if (this.selectedLanguages.includes(lang)) {
-            this.removeSelectedLanguage(lang);
-        }
-        else {
-            this.selectedLanguages.push(lang);
-        }
+    const operator = expression.split('(')[0];
+    switch (operator) {
+        case 'dateNow':
+            return () => new Date();
+        default:
+            throw new Error(`Unknown operator: ${operator}`);
     }
-    removeSelectedLanguage(lang) {
-        this.selectedLanguages = this.selectedLanguages.filter((language) => language !== lang);
+}
+
+class EditorService {
+    constructor() {
+        this.recordsRepository = inject(RecordsRepositoryInterface);
     }
-    validateTranslations() {
-        const equalLength = this.selectedLanguages.length === this.recordLanguages.length;
-        if (this.selectedLanguages.length < this.recordLanguages.length ||
-            (equalLength && this.selectedLanguages !== this.recordLanguages)) {
-            this.confirmDeleteAction(this.selectedLanguages);
+    // returns the record as it was when saved, alongside its source
+    saveRecord(record, recordSource, fieldsConfig) {
+        const savedRecord = { ...record };
+        const fields = fieldsConfig.pages.flatMap((page) => page.sections.flatMap((section) => section.fields));
+        // run onSave processes
+        for (const field of fields) {
+            if (field.onSaveProcess && field.model) {
+                const evaluator = evaluate(field.onSaveProcess);
+                savedRecord[field.model] = evaluator({
+                    model: field.model,
+                    value: record[field.model],
+                });
+            }
         }
-        else {
-            this.updateTranslations();
+        let publishToAll = true;
+        // if the record is new, generate a new unique identifier and pass publishToAll as false
+        if (!record.uniqueIdentifier) {
+            savedRecord.uniqueIdentifier = null;
+            publishToAll = false;
         }
+        return this.recordsRepository
+            .saveRecord(savedRecord, recordSource, publishToAll)
+            .pipe(switchMap((uniqueIdentifier) => this.recordsRepository.openRecordForEdition(uniqueIdentifier)), tap$1(() => {
+            // if saving was successful, the original draft can be discarded
+            this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
+        }), map$1(([record, recordSource]) => [record, recordSource]));
     }
-    updateTranslations() {
-        const newLanguageSelection = this.selectedLanguages.filter((lang) => lang !== this.formLanguage);
-        this.facade.updateRecordLanguages(this.formLanguage, newLanguageSelection);
-        this.recordLanguages = newLanguageSelection;
-        this.editTranslations = false;
-    }
-    switchFormLang(lang) {
-        // TO IMPLEMENT FURTHER
-    }
-    switchDefaultLang(lang) {
-        this.formLanguage = lang;
-        this.facade.updateRecordLanguages(lang, this.selectedLanguages.filter((lang) => lang !== this.formLanguage));
-        this.closeActionMenu();
-    }
-    confirmDeleteAction(lang) {
-        const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
-            data: {
-                title: this.translateService.instant('editor.record.multilingual.confirmation.title'),
-                message: this.translateService.instant('editor.record.multilingual.confirmation.message'),
-                confirmText: this.translateService.instant('editor.record.multilingual.confirmation.confirmText'),
-                cancelText: this.translateService.instant('editor.record.multilingual.confirmation.cancelText'),
-                focusCancel: true,
-            },
-            restoreFocus: true,
-        });
-        this.subscription.add(dialogRef.afterClosed().subscribe((confirmed) => {
-            if (confirmed) {
-                if (lang) {
-                    if (!Array.isArray(lang)) {
-                        this.removeSelectedLanguage(lang);
-                        this.closeActionMenu();
-                    }
-                    this.updateTranslations();
-                }
-                else {
-                    this.facade.updateRecordLanguages(this.formLanguage, []);
-                    this.isMultilingual = false;
-                    this.selectedLanguages = [];
-                }
-            }
-            else {
-                this.isMultilingual = true;
-                this.selectedLanguages = this.recordLanguages;
-            }
-            this.editTranslations = false;
-        }));
-    }
-    isFirstUnsupported(index) {
-        const langs = this.sortLanguages(this.recordLanguages);
-        return (langs[index].length === 3 &&
-            langs.slice(0, index).every((lang) => lang.length !== 3));
-    }
-    isLangSupported(lang) {
-        return lang.length === 2;
-    }
-    getToggleTitle(lang) {
-        if (lang === this._record.defaultLanguage) {
-            return this.translateService.instant('editor.record.form.multilingual.forbidden');
-        }
-        return '';
+    // emits and completes once saving is done
+    // note: onSave processes are not run for drafts
+    saveRecordAsDraft(record, recordSource) {
+        record.recordUpdated = new Date();
+        return this.recordsRepository
+            .saveRecordAsDraft(record, recordSource)
+            .pipe(map$1(() => undefined));
     }
-    openActionMenu(item, template) {
-        this.isActionMenuOpen = true;
-        const index = this.sortLanguages(this.selectedLanguages).indexOf(item);
-        const buttonElement = this.actionMenuButtons.toArray()[index];
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(buttonElement)
-            .withFlexibleDimensions(true)
-            .withPush(true)
-            .withPositions([
-            {
-                originX: 'end',
-                originY: 'bottom',
-                overlayX: 'end',
-                overlayY: 'top',
-            },
-            {
-                originX: 'end',
-                originY: 'top',
-                overlayX: 'end',
-                overlayY: 'bottom',
-            },
-        ]);
-        this.overlayRef = this.overlay.create({
-            hasBackdrop: true,
-            backdropClass: 'cdk-overlay-transparent-backdrop',
-            positionStrategy: positionStrategy,
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
-        });
-        const portal = new TemplatePortal(template, this.viewContainerRef);
-        this.overlayRef.attach(portal);
-        this.subscription.add(this.overlayRef.backdropClick().subscribe(() => {
-            this.closeActionMenu();
-        }));
+    undoRecordDraft(record) {
+        this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
+        return this.recordsRepository.openRecordForEdition(record.uniqueIdentifier);
     }
-    closeActionMenu() {
-        if (this.overlayRef) {
-            this.isActionMenuOpen = false;
-            this.overlayRef.dispose();
-            this.cdr.markForCheck();
-        }
+    hasRecordChangedSinceDraft(localRecord) {
+        return this.recordsRepository.hasRecordChangedSinceDraft(localRecord);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MultilingualPanelComponent, isStandalone: true, selector: "gn-ui-multilingual-panel", inputs: { record: "record" }, providers: [
-            provideIcons({
-                iconoirSettings,
-                matMoreHorizOutline,
-                iconoirCheckCircle,
-                iconoirCircle,
-            }),
-            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] 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    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\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      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\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          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\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            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\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            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\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            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\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      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "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"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-multilingual-panel', standalone: true, imports: [
-                        CommonModule,
-                        CheckToggleComponent,
-                        TranslateDirective,
-                        TranslatePipe,
-                        ButtonComponent,
-                        NgIconComponent,
-                        ActionMenuComponent,
-                    ], providers: [
-                        provideIcons({
-                            iconoirSettings,
-                            matMoreHorizOutline,
-                            iconoirCheckCircle,
-                            iconoirCircle,
-                        }),
-                        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-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    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\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      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\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          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\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            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\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            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\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            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\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      }\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { record: [{
-                type: Input
-            }], actionMenuButtons: [{
-                type: ViewChildren,
-                args: ['actionMenuButton', { read: ElementRef }]
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
-//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 {
+class EditorEffects {
     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.actions$ = inject(Actions);
+        this.editorService = inject(EditorService);
+        this.recordsRepository = inject(RecordsRepositoryInterface);
+        this.plateformService = inject(PlatformServiceInterface);
+        this.store = inject(Store);
+        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource), this.store.select(selectEditorConfig)), switchMap$1(([, record, recordSource, fieldsConfig]) => this.editorService.saveRecord(record, recordSource, fieldsConfig).pipe(switchMap$1(([savedRecord, savedRecordSource]) => {
+            const actions = [saveRecordSuccess()];
+            if (!record?.uniqueIdentifier) {
+                actions.push(openRecord({
+                    record: savedRecord,
+                    recordSource: savedRecordSource,
+                }));
             }
-            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`;
+            return of(...actions);
+        }), catchError((error) => of(saveRecordFailure({
+            error,
+        })))))));
+        this.cleanRecordAttachments$ = createEffect(() => this.actions$.pipe(ofType(saveRecordSuccess), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([_, record]) => {
+            if (record.uniqueIdentifier !== null) {
+                this.plateformService.cleanRecordAttachments(record).subscribe({
+                    next: (_) => undefined,
+                    error: (err) => {
+                        console.error(err);
+                    },
+                });
+            }
+            return EMPTY;
+        }), catchError((error) => {
+            console.error(error);
+            return EMPTY;
+        })), { dispatch: false });
+        this.markAsChanged$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), map$1(() => markRecordAsChanged())));
+        this.saveRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), debounceTime$1(1000), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource)), switchMap$1(([, record, recordSource]) => this.editorService.saveRecordAsDraft(record, recordSource)), map$1(() => draftSaveSuccess())));
+        this.undoRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(undoRecordDraft), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([, record]) => this.editorService.undoRecordDraft(record)), map$1(([record, recordSource]) => openRecord({
+            record,
+            recordSource,
+        }))));
+        this.checkHasChangesOnOpen$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => this.recordsRepository.recordHasDraft(record.uniqueIdentifier)), filter((hasDraft) => hasDraft), map$1(() => markRecordAsChanged())));
+        this.hasRecordChangedSinceDraft$ = createEffect(() => this.actions$.pipe(ofType(hasRecordChangedSinceDraft), switchMap$1(({ record }) => this.editorService
+            .hasRecordChangedSinceDraft(record)
+            .pipe(map$1((changes) => hasRecordChangedSinceDraftSuccess({ changes }))))));
+        this.checkIsRecordPublished$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.getRecordPublicationStatus(uniqueIdentifier)), map$1((isPublished$1) => isPublished({
+            isPublished: isPublished$1,
+        }))));
+        this.checkCanEditRecord$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.canEditRecord(uniqueIdentifier)), map$1((canEditRecord$1) => canEditRecord({
+            canEditRecord: canEditRecord$1,
+        }))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\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            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-metadata-quality-panel', standalone: true, imports: [
-                        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  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\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            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { editorConfig: [{
-                type: Input
-            }], record: [{
-                type: Input
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, decorators: [{
+            type: Injectable
+        }] });
+
+class FeatureEditorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, imports: [i1.StoreFeatureModule, i2$2.EffectsFeatureModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, providers: [EditorFacade, provideHttpClient()], imports: [StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
+            EffectsModule.forFeature([EditorEffects])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
+                        EffectsModule.forFeature([EditorEffects]),
+                    ],
+                    providers: [EditorFacade, provideHttpClient()],
+                }]
+        }] });
 
 const ROUTER_STATE_KEY = 'router';
 const ROUTER_ROUTE_SEARCH = 'search';
@@ -44349,6 +44464,23 @@ class RouterEffects {
             }
             return of(...actions);
         })));
+        /**
+         * This effect is needed because on the page load, the search params from the URL are
+         * directly applied to the underlying search facade; this means that it doesn't go
+         * through the RouterSearchService which makes sure that a relevancy sort is applied
+         * whenever there's a full text search criteria set.
+         */
+        this.applyInitialRelevancySort$ = createEffect(() => this.facade.searchParams$.pipe(take(1), tap$1((filters) => {
+            const relevancySort = sortByToString(SortByEnum.RELEVANCY);
+            if (filters['q'] &&
+                (!Array.isArray(filters['q']) || filters['q'].length > 0) &&
+                !filters[ROUTE_PARAMS.SORT]) {
+                this.facade.updateSearch({
+                    ...filters,
+                    [ROUTE_PARAMS.SORT]: relevancySort,
+                });
+            }
+        })), { dispatch: false });
         /**
          * This effect will load the metadata when a navigation to
          * a metadata record happens
@@ -44449,8 +44581,10 @@ class RouterSearchService {
         });
     }
     async setFilters(newFilters) {
-        const sortBy = await firstValueFrom(this.searchFacade.sortBy$);
+        let sortBy = await firstValueFrom(this.searchFacade.sortBy$);
         const fieldSearchParams = await firstValueFrom(this.fieldsService.readFieldValuesFromFilters(newFilters));
+        // apply relevancy sort if a full text criteria is given
+        sortBy = newFilters['any'] ? SortByEnum.RELEVANCY : sortBy;
         this.facade.setSearch({
             ...fieldSearchParams,
             [ROUTE_PARAMS.SORT]: sortBy ? sortByToString(sortBy) : undefined,
@@ -44459,7 +44593,13 @@ class RouterSearchService {
     async updateFilters(newFilters) {
         const currentFilters = await firstValueFrom(this.searchFacade.searchFilters$);
         const updatedFilters = { ...currentFilters, ...newFilters };
-        const newParams = await firstValueFrom(this.fieldsService.readFieldValuesFromFilters(updatedFilters));
+        let newParams = await firstValueFrom(this.fieldsService.readFieldValuesFromFilters(updatedFilters));
+        if (newFilters['any']) {
+            newParams = {
+                ...newParams,
+                [ROUTE_PARAMS.SORT]: sortByToString(SortByEnum.RELEVANCY),
+            };
+        }
         this.facade.updateSearch(newParams);
     }
     setSortBy(sortBy) {
@@ -44513,11 +44653,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 args: ['gnUiSearchRouterContainer']
             }] } });
 
+const CHART_TYPE_VALUES = [
+    'bar',
+    'bar-horizontal',
+    'line',
+    'line-interpolated',
+    'scatter',
+    'pie',
+];
+
 // This file contains everything that will be included in the NPM package!
 
 /**
  * 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, DISABLE_AUTH, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangeInputsComponent, 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, FacetItemComponent, FacetListComponent, FacetsContainerComponent, FavoriteStarComponent, FavoritesService, FeatureCatalogListComponent, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldTopicsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GnUiHumanizeDateDirective, 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, MetadataDoiComponent, 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, OrganizationsServiceInterface, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PlatformServiceInterface, 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, ReusePresentationForms, 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, StacItemsResultGridComponent, StacViewComponent, 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, 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, getGeometryBoundingBox, getGeometryFromGeoJSON, getGlobalConfig, getIsMobile, getJsonDataItemsProxy, getLayers, getLinkId, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, getResourceType, getReusePresentationForm, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, handleScrollOnNavigation, 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, organizationsServiceFactory, 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, toLang2, toLang3, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ABOUT_SECTION, ADD_RESULTS, ADD_SEARCH, ANNEXES_SECTION, ASSOCIATED_RESOURCES_SECTION, AVAILABLE_LICENSES, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CHART_TYPE_VALUES, CLASSIFICATION_SECTION, CLEAR_ERROR, CLEAR_RESULTS, CONSTRAINTS_SHORTCUTS, CONTACTS, CONTACTS_FOR_RESOURCE_FIELD, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DATA_MANAGERS_SECTION, DEFAULT_CONFIGURATION, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DISABLE_AUTH, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangeInputsComponent, 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, FacetItemComponent, FacetListComponent, FacetsContainerComponent, FavoriteStarComponent, FavoritesService, FeatureCatalogListComponent, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldTopicsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEOGRAPHICAL_COVERAGE_SECTION, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GnUiHumanizeDateDirective, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, INSPIRE_TOPICS, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LEGAL_CONSTRAINTS_FIELD, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, MAX_UPLOAD_SIZE_MB, METADATA_LANGUAGE, METADATA_POINT_OF_CONTACT_SECTION, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataDoiComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, MetadataQualityPanelComponent, ModalDialogComponent, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, OPEN_DATA_LICENSE, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OTHER_CONSTRAINTS_FIELD, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OrganizationsServiceInterface, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PlatformServiceInterface, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_ABSTRACT_FIELD, RECORD_DATASET_URL_TOKEN, RECORD_GRAPHICAL_OVERVIEW_FIELD, RECORD_KEYWORDS_FIELD, RECORD_LICENSE_FIELD, RECORD_ONLINE_LINK_RESOURCES, RECORD_ONLINE_RESOURCES, RECORD_RESOURCE_CREATED_FIELD, RECORD_RESOURCE_UPDATED_FIELD, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, RECORD_SPATIAL_EXTENTS_FIELD, RECORD_SPATIAL_TOGGLE_FIELD, RECORD_TEMPORAL_EXTENTS_FIELD, RECORD_TITLE_FIELD, RECORD_TOPICS_FIELD, RECORD_UNIQUE_IDENTIFIER_FIELD, RECORD_UPDATED_FIELD, RECORD_UPDATE_FREQUENCY_FIELD, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESOURCE_IDENTIFIER_FIELD, 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, RecordStatusValues, RecordsMetricsComponent, RecordsRepositoryInterface, RecordsService, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, ReusePresentationForms, RoleLabels, RoleValues, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SECURITY_CONSTRAINTS_FIELD, 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, SPATIAL_SCOPES, 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, SortByEnum, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StacItemsResultGridComponent, StacViewComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TITLE_SECTION, TOPICS_SECTION, 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, USE_AND_ACCESS_CONDITIONS_SECTION, 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, getGeometryBoundingBox, getGeometryFromGeoJSON, getGlobalConfig, getIsMobile, getJsonDataItemsProxy, getLayers, getLinkId, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, getResourceType, getReusePresentationForm, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, handleScrollOnNavigation, 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, organizationsServiceFactory, 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, setEditorConfiguration, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, toLang2, toLang3, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateFrequencyCodeValues, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map