geonetwork-ui 2.6.0-dev.582b4530a → 2.6.0-dev.70b25ba3b

package/fesm2022/geonetwork-ui.mjs

@@ -7,17 +7,17 @@ import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import { format } from 'date-fns/format';
 import { Namespace, Literal, lit, parse as parse$2, sym, BlankNode, graph } from 'rdflib';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Directive, Input, HostListener, HostBinding, Component, EventEmitter, ChangeDetectionStrategy, ViewChild, Output, ContentChild, ContentChildren, TemplateRef, Host, ElementRef, ViewChildren, ViewContainerRef, Pipe, ViewEncapsulation, inject } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Directive, Input, HostListener, HostBinding, Component, EventEmitter, ChangeDetectionStrategy, ViewChild, Output, ContentChild, ContentChildren, TemplateRef, Host, ElementRef, ViewChildren, ViewContainerRef, ViewEncapsulation, Pipe, inject } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpClient, HttpClientModule, HTTP_INTERCEPTORS, HttpEventType, HttpClientXsrfModule } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateCompiler, TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, throttleTime, distinctUntilChanged, debounceTime, finalize, first as first$1, share, pairwise, delay, defaultIfEmpty, toArray } from 'rxjs/operators';
+import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, throttleTime, distinctUntilChanged, debounceTime, finalize, delay, first as first$1, share, pairwise, defaultIfEmpty, toArray } from 'rxjs/operators';
 import * as i1$2 from '@angular/common';
-import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgClass, NgIf, NgTemplateOutlet, NgOptimizedImage, DatePipe } from '@angular/common';
-import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, timer, takeUntil, EMPTY, mergeMap as mergeMap$1, startWith as startWith$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
+import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgIf, NgClass, NgTemplateOutlet, NgOptimizedImage, DatePipe } from '@angular/common';
+import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, timer, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, startWith as startWith$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
 import { WmtsEndpoint, WmsEndpoint, WfsEndpoint, OgcApiEndpoint, sharedFetch, useCache } from '@camptocamp/ogc-client';
@@ -26,8 +26,8 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import EmblaCarousel from 'embla-carousel';
 import * as i2$2 from '@ng-icons/core';
 import { provideIcons, NgIcon, NgIconComponent, provideNgIconsConfig, NgIconsModule } from '@ng-icons/core';
-import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirDatabase, iconoirMap, iconoirInternet, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
-import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowForward, matArrowBack, matCheck, matWarningAmber, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matWarning, matCode, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirAppleWallet, iconoirAppleShortcuts, iconoirCode, iconoirCreditCard, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirDatabase, iconoirMap, iconoirInternet, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
+import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowBackIos, matArrowForwardIos, matCheck, matWarningAmber, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matWarning, matCode, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i1$4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
@@ -41,7 +41,7 @@ import { TagInputModule } from 'ngx-chips';
 import * as i1$5 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import tippy from 'tippy.js';
-import { matErrorOutlineOutline, matInfoOutline, matComputerOutline, matCallOutline, matLocationOnOutline, matMailOutline as matMailOutline$1, matWarningAmberOutline, matCloseOutline, matLocationSearchingOutline, matEmailOutline, matPhoneOutline, matSendOutline, matMapOutline, matCloudDownloadOutline, matHomeWorkOutline, matSwipeOutline, matLayersOutline, matAddCircleOutlineOutline } from '@ng-icons/material-icons/outline';
+import { matErrorOutlineOutline, matInfoOutline, matComputerOutline, matCallOutline, matLocationOnOutline, matSwipeOutline, matMailOutline as matMailOutline$1, matWarningAmberOutline, matCloseOutline, matLocationSearchingOutline, matEmailOutline, matPhoneOutline, matSendOutline, matMapOutline, matCloudDownloadOutline, matHomeWorkOutline, matLayersOutline, matAddCircleOutlineOutline } from '@ng-icons/material-icons/outline';
 import * as i2 from '@angular/material/core';
 import { MatNativeDateModule, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i1$7 from '@angular/material/checkbox';
@@ -58,11 +58,17 @@ import * as i1$b from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i2$3 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i1$e from '@angular/router';
+import * as i1$d from '@angular/router';
 import { RouterLink, RouterModule, RouteReuseStrategy } from '@angular/router';
 import { marked } from 'marked';
 import Duration from 'duration-relativetimeformat';
 import * as basicLightbox from 'basiclightbox';
+import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, SourceLoadErrorType, computeMapContextDiff, createViewFromLayer } from '@geospatial-sdk/core';
+import { listen, createMapFromContext, applyContextDiffToMap } from '@geospatial-sdk/openlayers';
+import { createLegendFromLayer } from '@geospatial-sdk/legend';
+import { defaults, DragPan, MouseWheelZoom } from 'ol/interaction';
+import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } from 'ol/events/condition';
+import { Polygon } from 'ol/geom';
 import { formatDistance } from 'date-fns/formatDistance';
 import { enUS, sk, pt as pt$1, nl as nl$1, it as it$1, es as es$1, de as de$1, fr as fr$1 } from 'date-fns/locale';
 import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
@@ -72,11 +78,6 @@ import { createEffect, ofType, EffectsModule, Actions } from '@ngrx/effects';
 import { valid as valid$1 } from 'geojson-validation';
 import { trigger, transition, animate, keyframes, style } from '@angular/animations';
 import { queryDataGouvFr, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
-import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, SourceLoadErrorType, computeMapContextDiff, createViewFromLayer } from '@geospatial-sdk/core';
-import { listen, createMapFromContext, applyContextDiffToMap } from '@geospatial-sdk/openlayers';
-import { createLegendFromLayer } from '@geospatial-sdk/legend';
-import { defaults, DragPan, MouseWheelZoom } from 'ol/interaction';
-import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } from 'ol/events/condition';
 import { extend } from 'ol/extent';
 import * as TOML from '@ltd/j-toml';
 import { Style, Fill, Stroke, Circle } from 'ol/style';
@@ -96,9 +97,8 @@ import * as i4 from '@angular/material/paginator';
 import { MatPaginatorIntl, MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import { LetDirective } from '@ngrx/component';
 import axios from 'axios';
-import * as i1$d from '@angular/platform-browser';
+import * as i1$e from '@angular/platform-browser';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
-import { Polygon } from 'ol/geom';
 import * as i4$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatIconModule } from '@angular/material/icon';
@@ -929,21 +929,23 @@ const LANG_2_TO_3_MAPPER = Object.entries(LANG_3_TO_2_MAPPER).reduce((mapperObje
     return { ...mapperObject, [langEntry[1]]: langEntry[0] };
 }, {});
 
+const PossibleResourceTypes = {
+    application: 'reuse',
+    dataset: 'dataset',
+    interactiveMap: 'reuse',
+    map: 'reuse',
+    'map/static': 'reuse', // old index field
+    'map/interactive': 'reuse', // old index field
+    'map-interactive': 'reuse', // new index field since Oct 10, 2024
+    'map-static': 'reuse', // new index field
+    mapDigital: 'reuse',
+    series: 'dataset',
+    service: 'service',
+    staticMap: 'reuse',
+};
+const PossibleResourceTypesDefinition = Object.entries(PossibleResourceTypes).reduce((acc, [key, val]) => ((acc[val] ??= []).push(key), acc), {});
 function getResourceType(type) {
-    const possibleResourceTypes = {
-        application: 'reuse',
-        dataset: 'dataset',
-        map: 'reuse',
-        'map/static': 'reuse', // old index field
-        'map/interactive': 'reuse', // old index field
-        'map-interactive': 'reuse', // new index field since Oct 10, 2024
-        'map-static': 'reuse', // new index field
-        mapDigital: 'reuse',
-        interactiveMap: 'reuse',
-        staticMap: 'reuse',
-        service: 'service',
-    };
-    return (possibleResourceTypes[type] ||
+    return (PossibleResourceTypes[type] ||
         'dataset');
 }
 function getReuseType(type) {
@@ -1351,8 +1353,8 @@ function extractServiceOnlineResources() {
         else {
             return {
                 type: 'endpoint',
-                endpointUrl: url,
-                protocol,
+                url: url,
+                accessServiceProtocol: protocol,
                 ...(description && { description }),
                 translations,
             };
@@ -1851,7 +1853,7 @@ function writeLineage$1(record, rootEl) {
     pipe(findNestedChildOrCreate('gmd:dataQualityInfo', 'gmd:DQ_DataQuality', 'gmd:lineage', 'gmd:LI_Lineage', 'gmd:statement'), writeLocalizedCharacterString(record.lineage, record.translations?.lineage, record.defaultLanguage))(rootEl);
 }
 function getServiceEndpointProtocol(endpoint) {
-    switch (endpoint.protocol.toLowerCase()) {
+    switch (endpoint.accessServiceProtocol.toLowerCase()) {
         case 'wfs':
             return 'OGC:WFS';
         case 'wms':
@@ -1859,13 +1861,13 @@ function getServiceEndpointProtocol(endpoint) {
         case 'wps':
             return 'OGC:WPS';
         default:
-            return endpoint.protocol;
+            return endpoint.accessServiceProtocol;
     }
 }
 function createOnlineResource(onlineResource) {
     let linkageUrl, functionCode, protocol;
     if (onlineResource.type === 'endpoint') {
-        linkageUrl = onlineResource.endpointUrl.toString();
+        linkageUrl = onlineResource.url.toString();
         protocol = getServiceEndpointProtocol(onlineResource);
         functionCode = 'download';
     }
@@ -18652,7 +18654,7 @@ var de = {
 	"datafeeder.month.september": "September",
 	"datafeeder.wizardSummarize.createdAt": "Erstellt am",
 	"datafeeder.wizardSummarize.scale": "Maßstab",
-	"datahub.header.datasets": "Datensätze",
+	"datahub.header.datasets": "Katalog",
 	"datahub.header.lastRecords": "Die neuesten",
 	"datahub.header.myfavorites": "Meine Favoriten",
 	"datahub.header.news": "Startseite",
@@ -18664,7 +18666,6 @@ var de = {
 	"datahub.news.contact.title": "Ein spezielles Bedürfnis?",
 	"datahub.news.feed": "Nachrichtenfeed",
 	"datahub.news.figures": "Indikatoren",
-	"datahub.record.addToFavorites": "Zu Favoriten hinzufügen",
 	"datahub.search.back": "Zurück",
 	"datahub.search.filter.all": "Alle",
 	"datahub.search.filter.generatedByAPI": "Generiert durch eine API",
@@ -18835,6 +18836,7 @@ var de = {
 	"editor.record.loadError.body": "Der Datensatz konnte nicht geladen werden:",
 	"editor.record.loadError.closeMessage": "Verstanden",
 	"editor.record.loadError.title": "Fehler beim Laden des Datensatzes",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -18894,7 +18896,6 @@ var de = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Katalanisch",
@@ -18934,6 +18935,7 @@ var de = {
 	"map.wms.urlInput.hint": "Geben Sie die WMS URL ein",
 	"multiselect.filter.placeholder": "Suche",
 	"nav.back": "Zurück",
+	"navbar.mobile.menuTitle": "Schnellzugriff",
 	next: next$6,
 	"ogc.unreachable.unknown": "Der Dienst konnte nicht erreicht werden",
 	"organisation.filter.placeholder": "Ergebnisse filtern",
@@ -18960,6 +18962,7 @@ var de = {
 	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.feature.limit": "Die Vorschau wurde aufgrund zu vieler Elemente deaktiviert",
+	"record.kind.data": "",
 	"record.kind.dataset": "",
 	"record.kind.reuse": "",
 	"record.kind.service": "",
@@ -18996,6 +18999,7 @@ var de = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "Katalog",
 	"record.metadata.contact": "Kontakt",
 	"record.metadata.creation": "Erstellungsdatum",
@@ -19032,13 +19036,12 @@ var de = {
 	"record.metadata.quality.updateFrequency.failed": "Aktualisierungsfrequenz nicht angegeben",
 	"record.metadata.quality.updateFrequency.success": "Aktualisierungsfrequenz angegeben",
 	"record.metadata.related": "Ähnliche Datensätze",
-	"record.metadata.related.contents": "Verwandte Inhalte",
+	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Ressourcen und Links",
 	"record.metadata.sheet": "Weitere Informationen verfügbar unter:",
 	"record.metadata.status": "Status",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "Technische Informationen",
 	"record.metadata.temporalExtent": "Zeitlicher Umfang",
 	"record.metadata.temporalExtent.fromDateToDate": "Von {start} bis {end}",
 	"record.metadata.temporalExtent.sinceDate": "Seit {start}",
@@ -19067,6 +19070,10 @@ var de = {
 	"results.layout.selectOne": "Layout auswählen",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Kein Datensatz.} one{1 Datensatz} other{{displayed} Datensätze }} {hits, plural, other{angezeigt von {hits} insgesamt.}}",
 	"results.records.hits.empty.help.html": "Vorschläge: <ul class='list-disc list-inside'><li>Versuchen Sie es mit anderen Worten</li><li>Beschränken Sie die Suchwörter</li></ul>",
+	"search.filters.recordKind.all": "Alle",
+	"search.filters.recordKind.dataset": "Datensätze",
+	"search.filters.recordKind.reuse": "Wiederverwendungen",
+	"search.filters.recordKind.service": "Dienste",
 	"results.records.hits.found": "{hits, plural, =0{Keine Dokumente entsprechen der angegebenen Suche.} one{1 Datensatz gefunden.} other{{hits} Datensätze gefunden.}}",
 	"results.records.hits.selected": "{ amount } ausgewählt",
 	"results.showMore": "Mehr Ergebnisse anzeigen...",
@@ -19075,6 +19082,7 @@ var de = {
 	"results.sortBy.popularity": "Beliebtheit",
 	"results.sortBy.qualityScore": "Qualitätsbewertung",
 	"results.sortBy.relevancy": "Relevanz",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "Vorschläge konnten nicht abgerufen werden:",
 	"search.error.couldNotReachApi": "Die API konnte nicht erreicht werden",
 	"search.error.organizationHasNoDataset": "",
@@ -19124,6 +19132,26 @@ var de = {
 	"search.filters.useSpatialFilter": "Zuerst Datensätze im Interessenbereich anzeigen",
 	"search.filters.useSpatialFilterHelp": "Wenn diese Option aktiviert ist, werden Datensätze im Bereich des Katalogs zuerst angezeigt. Datensätze außerhalb dieses Bereichs werden nicht angezeigt.",
 	"search.filters.user": "Editor",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "Teilen",
 	"share.tab.webComponent": "Integrieren",
 	"table.loading.data": "Daten werden geladen...",
@@ -19206,7 +19234,7 @@ var en = {
 	"datafeeder.month.september": "September",
 	"datafeeder.wizardSummarize.createdAt": "Created at",
 	"datafeeder.wizardSummarize.scale": "Scale",
-	"datahub.header.datasets": "Datasets",
+	"datahub.header.datasets": "Catalog",
 	"datahub.header.lastRecords": "The latest",
 	"datahub.header.myfavorites": "My favorites",
 	"datahub.header.news": "Home",
@@ -19218,7 +19246,6 @@ var en = {
 	"datahub.news.contact.title": "A specific need?",
 	"datahub.news.feed": "News feed",
 	"datahub.news.figures": "Indicators",
-	"datahub.record.addToFavorites": "Add to favorites",
 	"datahub.search.back": "Back",
 	"datahub.search.filter.all": "All",
 	"datahub.search.filter.generatedByAPI": "Generated by an API",
@@ -19389,6 +19416,7 @@ var en = {
 	"editor.record.loadError.body": "The dataset could not be loaded:",
 	"editor.record.loadError.closeMessage": "Understood",
 	"editor.record.loadError.title": "Error loading dataset",
+	"editor.record.lock.format": "Record with the format 'service' or 'reuse' are not editable",
 	"editor.record.lock.reason": "You are not an editor of the allowed groups",
 	"editor.record.onlineResource.protocol.other": "Other",
 	"editor.record.onlineResourceError.body": "An error happened while adding the resource:",
@@ -19448,7 +19476,6 @@ var en = {
 	"input.image.dropFileLabel": "or drop it here",
 	"input.image.selectFileLabel": "Select an image",
 	"input.image.uploadErrorLabel": "The image could not be uploaded",
-	"input.image.uploadErrorRetry": "Retry",
 	"input.image.uploadProgressCancel": "Cancel",
 	"input.image.uploadProgressLabel": "Upload in progress...",
 	"language.ca": "Catalan",
@@ -19488,6 +19515,7 @@ var en = {
 	"map.wms.urlInput.hint": "Enter WMS service URL",
 	"multiselect.filter.placeholder": "Search",
 	"nav.back": "Back",
+	"navbar.mobile.menuTitle": "Quick access",
 	next: next$5,
 	"ogc.unreachable.unknown": "The service could not be reached",
 	"organisation.filter.placeholder": "Filter results",
@@ -19514,7 +19542,8 @@ var en = {
 	"record.card.metadata.contact": "Metadata Contact",
 	"record.externalViewer.open": "Open in the external map viewer",
 	"record.feature.limit": "Preview disabled due to too many elements",
-	"record.kind.dataset": "Data",
+	"record.kind.data": "Data",
+	"record.kind.dataset": "Dataset",
 	"record.kind.reuse": "Reuse",
 	"record.kind.service": "Service",
 	"record.metadata.about": "Description",
@@ -19550,6 +19579,7 @@ var en = {
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Dropdown for selecting a geographic zone",
 	"record.metadata.api.gpfdl": "Data download",
+	"record.metadata.capabilities": "Service capabilities",
 	"record.metadata.catalog": "Catalog",
 	"record.metadata.contact": "Contact",
 	"record.metadata.creation": "Date of creation",
@@ -19586,13 +19616,12 @@ var en = {
 	"record.metadata.quality.updateFrequency.failed": "Update frequency is not specified",
 	"record.metadata.quality.updateFrequency.success": "Update frequency is specified",
 	"record.metadata.related": "Related datasets",
-	"record.metadata.related.contents": "Related contents",
+	"record.metadata.related.contents": "Related content",
 	"record.metadata.ressources.and.links": "Resources and links",
 	"record.metadata.sheet": "Original metadata",
 	"record.metadata.status": "Status",
 	"record.metadata.status.notPublished": "Not published",
 	"record.metadata.status.published": "Published",
-	"record.metadata.technical": "Technical information",
 	"record.metadata.temporalExtent": "Temporal extent",
 	"record.metadata.temporalExtent.fromDateToDate": "From { start } to { end }",
 	"record.metadata.temporalExtent.sinceDate": "Since { start }",
@@ -19621,6 +19650,10 @@ var en = {
 	"results.layout.selectOne": "Results layout",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{No dataset.} one{1 } other{{displayed} }} {hits, plural, other{displayed on {hits} total.}}",
 	"results.records.hits.empty.help.html": "Suggestions: <ul class='list-disc list-inside'><li>Try other words</li><li>Specify fewer words</li></ul>",
+	"search.filters.recordKind.all": "All",
+	"search.filters.recordKind.dataset": "Datasets",
+	"search.filters.recordKind.reuse": "Reuses",
+	"search.filters.recordKind.service": "Services",
 	"results.records.hits.found": "{hits, plural, =0{No datasets match the specified search.} one{1 dataset found.} other{{hits} datasets found.}}",
 	"results.records.hits.selected": "{ amount } selected",
 	"results.showMore": "Show more results...",
@@ -19629,6 +19662,7 @@ var en = {
 	"results.sortBy.popularity": "Popularity",
 	"results.sortBy.qualityScore": "Quality score",
 	"results.sortBy.relevancy": "Relevancy",
+	"reuse.metadata.access": "Access the reuse",
 	"search.autocomplete.error": "Suggestions could not be fetched:",
 	"search.error.couldNotReachApi": "The API could not be reached",
 	"search.error.organizationHasNoDataset": "This organization has no dataset yet.",
@@ -19678,6 +19712,26 @@ var en = {
 	"search.filters.useSpatialFilter": "Show datasets in the area of interest first",
 	"search.filters.useSpatialFilterHelp": "When this is enabled, datasets situated in the catalog's area of interest are shown first; records outside of this area will not show up.",
 	"search.filters.user": "Editor",
+	"service.metadata.capabilities": "Technical information",
+	"service.metadata.capabilities.abstract": "Abstract",
+	"service.metadata.capabilities.attribution": "Attribution",
+	"service.metadata.capabilities.availableCrs": "Available CRS",
+	"service.metadata.capabilities.defaultCrs": "Default CRS",
+	"service.metadata.capabilities.geometryName": "Geometry name",
+	"service.metadata.capabilities.geometryType": "Geometry type",
+	"service.metadata.capabilities.keywords": "Keywords",
+	"service.metadata.capabilities.name": "Name",
+	"service.metadata.capabilities.objectCount": "Object count",
+	"service.metadata.capabilities.otherCrs": "Other CRS",
+	"service.metadata.capabilities.outputFormats": "Output formats",
+	"service.metadata.capabilities.resourceLinks": "Resource links",
+	"service.metadata.capabilities.title": "Title",
+	"service.metadata.filter": "Layers will be filtered by title and abstract",
+	"service.metadata.filter.noLayers": "No layer matches your search",
+	"service.metadata.other": "Other information",
+	"service.metadata.question": "Ask a question",
+	"service.metadata.search": "Search through the layer list",
+	"service.metadata.spatialExtent": "Spatial extent",
 	"share.tab.permalink": "Share",
 	"share.tab.webComponent": "Integrate",
 	"table.loading.data": "Loading data...",
@@ -19760,7 +19814,7 @@ var es = {
 	"datafeeder.month.september": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
-	"datahub.header.datasets": "",
+	"datahub.header.datasets": "Catálogo",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -19772,7 +19826,6 @@ var es = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
-	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
@@ -19943,6 +19996,7 @@ var es = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -20002,7 +20056,6 @@ var es = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Catalán",
@@ -20042,6 +20095,7 @@ var es = {
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
+	"navbar.mobile.menuTitle": "Acceso rápido",
 	next: next$4,
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
@@ -20068,6 +20122,7 @@ var es = {
 	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.data": "",
 	"record.kind.dataset": "",
 	"record.kind.reuse": "",
 	"record.kind.service": "",
@@ -20104,6 +20159,7 @@ var es = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -20140,13 +20196,12 @@ var es = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
-	"record.metadata.related.contents": "Contenidos relacionados",
+	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Recursos y enlaces",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "",
 	"record.metadata.temporalExtent": "",
 	"record.metadata.temporalExtent.fromDateToDate": "",
 	"record.metadata.temporalExtent.sinceDate": "",
@@ -20175,6 +20230,10 @@ var es = {
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
 	"results.records.hits.empty.help.html": "",
+	"search.filters.recordKind.all": "Todos",
+	"search.filters.recordKind.dataset": "",
+	"search.filters.recordKind.reuse": "",
+	"search.filters.recordKind.service": "",
 	"results.records.hits.found": "",
 	"results.records.hits.selected": "",
 	"results.showMore": "",
@@ -20183,6 +20242,7 @@ var es = {
 	"results.sortBy.popularity": "",
 	"results.sortBy.qualityScore": "",
 	"results.sortBy.relevancy": "",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
 	"search.error.organizationHasNoDataset": "",
@@ -20232,6 +20292,26 @@ var es = {
 	"search.filters.useSpatialFilter": "",
 	"search.filters.useSpatialFilterHelp": "",
 	"search.filters.user": "",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "",
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
@@ -20314,7 +20394,7 @@ var fr = {
 	"datafeeder.month.september": "Septembre",
 	"datafeeder.wizardSummarize.createdAt": "Créée le",
 	"datafeeder.wizardSummarize.scale": "Échelle",
-	"datahub.header.datasets": "Données",
+	"datahub.header.datasets": "Catalogue",
 	"datahub.header.lastRecords": "Les plus récentes",
 	"datahub.header.myfavorites": "Mes favoris",
 	"datahub.header.news": "Accueil",
@@ -20326,7 +20406,6 @@ var fr = {
 	"datahub.news.contact.title": "Un besoin spécifique ?",
 	"datahub.news.feed": "Fil d'activité",
 	"datahub.news.figures": "Quelques chiffres",
-	"datahub.record.addToFavorites": "Ajouter aux favoris",
 	"datahub.search.back": "Retour",
 	"datahub.search.filter.all": "Tous",
 	"datahub.search.filter.generatedByAPI": "généré par une API",
@@ -20497,6 +20576,7 @@ var fr = {
 	"editor.record.loadError.body": "Le jeu de données n'a pas pu être chargé :",
 	"editor.record.loadError.closeMessage": "Compris",
 	"editor.record.loadError.title": "Erreur lors du chargement",
+	"editor.record.lock.format": "Les jeux de données de type 'service' et 'reuse' ne sont pas éditables",
 	"editor.record.lock.reason": "Vous n'êtes pas éditeur d'un des groupes autorisés.",
 	"editor.record.onlineResource.protocol.other": "Autre",
 	"editor.record.onlineResourceError.body": "Une erreur est survenue lors de l'ajout de la ressource :",
@@ -20556,7 +20636,6 @@ var fr = {
 	"input.image.dropFileLabel": "ou glissez-la ici",
 	"input.image.selectFileLabel": "Sélectionnez une image",
 	"input.image.uploadErrorLabel": "L'image n'a pas pu être chargée",
-	"input.image.uploadErrorRetry": "Réessayer",
 	"input.image.uploadProgressCancel": "Annuler",
 	"input.image.uploadProgressLabel": "Chargement en cours...",
 	"language.ca": "Catalan",
@@ -20596,6 +20675,7 @@ var fr = {
 	"map.wms.urlInput.hint": "Entrez l'URL du service WMS",
 	"multiselect.filter.placeholder": "Rechercher",
 	"nav.back": "Retour",
+	"navbar.mobile.menuTitle": "Navigation rapide",
 	next: next$3,
 	"ogc.unreachable.unknown": "Le service n'est pas accessible",
 	"organisation.filter.placeholder": "Filtrer les résultats",
@@ -20622,10 +20702,11 @@ var fr = {
 	"record.card.metadata.contact": "Contact de la métadonnée ",
 	"record.externalViewer.open": "Ouvrir dans le visualiseur externe",
 	"record.feature.limit": "L’aperçu a été désactivé en raison d’un trop grand nombre d'éléments",
+	"record.kind.data": "Donnée",
 	"record.kind.dataset": "Donnée",
 	"record.kind.reuse": "Réutilisation",
 	"record.kind.service": "Service",
-	"record.metadata.about": "Description",
+	"record.metadata.about": "A propos",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Fermer",
 	"record.metadata.api.form.closeForm": "Fermer le panneau de personnalisation",
@@ -20658,6 +20739,7 @@ var fr = {
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Menu déroulant pour sélectionner une zone géographique",
 	"record.metadata.api.gpfdl": "Téléchargement",
+	"record.metadata.capabilities": "Capacités du service",
 	"record.metadata.catalog": "Catalogue",
 	"record.metadata.contact": "Contact",
 	"record.metadata.creation": "Date de création",
@@ -20694,13 +20776,12 @@ var fr = {
 	"record.metadata.quality.updateFrequency.failed": "La fréquence de mise à jour n'est pas renseignée",
 	"record.metadata.quality.updateFrequency.success": "La fréquence de mise à jour est renseignée",
 	"record.metadata.related": "Voir aussi",
-	"record.metadata.related.contents": "Contenus associés",
+	"record.metadata.related.contents": "Contenu associé",
 	"record.metadata.ressources.and.links": "Ressources et liens",
 	"record.metadata.sheet": "Fiche de métadonnées d'origine",
 	"record.metadata.status": "Statut",
 	"record.metadata.status.notPublished": "Non publié",
 	"record.metadata.status.published": "Publié",
-	"record.metadata.technical": "Informations techniques",
 	"record.metadata.temporalExtent": "Étendue temporelle",
 	"record.metadata.temporalExtent.fromDateToDate": "Du { start } au { end }",
 	"record.metadata.temporalExtent.sinceDate": "Depuis le { start }",
@@ -20729,6 +20810,10 @@ var fr = {
 	"results.layout.selectOne": "Affichage des résultats",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Aucun jeu de données} one{1 affiché} other{{displayed} affichés}} {hits, plural, other{sur {hits} au total.}}",
 	"results.records.hits.empty.help.html": "Suggestions : <ul class='list-disc list-inside'><li>Essayez d'autres mots-clés</li><li>Cherchez moins de mots</li></ul>",
+	"search.filters.recordKind.all": "Tous",
+	"search.filters.recordKind.dataset": "Jeux de données",
+	"search.filters.recordKind.reuse": "Réutilisations",
+	"search.filters.recordKind.service": "Services",
 	"results.records.hits.found": "{hits, plural, =0{Aucune correspondance.} one{1 jeu de données trouvé.} other{{hits} jeux de données.}}",
 	"results.records.hits.selected": "{amount, plural, one{1 selectionné} other{{ amount } sélectionnés}}",
 	"results.showMore": "Plus de résultats...",
@@ -20737,6 +20822,7 @@ var fr = {
 	"results.sortBy.popularity": "Popularité",
 	"results.sortBy.qualityScore": "Indicateur de qualité",
 	"results.sortBy.relevancy": "Pertinence",
+	"reuse.metadata.access": "Accéder à la réutilisation",
 	"search.autocomplete.error": "Les suggestions ne peuvent pas être récupérées",
 	"search.error.couldNotReachApi": "Problème de connexion à l'API",
 	"search.error.organizationHasNoDataset": "Cette organisation n'a pas encore de données.",
@@ -20786,6 +20872,26 @@ var fr = {
 	"search.filters.useSpatialFilter": "Mettre en avant les résultats sur la zone d'intérêt",
 	"search.filters.useSpatialFilterHelp": "Si cette option est activée, les jeux de données portant sur la zone d'intérêt du catalogue seront montrés en premier; les jeux de données situés en dehors de cette zone n'apparaîtront pas dans les résultats.",
 	"search.filters.user": "Éditeur",
+	"service.metadata.capabilities": "Informations techniques",
+	"service.metadata.capabilities.abstract": "Description",
+	"service.metadata.capabilities.attribution": "Attribution",
+	"service.metadata.capabilities.availableCrs": "CRS disponibles",
+	"service.metadata.capabilities.defaultCrs": "CRS par défaut",
+	"service.metadata.capabilities.geometryName": "Nom de la géométrie",
+	"service.metadata.capabilities.geometryType": "Type de géométrie",
+	"service.metadata.capabilities.keywords": "Mots-clés",
+	"service.metadata.capabilities.name": "Nom",
+	"service.metadata.capabilities.objectCount": "Nombre d'objets",
+	"service.metadata.capabilities.otherCrs": "Autres CRS",
+	"service.metadata.capabilities.outputFormats": "Formats de sortie",
+	"service.metadata.capabilities.resourceLinks": "Liens vers les ressources",
+	"service.metadata.capabilities.title": "Titre",
+	"service.metadata.filter": "Les couches seront filtrées par titre et description",
+	"service.metadata.filter.noLayers": "Aucune couche ne correspond à votre recherche",
+	"service.metadata.other": "Autres informations",
+	"service.metadata.question": "Poser une question",
+	"service.metadata.search": "Rechercher dans la liste des couches",
+	"service.metadata.spatialExtent": "Etendue spatiale",
 	"share.tab.permalink": "Partager",
 	"share.tab.webComponent": "Intégrer",
 	"table.loading.data": "Chargement des données...",
@@ -20868,7 +20974,7 @@ var it = {
 	"datafeeder.month.september": "Settembre",
 	"datafeeder.wizardSummarize.createdAt": "Creato il",
 	"datafeeder.wizardSummarize.scale": "Scala",
-	"datahub.header.datasets": "Dati",
+	"datahub.header.datasets": "Catalogo",
 	"datahub.header.lastRecords": "Ultimi",
 	"datahub.header.myfavorites": "Miei preferiti",
 	"datahub.header.news": "Home",
@@ -20880,7 +20986,6 @@ var it = {
 	"datahub.news.contact.title": "Ha un bisogno specifico?",
 	"datahub.news.feed": "Feed di attività",
 	"datahub.news.figures": "Alcune figure",
-	"datahub.record.addToFavorites": "Aggiungere a miei preferiti",
 	"datahub.search.back": "Ritorna",
 	"datahub.search.filter.all": "Tutti",
 	"datahub.search.filter.generatedByAPI": "generato da un'API",
@@ -21051,6 +21156,7 @@ var it = {
 	"editor.record.loadError.body": "Impossibile caricare il dataset:",
 	"editor.record.loadError.closeMessage": "Capito",
 	"editor.record.loadError.title": "Errore durante il caricamento",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "Non è un editore di uno dei gruppi autorizzati",
 	"editor.record.onlineResource.protocol.other": "Altro",
 	"editor.record.onlineResourceError.body": "Ha successo un'errore durante l'aggiunta della risorsa:",
@@ -21110,7 +21216,6 @@ var it = {
 	"input.image.dropFileLabel": "oppure trascinalo qui",
 	"input.image.selectFileLabel": "Seleziona un'immagine",
 	"input.image.uploadErrorLabel": "Impossibile caricare l'immagine",
-	"input.image.uploadErrorRetry": "Riprova",
 	"input.image.uploadProgressCancel": "Annulla",
 	"input.image.uploadProgressLabel": "Caricamento...",
 	"language.ca": "Catalano",
@@ -21150,6 +21255,7 @@ var it = {
 	"map.wms.urlInput.hint": "Inserisci URL del servizio WMS",
 	"multiselect.filter.placeholder": "Cerca",
 	"nav.back": "Indietro",
+	"navbar.mobile.menuTitle": "",
 	next: next$2,
 	"ogc.unreachable.unknown": "Il servizio non è accessibile",
 	"organisation.filter.placeholder": "Filtra i risultati",
@@ -21176,6 +21282,7 @@ var it = {
 	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "Aprire nel visualizzatore esterno",
 	"record.feature.limit": "La visualizzazione è stata disabilitata a causa di troppi elementi ",
+	"record.kind.data": "",
 	"record.kind.dataset": "",
 	"record.kind.reuse": "",
 	"record.kind.service": "",
@@ -21212,6 +21319,7 @@ var it = {
 	"record.metadata.api.form.zoneTitle": "Zona",
 	"record.metadata.api.form.zoneTooltip": "Menu a discesa per selezionare una zona geografica",
 	"record.metadata.api.gpfdl": "Scarica",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "Catalogo",
 	"record.metadata.contact": "Contatto",
 	"record.metadata.creation": "Data di creazione",
@@ -21248,13 +21356,12 @@ var it = {
 	"record.metadata.quality.updateFrequency.failed": "La frequenza di aggiornamento non è specificata",
 	"record.metadata.quality.updateFrequency.success": "La frequenza di aggiornamento è specificata",
 	"record.metadata.related": "Vedi anche",
-	"record.metadata.related.contents": "Contenuti correlati",
+	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Risorse e collegamenti",
 	"record.metadata.sheet": "Origine del metadata",
 	"record.metadata.status": "Stato",
 	"record.metadata.status.notPublished": "Non pubblicato",
 	"record.metadata.status.published": "Pubblicato",
-	"record.metadata.technical": "Informazioni tecniche",
 	"record.metadata.temporalExtent": "Periodo di tempo",
 	"record.metadata.temporalExtent.fromDateToDate": "Da {start} a {end}",
 	"record.metadata.temporalExtent.sinceDate": "Dal {start}",
@@ -21283,6 +21390,10 @@ var it = {
 	"results.layout.selectOne": "Mostra risultati",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Nessun record} one{1 record visualizzato} other{{displayed} records visualizzati}} {hits, plural, other{su {hits} in totale.}}",
 	"results.records.hits.empty.help.html": "Suggerimenti: <ul class='list-disc list-inside'><li>Prova con altre parole chiave</li><li>Cerca con meno parole</li></ul>",
+	"search.filters.recordKind.all": "Tutti",
+	"search.filters.recordKind.dataset": "Dataset",
+	"search.filters.recordKind.reuse": "Riutilizzi",
+	"search.filters.recordKind.service": "Servizi",
 	"results.records.hits.found": "{hits, plural, =0{Nessuna corrispondenza.} one{1 record trovato.} other{{hits} risultati.}}",
 	"results.records.hits.selected": "{amount, plural, one{1 selezionato} other{{ amount } selezionati}}",
 	"results.showMore": "Altri risultati...",
@@ -21291,6 +21402,7 @@ var it = {
 	"results.sortBy.popularity": "Popolarità",
 	"results.sortBy.qualityScore": "Indicatore di qualità",
 	"results.sortBy.relevancy": "Rilevanza",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "Impossibile recuperare le suggerimenti",
 	"search.error.couldNotReachApi": "Problema di connessione all'API",
 	"search.error.organizationHasNoDataset": "Questa organizzazione non ha ancora dati.",
@@ -21340,6 +21452,26 @@ var it = {
 	"search.filters.useSpatialFilter": "Evidenzia i risultati nell'area di interesse",
 	"search.filters.useSpatialFilterHelp": "Se attivata, le schede relative all'area di interesse del catalogo saranno mostrate per prime; le schede al di fuori di questa area non appariranno nei risultati.",
 	"search.filters.user": "Editore",
+	"service.metadata.capabilities": "Informazioni tecniche",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "Condividere",
 	"share.tab.webComponent": "Incorporare",
 	"table.loading.data": "Caricamento dei dati...",
@@ -21422,7 +21554,7 @@ var nl = {
 	"datafeeder.month.september": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
-	"datahub.header.datasets": "",
+	"datahub.header.datasets": "Catalog",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -21434,7 +21566,6 @@ var nl = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
-	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
@@ -21605,6 +21736,7 @@ var nl = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -21664,7 +21796,6 @@ var nl = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Catalaans",
@@ -21704,6 +21835,7 @@ var nl = {
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
+	"navbar.mobile.menuTitle": "",
 	next: next$1,
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
@@ -21730,6 +21862,7 @@ var nl = {
 	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.data": "",
 	"record.kind.dataset": "",
 	"record.kind.reuse": "",
 	"record.kind.service": "",
@@ -21766,6 +21899,7 @@ var nl = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -21802,13 +21936,12 @@ var nl = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
-	"record.metadata.related.contents": "Gerelateerde inhoud",
+	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Bronnen en links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "",
 	"record.metadata.temporalExtent": "",
 	"record.metadata.temporalExtent.fromDateToDate": "",
 	"record.metadata.temporalExtent.sinceDate": "",
@@ -21837,6 +21970,10 @@ var nl = {
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
 	"results.records.hits.empty.help.html": "",
+	"search.filters.recordKind.all": "Alles",
+	"search.filters.recordKind.dataset": "",
+	"search.filters.recordKind.reuse": "",
+	"search.filters.recordKind.service": "",
 	"results.records.hits.found": "",
 	"results.records.hits.selected": "",
 	"results.showMore": "",
@@ -21845,6 +21982,7 @@ var nl = {
 	"results.sortBy.popularity": "",
 	"results.sortBy.qualityScore": "",
 	"results.sortBy.relevancy": "",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
 	"search.error.organizationHasNoDataset": "",
@@ -21894,6 +22032,26 @@ var nl = {
 	"search.filters.useSpatialFilter": "",
 	"search.filters.useSpatialFilterHelp": "",
 	"search.filters.user": "",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "",
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
@@ -21976,7 +22134,7 @@ var pt = {
 	"datafeeder.month.september": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
-	"datahub.header.datasets": "",
+	"datahub.header.datasets": "Catálogo",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -21988,7 +22146,6 @@ var pt = {
 	"datahub.news.contact.title": "",
 	"datahub.news.feed": "",
 	"datahub.news.figures": "",
-	"datahub.record.addToFavorites": "",
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
@@ -22159,6 +22316,7 @@ var pt = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
+	"editor.record.lock.format": "",
 	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "",
 	"editor.record.onlineResourceError.body": "",
@@ -22218,7 +22376,6 @@ var pt = {
 	"input.image.dropFileLabel": "",
 	"input.image.selectFileLabel": "",
 	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
 	"input.image.uploadProgressCancel": "",
 	"input.image.uploadProgressLabel": "",
 	"language.ca": "Catalão",
@@ -22258,6 +22415,7 @@ var pt = {
 	"map.wms.urlInput.hint": "",
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
+	"navbar.mobile.menuTitle": "",
 	next: next,
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
@@ -22284,6 +22442,7 @@ var pt = {
 	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
+	"record.kind.data": "",
 	"record.kind.dataset": "",
 	"record.kind.reuse": "",
 	"record.kind.service": "",
@@ -22320,6 +22479,7 @@ var pt = {
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
 	"record.metadata.api.gpfdl": "",
+	"record.metadata.capabilities": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -22356,13 +22516,12 @@ var pt = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
-	"record.metadata.related.contents": "Conteúdos relacionados",
+	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Recursos e links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
 	"record.metadata.status.notPublished": "",
 	"record.metadata.status.published": "",
-	"record.metadata.technical": "",
 	"record.metadata.temporalExtent": "",
 	"record.metadata.temporalExtent.fromDateToDate": "",
 	"record.metadata.temporalExtent.sinceDate": "",
@@ -22391,6 +22550,10 @@ var pt = {
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
 	"results.records.hits.empty.help.html": "",
+	"search.filters.recordKind.all": "Todos",
+	"search.filters.recordKind.dataset": "",
+	"search.filters.recordKind.reuse": "",
+	"search.filters.recordKind.service": "",
 	"results.records.hits.found": "",
 	"results.records.hits.selected": "",
 	"results.showMore": "",
@@ -22399,6 +22562,7 @@ var pt = {
 	"results.sortBy.popularity": "",
 	"results.sortBy.qualityScore": "",
 	"results.sortBy.relevancy": "",
+	"reuse.metadata.access": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
 	"search.error.organizationHasNoDataset": "",
@@ -22448,6 +22612,26 @@ var pt = {
 	"search.filters.useSpatialFilter": "",
 	"search.filters.useSpatialFilterHelp": "",
 	"search.filters.user": "",
+	"service.metadata.capabilities": "",
+	"service.metadata.capabilities.abstract": "",
+	"service.metadata.capabilities.attribution": "",
+	"service.metadata.capabilities.availableCrs": "",
+	"service.metadata.capabilities.defaultCrs": "",
+	"service.metadata.capabilities.geometryName": "",
+	"service.metadata.capabilities.geometryType": "",
+	"service.metadata.capabilities.keywords": "",
+	"service.metadata.capabilities.name": "",
+	"service.metadata.capabilities.objectCount": "",
+	"service.metadata.capabilities.otherCrs": "",
+	"service.metadata.capabilities.outputFormats": "",
+	"service.metadata.capabilities.resourceLinks": "",
+	"service.metadata.capabilities.title": "",
+	"service.metadata.filter": "",
+	"service.metadata.filter.noLayers": "",
+	"service.metadata.other": "",
+	"service.metadata.question": "",
+	"service.metadata.search": "",
+	"service.metadata.spatialExtent": "",
 	"share.tab.permalink": "",
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
@@ -22796,8 +22980,8 @@ class Gn4FieldMapper {
                     return {
                         ...distribution,
                         type,
-                        endpointUrl: url,
-                        protocol: accessServiceProtocol,
+                        url: url,
+                        accessServiceProtocol: accessServiceProtocol,
                     };
             }
         };
@@ -23193,14 +23377,6 @@ class ElasticsearchService {
     }
     mustNotFilters() {
         return [
-            {
-                ...this.queryFilterOnValues('resourceType', [
-                    'service',
-                    'map',
-                    'map/static',
-                    'mapDigital',
-                ]),
-            },
             {
                 query_string: {
                     query: 'resourceType:featureCatalog AND !resourceType:dataset AND !cl_level.key:dataset',
@@ -23299,7 +23475,7 @@ class ElasticsearchService {
                     must_not: this.mustNotFilters(),
                 },
             },
-            _source: ['resourceTitleObject', 'uuid'],
+            _source: ['resourceTitleObject', 'uuid', 'resourceType'],
             from: 0,
             size: 20,
         };
@@ -25037,7 +25213,7 @@ function getLinkLabel(link) {
         default:
             format = getFileFormat(link);
     }
-    const label = link.description || link.name;
+    const label = link.description || ('name' in link ? link.name : '');
     return format ? `${label} (${format})` : label;
 }
 async function getLayers(url, serviceProtocol) {
@@ -25048,14 +25224,21 @@ async function getLayers(url, serviceProtocol) {
         }
         case 'wfs': {
             const endpointWfs = await new WfsEndpoint(url).isReady();
-            return endpointWfs.getFeatureTypes();
+            const featureTypes = await endpointWfs.getFeatureTypes();
+            const layers = await Promise.all(featureTypes.map(async (collection) => {
+                return await endpointWfs.getFeatureTypeFull(collection.name);
+            }));
+            return layers;
         }
         case 'wms': {
             const endpointWms = await new WmsEndpoint(url).isReady();
-            return endpointWms
+            const layers = (await endpointWms
                 .getLayers()
                 .flatMap(wmsLayerFlatten)
-                .filter((l) => l.name);
+                .filter((l) => l.name)).map((collection) => {
+                return endpointWms.getLayerByName(collection.name);
+            });
+            return layers;
         }
         case 'wmts': {
             const endpointWmts = await new WmtsEndpoint(url).isReady();
@@ -25092,6 +25275,7 @@ var LinkUsage;
 class LinkClassifierService {
     getUsagesForLink(link) {
         switch (link.type) {
+            case 'endpoint':
             case 'service': {
                 switch (link.accessServiceProtocol) {
                     case 'esriRest':
@@ -25140,6 +25324,106 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+var name = "geonetwork-ui";
+var version = "2.6.0-dev.70b25ba3b";
+var engines = {
+	node: ">=20"
+};
+var main = "./index.ts";
+var type = "module";
+var exports = {
+	"./tailwind.base.config.js": "./tailwind.base.config.js",
+	"./style.css": "./style.css"
+};
+var repository = {
+	url: "https://github.com/geonetwork/geonetwork-ui"
+};
+var peerDependencies = {
+	"@angular/animations": "17.x || 18.x || 19.x",
+	"@angular/cdk": "17.x || 18.x || 19.x",
+	"@angular/common": "17.x || 18.x || 19.x",
+	"@angular/compiler": "17.x || 18.x || 19.x",
+	"@angular/core": "17.x || 18.x || 19.x",
+	"@angular/forms": "17.x || 18.x || 19.x",
+	"@angular/material": "17.x || 18.x || 19.x",
+	"@angular/material-moment-adapter": "17.x || 18.x || 19.x",
+	"@angular/platform-browser": "17.x || 18.x || 19.x",
+	"@angular/platform-browser-dynamic": "17.x || 18.x || 19.x",
+	"@angular/router": "17.x || 18.x || 19.x",
+	"@ngrx/component": "17.x || 18.x || 19.x",
+	"@ngrx/effects": "17.x || 18.x || 19.x",
+	"@ngrx/router-store": "17.x || 18.x || 19.x",
+	"@ngrx/store": "17.x || 18.x || 19.x",
+	"@ngrx/store-devtools": "17.x || 18.x || 19.x",
+	"@ngrx/operators": "18.x",
+	"@ngx-translate/core": "15.x",
+	"@ngx-translate/http-loader": "16.x",
+	rxjs: "7.x",
+	"zone.js": "*",
+	tailwindcss: "3.x"
+};
+var dependencies = {
+	"@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
+	"@camptocamp/ogc-client": "1.1.1-dev.3e2d3cc",
+	"@geospatial-sdk/core": "0.0.5-dev.31",
+	"@geospatial-sdk/geocoding": "0.0.5-dev.31",
+	"@geospatial-sdk/legend": "0.0.5-dev.31",
+	"@geospatial-sdk/openlayers": "0.0.5-dev.31",
+	"@ltd/j-toml": "~1.35.2",
+	"@messageformat/core": "^3.0.1",
+	"@ng-icons/core": "29.10.0",
+	"@ng-icons/iconoir": "29.10.0",
+	"@ng-icons/material-icons": "29.10.0",
+	"@ng-icons/tabler-icons": "29.10.0",
+	"@nx/angular": "20.2.2",
+	"@rgrove/parse-xml": "4.2.0",
+	alasql: "4.6.0",
+	axios: "1.7.9",
+	basiclightbox: "^5.0.4",
+	"chart.js": "4.4.7",
+	"chroma-js": "3.1.2",
+	"date-fns": "4.1.0",
+	"document-register-element": "^1.14.10",
+	"duration-relativetimeformat": "^2.0.4",
+	"embla-carousel": "8.5.1",
+	express: "^4.21.1",
+	"geojson-validation": "^1.0.2",
+	marked: "15.0.4",
+	moment: "2.30.1",
+	"ng-table-virtual-scroll": "1.6.1",
+	"ngx-chips": "3.0.0",
+	"ngx-dropzone": "3.1.0",
+	"ngx-translate-messageformat-compiler": "7.0.0",
+	ol: "^8.2.0",
+	papaparse: "5.4.1",
+	pg: "^8.9.0",
+	proj4: "^2.9.2",
+	rdflib: "^2.2.35",
+	"reflect-metadata": "^0.1.13",
+	semver: "7.6.3",
+	"tippy.js": "6.3.7",
+	tslib: "^2.3.0",
+	typeorm: "^0.3.14",
+	"whatwg-fetch": "^3.6.2",
+	xlsx: "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
+};
+var packageJson = {
+	name: name,
+	version: version,
+	engines: engines,
+	main: main,
+	type: type,
+	exports: exports,
+	repository: repository,
+	peerDependencies: peerDependencies,
+	dependencies: dependencies
+};
+
+const GEONETWORK_UI_VERSION = packageJson.version;
+const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1] === 'dev'
+    ? 'main'
+    : `v${packageJson.version}`;
+
 const minApiVersion = '4.2.2';
 class Gn4PlatformService {
     constructor(siteApiService, meApi, usersApi, mapper, toolsApiService, registriesApiService, langService, userfeedbackApiService, httpClient, recordsApiService) {
@@ -25333,12 +25617,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: SiteApiService }, { type: MeApiService }, { type: UsersApiService }, { type: Gn4PlatformMapper }, { type: ToolsApiService }, { type: RegistriesApiService }, { type: LangService }, { type: UserfeedbackApiService }, { type: i1.HttpClient }, { type: RecordsApiService }] });
 
+class RecordsRepositoryInterface {
+}
+
 function provideGn4() {
     return [
         {
             provide: PlatformServiceInterface,
             useClass: Gn4PlatformService,
         },
+        {
+            provide: RecordsRepositoryInterface,
+            useClass: Gn4Repository,
+        },
         Gn4PlatformMapper,
     ];
 }
@@ -25414,7 +25705,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class AnchorLinkDirective {
     get elementClass() {
-        return this.disabled ? this.disabledClass : this.enabledClass;
+        if (this.disabled) {
+            return this.disabledClass;
+        }
+        if (this.inView) {
+            return `${this.inViewClass} ${this.enabledClass}`;
+        }
+        else {
+            return `${this.outOfViewClass} ${this.enabledClass}`;
+        }
     }
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
@@ -25422,6 +25721,8 @@ class AnchorLinkDirective {
         this.observer = new MutationObserver(() => {
             this.refreshDisabledState();
         });
+        this.inView = false;
+        this.initialized = false;
     }
     ngOnInit() {
         this.observer.observe(document.body, {
@@ -25430,8 +25731,32 @@ class AnchorLinkDirective {
         });
         this.refreshDisabledState();
     }
+    ngAfterViewChecked() {
+        if (!this.initialized && !this.disabled) {
+            const target = document.getElementById(this.targetId);
+            if (target) {
+                this.initializeIntersectionObserver(target);
+                this.initialized = true;
+            }
+        }
+    }
+    initializeIntersectionObserver(target) {
+        this.intersectionObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                this.inView = entry.isIntersecting;
+                this.changeDetector.detectChanges();
+            });
+        }, {
+            root: null,
+            rootMargin: '-30% 0% -60% 0%',
+        });
+        this.intersectionObserver.observe(target);
+    }
     ngOnDestroy() {
         this.observer.disconnect();
+        if (this.intersectionObserver) {
+            this.intersectionObserver.disconnect();
+        }
     }
     refreshDisabledState() {
         const targetNotPresent = !document.getElementById(this.targetId);
@@ -25450,7 +25775,7 @@ class AnchorLinkDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorLinkDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AnchorLinkDirective, selector: "[gnUiAnchorLink]", inputs: { targetId: ["gnUiAnchorLink", "targetId"], disabledClass: ["gnUiAnchorLinkDisabledClass", "disabledClass"], enabledClass: ["gnUiAnchorLinkEnabledClass", "enabledClass"] }, host: { listeners: { "click": "scrollToTarget()" }, properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AnchorLinkDirective, selector: "[gnUiAnchorLink]", inputs: { targetId: ["gnUiAnchorLink", "targetId"], disabledClass: ["gnUiAnchorLinkDisabledClass", "disabledClass"], enabledClass: ["gnUiAnchorLinkEnabledClass", "enabledClass"], inViewClass: ["gnUiAnchorLinkInViewClass", "inViewClass"], outOfViewClass: ["gnUiAnchorLinkOutOfViewClass", "outOfViewClass"] }, host: { listeners: { "click": "scrollToTarget()" }, properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnchorLinkDirective, decorators: [{
             type: Directive,
@@ -25466,6 +25791,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], enabledClass: [{
                 type: Input,
                 args: ['gnUiAnchorLinkEnabledClass']
+            }], inViewClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkInViewClass']
+            }], outOfViewClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkOutOfViewClass']
             }], elementClass: [{
                 type: HostBinding,
                 args: ['class']
@@ -25555,11 +25886,11 @@ class CarouselComponent {
             .on('select', this.refreshSteps);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full block\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div #carouselOverflowContainer class=\"w-full\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative;display:block}\n"] }]
+            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div #carouselOverflowContainer class=\"w-full block\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { carouselOverflowContainer: [{
                 type: ViewChild,
                 args: ['carouselOverflowContainer']
@@ -25730,6 +26061,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+marker('editor.record.lock.reason');
+marker('editor.record.lock.format');
 class InteractiveTableComponent {
     constructor() {
         this.items = [];
@@ -25747,15 +26080,24 @@ class InteractiveTableComponent {
                 .join(' '),
         };
     }
+    getItemTitle(item) {
+        if (!item.extras?.edit && !this.isDraftPage && item.kind === 'dataset') {
+            return 'editor.record.lock.reason';
+        }
+        else if (item.kind !== 'dataset') {
+            return 'editor.record.lock.format';
+        }
+        return '';
+    }
     handleRowClick(item) {
         this.itemClick.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items", isDraftPage: "isDraftPage" }, outputs: { itemClick: "itemClick" }, providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"\n      !item.extras?.edit && !isDraftPage\n        ? ('editor.record.lock.reason' | translate)\n        : ''\n    \"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            !item.extras?.edit && !isDraftPage,\n          'group-hover:text-main group-hover:bg-gray-50':\n            item.extras?.edit || isDraftPage,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items", isDraftPage: "isDraftPage" }, outputs: { itemClick: "itemClick" }, providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          'group-hover:text-main group-hover:bg-gray-50':\n            (item.extras?.edit || isDraftPage) && item.kind === 'dataset',\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"\n      !item.extras?.edit && !isDraftPage\n        ? ('editor.record.lock.reason' | translate)\n        : ''\n    \"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            !item.extras?.edit && !isDraftPage,\n          'group-hover:text-main group-hover:bg-gray-50':\n            item.extras?.edit || isDraftPage,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"] }]
+            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          'group-hover:text-main group-hover:bg-gray-50':\n            (item.extras?.edit || isDraftPage) && item.kind === 'dataset',\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"] }]
         }], propDecorators: { columns: [{
                 type: ContentChildren,
                 args: [InteractiveTableColumnComponent]
@@ -25856,14 +26198,16 @@ class BlockListComponent {
         return this.blocks ? Math.ceil(this.blocks.length / this.pageSize) : 1;
     }
     get currentPage() {
-        return this.currentPage_ + 1; // this is 1-based
+        return this.currentPage_ + 1;
     }
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
-        this.pageSize = 5;
+        this.pageSize = 4;
         this.containerClass = '';
         this.paginationContainerClass = 'w-full bottom-0 top-auto';
         this.minHeight = 0;
+        this.listChanges = new EventEmitter();
+        this.subComponentSize = 'M';
         this.currentPage_ = 0;
         this.refreshBlocksVisibility = () => {
             this.blocks.forEach((block, index) => {
@@ -25876,13 +26220,48 @@ class BlockListComponent {
         };
     }
     ngAfterViewInit() {
-        this.blocks.changes.subscribe(this.refreshBlocksVisibility);
+        this.blocks.changes.subscribe(() => {
+            this.updateSizes();
+            this.refreshBlocksVisibility();
+            this.goToPage(1);
+            this.changeDetector.detectChanges();
+            this.listChanges.emit(this);
+        });
+        this.updateSizes();
         this.refreshBlocksVisibility();
         // we store the first height as the min-height of the list container
         this.minHeight = this.blockContainer.nativeElement.clientHeight;
         this.changeDetector.detectChanges();
+        this.listChanges.emit(this);
+    }
+    updateSizes() {
+        this.subComponentSize = this.computeSubComponentSize();
+        this.pageSize = this.computePageSize();
+    }
+    computeSubComponentSize() {
+        if (!this.blocks)
+            return 'M';
+        const subComponentsCount = this.blocks.length;
+        if (subComponentsCount <= 3)
+            return 'L';
+        if (subComponentsCount <= 12)
+            return 'M';
+        if (subComponentsCount <= 18)
+            return 'S';
+        return 'XS';
+    }
+    computePageSize() {
+        switch (this.subComponentSize) {
+            case 'L':
+                return 3;
+            case 'S':
+                return 6;
+            case 'XS':
+                return 8;
+            default:
+                return 4;
+        }
     }
-    // pageIndex is 1-based
     goToPage(pageIndex) {
         this.currentPage_ = Math.max(Math.min(pageIndex - 1, this.pagesCount - 1), 0);
         this.changeDetector.detectChanges();
@@ -25899,14 +26278,12 @@ class BlockListComponent {
         this.goToPage(this.currentPage + 1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockListComponent, isStandalone: true, selector: "gn-ui-block-list", inputs: { pageSize: "pageSize", containerClass: "containerClass", paginationContainerClass: "paginationContainerClass" }, queries: [{ propertyName: "blocks", predicate: ["block"], read: ElementRef }], viewQueries: [{ propertyName: "blockContainer", first: true, predicate: ["blockContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"block-list-container flex flex-col\"\n  #blockContainer\n  [ngClass]=\"containerClass\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockListComponent, isStandalone: true, selector: "gn-ui-block-list", inputs: { containerClass: "containerClass", paginationContainerClass: "paginationContainerClass" }, outputs: { listChanges: "listChanges" }, queries: [{ propertyName: "blocks", predicate: ["block"], read: ElementRef }], viewQueries: [{ propertyName: "blockContainer", first: true, predicate: ["blockContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"grid gap-4 w-full md:grid-cols-2\"\n  #blockContainer\n  [ngClass]=\"[containerClass, 'size-' + subComponentSize]\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}@media screen and (min-width: 769px){.size-L{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-M{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-S{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-XS{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-block-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div\n  class=\"block-list-container flex flex-col\"\n  #blockContainer\n  [ngClass]=\"containerClass\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pageSize: [{
-                type: Input
-            }], containerClass: [{
+            args: [{ selector: 'gn-ui-block-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div\n  class=\"grid gap-4 w-full md:grid-cols-2\"\n  #blockContainer\n  [ngClass]=\"[containerClass, 'size-' + subComponentSize]\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}@media screen and (min-width: 769px){.size-L{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-M{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-S{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-XS{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { containerClass: [{
                 type: Input
             }], paginationContainerClass: [{
                 type: Input
@@ -25916,6 +26293,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], blockContainer: [{
                 type: ViewChild,
                 args: ['blockContainer']
+            }], listChanges: [{
+                type: Output
             }] } });
 
 class ColorScaleComponent {
@@ -25999,11 +26378,11 @@ class ProgressBarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault], template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
+            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault], template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], type: [{
@@ -26885,11 +27264,11 @@ class DropdownMultiselectComponent {
         this.setFocus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownMultiselectComponent, deps: [{ token: i1$9.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownMultiselectComponent, selector: "gn-ui-dropdown-multiselect", inputs: { title: "title", choices: "choices", selected: "selected", allowSearch: "allowSearch", maxRows: "maxRows", searchInputValue: "searchInputValue" }, outputs: { selectValues: "selectValues" }, viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: ["overlayOrigin"], descendants: true }, { propertyName: "overlay", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true, read: ElementRef }, { propertyName: "searchFieldInput", first: true, predicate: ["searchFieldInput"], descendants: true }, { propertyName: "checkboxes", predicate: ["checkBox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    <div\n      *ngIf=\"hasSelectedChoices\"\n      class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n    >\n      {{ selected.length }}\n    </div>\n  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.width]=\"overlayWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\n        [title]=\"selected.label\"\n        class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity mb-1\"\n        (click)=\"select(selected, false)\"\n      >\n        <div class=\"text-sm truncate leading-[26px] px-2\">\n          {{ selected.label }}\n        </div>\n        <div\n          class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n        >\n          <ng-icon\n            name=\"matClose\"\n            class=\"!h-[12px] !w-[11px] text-[12px]\"\n          ></ng-icon>\n        </div>\n      </button>\n\n      <div *ngIf=\"allowSearch\" class=\"w-[50%] relative grow shrink\">\n        <input\n          #searchFieldInput\n          class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n          [(ngModel)]=\"searchInputValue\"\n          [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n        />\n        <button\n          *ngIf=\"!!searchInputValue\"\n          class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n          (click)=\"clearSearchInputValue($event)\"\n        >\n          <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n          </ng-icon>\n        </button>\n      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\n      [title]=\"choice.label\"\n      class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n    >\n      <input\n        class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n      />\n      <span class=\"ml-[8px] text-[14px] truncate\">\n        {{ choice.label }}\n      </span>\n    </label>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$9.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$9.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownMultiselectComponent, selector: "gn-ui-dropdown-multiselect", inputs: { title: "title", choices: "choices", selected: "selected", allowSearch: "allowSearch", maxRows: "maxRows", searchInputValue: "searchInputValue" }, outputs: { selectValues: "selectValues" }, viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: ["overlayOrigin"], descendants: true }, { propertyName: "overlay", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true, read: ElementRef }, { propertyName: "searchFieldInput", first: true, predicate: ["searchFieldInput"], descendants: true }, { propertyName: "checkboxes", predicate: ["checkBox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    <div\n      *ngIf=\"hasSelectedChoices\"\n      class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n    >\n      {{ selected.length }}\n    </div>\n  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.width]=\"overlayWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-[2px] flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\n        [title]=\"selected.label\"\n        class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity mb-1\"\n        (click)=\"select(selected, false)\"\n      >\n        <div class=\"text-sm truncate leading-[26px] px-2\">\n          {{ selected.label }}\n        </div>\n        <div\n          class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n        >\n          <ng-icon\n            name=\"matClose\"\n            class=\"!h-[12px] !w-[11px] text-[12px]\"\n          ></ng-icon>\n        </div>\n      </button>\n\n      <div *ngIf=\"allowSearch\" class=\"w-[50%] relative grow shrink\">\n        <input\n          #searchFieldInput\n          class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n          [(ngModel)]=\"searchInputValue\"\n          [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n        />\n        <button\n          *ngIf=\"!!searchInputValue\"\n          class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n          (click)=\"clearSearchInputValue($event)\"\n        >\n          <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n          </ng-icon>\n        </button>\n      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\n      [title]=\"choice.label\"\n      class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n    >\n      <input\n        class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n      />\n      <span class=\"ml-[8px] text-[14px] truncate\">\n        {{ choice.label }}\n      </span>\n    </label>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$9.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$9.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownMultiselectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-dropdown-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    <div\n      *ngIf=\"hasSelectedChoices\"\n      class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n    >\n      {{ selected.length }}\n    </div>\n  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.width]=\"overlayWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\n        [title]=\"selected.label\"\n        class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity mb-1\"\n        (click)=\"select(selected, false)\"\n      >\n        <div class=\"text-sm truncate leading-[26px] px-2\">\n          {{ selected.label }}\n        </div>\n        <div\n          class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n        >\n          <ng-icon\n            name=\"matClose\"\n            class=\"!h-[12px] !w-[11px] text-[12px]\"\n          ></ng-icon>\n        </div>\n      </button>\n\n      <div *ngIf=\"allowSearch\" class=\"w-[50%] relative grow shrink\">\n        <input\n          #searchFieldInput\n          class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n          [(ngModel)]=\"searchInputValue\"\n          [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n        />\n        <button\n          *ngIf=\"!!searchInputValue\"\n          class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n          (click)=\"clearSearchInputValue($event)\"\n        >\n          <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n          </ng-icon>\n        </button>\n      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\n      [title]=\"choice.label\"\n      class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n    >\n      <input\n        class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n      />\n      <span class=\"ml-[8px] text-[14px] truncate\">\n        {{ choice.label }}\n      </span>\n    </label>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'gn-ui-dropdown-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    <div\n      *ngIf=\"hasSelectedChoices\"\n      class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n    >\n      {{ selected.length }}\n    </div>\n  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.width]=\"overlayWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-[2px] flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\n        [title]=\"selected.label\"\n        class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity mb-1\"\n        (click)=\"select(selected, false)\"\n      >\n        <div class=\"text-sm truncate leading-[26px] px-2\">\n          {{ selected.label }}\n        </div>\n        <div\n          class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n        >\n          <ng-icon\n            name=\"matClose\"\n            class=\"!h-[12px] !w-[11px] text-[12px]\"\n          ></ng-icon>\n        </div>\n      </button>\n\n      <div *ngIf=\"allowSearch\" class=\"w-[50%] relative grow shrink\">\n        <input\n          #searchFieldInput\n          class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n          [(ngModel)]=\"searchInputValue\"\n          [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n        />\n        <button\n          *ngIf=\"!!searchInputValue\"\n          class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n          (click)=\"clearSearchInputValue($event)\"\n        >\n          <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n          </ng-icon>\n        </button>\n      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\n      [title]=\"choice.label\"\n      class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n    >\n      <input\n        class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n      />\n      <span class=\"ml-[8px] text-[14px] truncate\">\n        {{ choice.label }}\n      </span>\n    </label>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1$9.ScrollStrategyOptions }], propDecorators: { title: [{
                 type: Input
             }], choices: [{
@@ -27397,17 +27776,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class NavigationButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class InlineFilterComponent {
+    constructor() {
+        this.selected = [];
+        this.selectValues = new EventEmitter();
+    }
+    isSelected(choice) {
+        return (this.selected.indexOf(choice.value) > -1 ||
+            (this.selected.length === 0 && choice.value === 'all'));
+    }
+    select(choice, selected) {
+        if (choice.value === 'all' && selected) {
+            this.selected = [choice.value];
+        }
+        else {
+            this.selected = selected
+                ? [...this.selected.filter((v) => v !== choice.value), choice.value]
+                : this.selected.filter((v) => v !== choice.value);
+            // If any value selected, unselect all
+            this.selected = this.selected.filter((v) => v !== 'all');
+        }
+        this.selectValues.emit(this.selected);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InlineFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InlineFilterComponent, selector: "gn-ui-inline-filter", inputs: { choices: "choices", selected: "selected" }, outputs: { selectValues: "selectValues" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ul class=\"flex flex-wrap list-none gap-2\">\n  <li *ngFor=\"let choice of choices\">\n    <label\n      class=\"\"\n      [ngClass]=\"{\n        selected: isSelected(choice),\n      }\"\n    >\n      <input\n        class=\"hidden\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n        [attr.data-cy]=\"'inlineFilter-' + choice.value\"\n      />\n      <ng-container\n        *ngTemplateOutlet=\"itemTemplate; context: { $implicit: choice }\"\n      >\n      </ng-container>\n    </label>\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InlineFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
-        }], propDecorators: { label: [{
+            args: [{ selector: 'gn-ui-inline-filter', template: "<ul class=\"flex flex-wrap list-none gap-2\">\n  <li *ngFor=\"let choice of choices\">\n    <label\n      class=\"\"\n      [ngClass]=\"{\n        selected: isSelected(choice),\n      }\"\n    >\n      <input\n        class=\"hidden\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n        [attr.data-cy]=\"'inlineFilter-' + choice.value\"\n      />\n      <ng-container\n        *ngTemplateOutlet=\"itemTemplate; context: { $implicit: choice }\"\n      >\n      </ng-container>\n    </label>\n  </li>\n</ul>\n" }]
+        }], propDecorators: { choices: [{
                 type: Input
-            }], icon: [{
+            }], selected: [{
                 type: Input
+            }], selectValues: [{
+                type: Output
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef]
             }] } });
 
 class SearchInputComponent {
@@ -27468,11 +27873,11 @@ class StarToggleComponent {
         event.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <gn-ui-button\n    [type]=\"'outline'\"\n    class=\"-m-[8px] p-[8px]\"\n    (buttonClick)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      disabled: !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </gn-ui-button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
+            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon, ButtonComponent], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <gn-ui-button\n    [type]=\"'outline'\"\n    class=\"-m-[8px] p-[8px]\"\n    (buttonClick)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      disabled: !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </gn-ui-button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
         }], propDecorators: { toggled: [{
                 type: Input
             }], disabled: [{
@@ -27646,7 +28051,8 @@ class UiInputsModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, declarations: [DragAndDropFileInputComponent,
             DropdownMultiselectComponent,
             ViewportIntersectorComponent,
-            CheckboxComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
+            CheckboxComponent,
+            InlineFilterComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
             FormsModule,
             ReactiveFormsModule,
             TagInputModule,
@@ -27677,6 +28083,7 @@ class UiInputsModule {
             CheckboxComponent,
             DateRangePickerComponent,
             EditableLabelDirective,
+            InlineFilterComponent,
             BadgeComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, providers: [
             provideIcons({
@@ -27718,6 +28125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         DropdownMultiselectComponent,
                         ViewportIntersectorComponent,
                         CheckboxComponent,
+                        InlineFilterComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -27766,6 +28174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CheckboxComponent,
                         DateRangePickerComponent,
                         EditableLabelDirective,
+                        InlineFilterComponent,
                         BadgeComponent,
                     ],
                 }]
@@ -27911,20 +28320,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class PreviousNextButtonsComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PreviousNextButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PreviousNextButtonsComponent, isStandalone: true, selector: "gn-ui-previous-next-buttons", inputs: { listComponent: "listComponent" }, providers: [
-            provideIcons({ matArrowForward, matArrowBack }),
+            provideIcons({ matArrowBackIos, matArrowForwardIos }),
             provideNgIconsConfig({
                 size: '0.875em',
             }),
-        ], ngImport: i0, template: "<div class=\"flex flex-row gap-x-4 items-center\">\n  <gn-ui-button\n    data-test=\"previousButton\"\n    type=\"outline\"\n    [disabled]=\"listComponent.isFirstPage\"\n    (buttonClick)=\"listComponent.goToPrevPage()\"\n  >\n    <ng-icon name=\"matArrowBack\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    data-test=\"nextButton\"\n    type=\"outline\"\n    [disabled]=\"listComponent.isLastPage\"\n    (buttonClick)=\"listComponent.goToNextPage()\"\n  >\n    <ng-icon name=\"matArrowForward\"></ng-icon>\n  </gn-ui-button>\n</div>\n", styles: [":host{--gn-ui-button-rounded: 100%;--gn-ui-button-width: 8px;--gn-ui-button-height: 8px;--gn-ui-button-padding: 12px}\n"], dependencies: [{ 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"] }] }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-row gap-x-1 items-center\">\n  <gn-ui-button\n    data-test=\"previousButton\"\n    type=\"light\"\n    [extraClass]=\"\n      'w-10 h-8 px-2 py-1 rounded-lg ' +\n      (!listComponent.isFirstPage\n        ? 'border border-gray-300'\n        : 'border border-gray-100')\n    \"\n    [disabled]=\"listComponent.isFirstPage\"\n    (buttonClick)=\"listComponent.goToPrevPage()\"\n  >\n    <ng-icon name=\"matArrowBackIos\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    data-test=\"nextButton\"\n    type=\"light\"\n    [extraClass]=\"\n      'w-10 h-8 px-2 py-1 rounded-lg ' +\n      (!listComponent.isLastPage\n        ? 'border border-gray-300'\n        : 'border border-gray-100')\n    \"\n    [disabled]=\"listComponent.isLastPage\"\n    (buttonClick)=\"listComponent.goToNextPage()\"\n  >\n    <ng-icon name=\"matArrowForwardIos\"></ng-icon>\n  </gn-ui-button>\n</div>\n", styles: [":host{--gn-ui-button-rounded: 100%;--gn-ui-button-width: 8px;--gn-ui-button-height: 8px;--gn-ui-button-padding: 12px}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PreviousNextButtonsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-previous-next-buttons', standalone: true, imports: [ButtonComponent, NgIconComponent], providers: [
-                        provideIcons({ matArrowForward, matArrowBack }),
+                        provideIcons({ matArrowBackIos, matArrowForwardIos }),
                         provideNgIconsConfig({
                             size: '0.875em',
                         }),
-                    ], template: "<div class=\"flex flex-row gap-x-4 items-center\">\n  <gn-ui-button\n    data-test=\"previousButton\"\n    type=\"outline\"\n    [disabled]=\"listComponent.isFirstPage\"\n    (buttonClick)=\"listComponent.goToPrevPage()\"\n  >\n    <ng-icon name=\"matArrowBack\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    data-test=\"nextButton\"\n    type=\"outline\"\n    [disabled]=\"listComponent.isLastPage\"\n    (buttonClick)=\"listComponent.goToNextPage()\"\n  >\n    <ng-icon name=\"matArrowForward\"></ng-icon>\n  </gn-ui-button>\n</div>\n", styles: [":host{--gn-ui-button-rounded: 100%;--gn-ui-button-width: 8px;--gn-ui-button-height: 8px;--gn-ui-button-padding: 12px}\n"] }]
+                    ], template: "<div class=\"flex flex-row gap-x-1 items-center\">\n  <gn-ui-button\n    data-test=\"previousButton\"\n    type=\"light\"\n    [extraClass]=\"\n      'w-10 h-8 px-2 py-1 rounded-lg ' +\n      (!listComponent.isFirstPage\n        ? 'border border-gray-300'\n        : 'border border-gray-100')\n    \"\n    [disabled]=\"listComponent.isFirstPage\"\n    (buttonClick)=\"listComponent.goToPrevPage()\"\n  >\n    <ng-icon name=\"matArrowBackIos\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    data-test=\"nextButton\"\n    type=\"light\"\n    [extraClass]=\"\n      'w-10 h-8 px-2 py-1 rounded-lg ' +\n      (!listComponent.isLastPage\n        ? 'border border-gray-300'\n        : 'border border-gray-100')\n    \"\n    [disabled]=\"listComponent.isLastPage\"\n    (buttonClick)=\"listComponent.goToNextPage()\"\n  >\n    <ng-icon name=\"matArrowForwardIos\"></ng-icon>\n  </gn-ui-button>\n</div>\n", styles: [":host{--gn-ui-button-rounded: 100%;--gn-ui-button-width: 8px;--gn-ui-button-height: 8px;--gn-ui-button-padding: 12px}\n"] }]
         }], propDecorators: { listComponent: [{
                 type: Input
             }] } });
@@ -28580,17 +28989,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class ResultsHitsNumberComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: { hits: "hits", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: { hits: "hits", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span data-cy=\"resultsHitsFound\" translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-hits-number', template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-results-hits-number', template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span data-cy=\"resultsHitsFound\" translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n" }]
         }], propDecorators: { hits: [{
                 type: Input
             }], loading: [{
                 type: Input
             }] } });
 
+var KindConfig;
+(function (KindConfig) {
+    KindConfig["all"] = "iconoirAppleWallet";
+    KindConfig["dataset"] = "iconoirAppleShortcuts";
+    KindConfig["service"] = "iconoirCode";
+    KindConfig["reuse"] = "iconoirCreditCard";
+})(KindConfig || (KindConfig = {}));
+class KindBadgeComponent {
+    constructor() {
+        this.hasProjectedContent = false;
+    }
+    get iconKind() {
+        return KindConfig[this.kind] || KindConfig.dataset;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KindBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KindBadgeComponent, isStandalone: true, selector: "gn-ui-kind-badge", inputs: { contentTemplate: "contentTemplate", kind: "kind" }, ngImport: i0, template: "<ng-icon [name]=\"iconKind\" class=\"mr-1\"></ng-icon>\n\n<ng-container *ngIf=\"contentTemplate; else defaultContent\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #defaultContent>\n  {{ kind | translate }}\n</ng-template>\n", styles: [":host gn-ui-badge ng-icon{font-size:1.2rem;width:1.2rem;height:1.2rem;transform:translateY(-2px)}\n"], dependencies: [{ kind: "ngmodule", type: NgIconsModule }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+            provideIcons({
+                iconoirAppleWallet,
+                iconoirAppleShortcuts,
+                iconoirCode,
+                iconoirCreditCard,
+            }),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KindBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-kind-badge', viewProviders: [
+                        provideIcons({
+                            iconoirAppleWallet,
+                            iconoirAppleShortcuts,
+                            iconoirCode,
+                            iconoirCreditCard,
+                        }),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIconsModule, CommonModule, BadgeComponent, TranslateModule], template: "<ng-icon [name]=\"iconKind\" class=\"mr-1\"></ng-icon>\n\n<ng-container *ngIf=\"contentTemplate; else defaultContent\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #defaultContent>\n  {{ kind | translate }}\n</ng-template>\n", styles: [":host gn-ui-badge ng-icon{font-size:1.2rem;width:1.2rem;height:1.2rem;transform:translateY(-2px)}\n"] }]
+        }], propDecorators: { contentTemplate: [{
+                type: Input
+            }], kind: [{
+                type: Input
+            }] } });
+
+class ResultsHitsSearchKindComponent {
+    constructor() {
+        this.selected = [];
+        this.choices = [];
+        this.selectionChanged = new EventEmitter();
+        this.availableChoices = [];
+    }
+    ngOnChanges(changes) {
+        if (changes.choices && changes.choices.currentValue) {
+            this.availableChoices = this.buildFilterChoices(this.choices);
+        }
+    }
+    buildFilterChoices(availableValues) {
+        return [
+            ...[
+                {
+                    label: 'all',
+                    value: 'all',
+                },
+            ],
+            ...availableValues,
+        ];
+    }
+    onSelectedValues(values) {
+        const selectedValues = values.includes('all') ? [] : values;
+        this.selectionChanged.emit(selectedValues);
+    }
+    isSelectedChoice(choiceValue) {
+        return this.selected.includes(choiceValue);
+    }
+    isAllChoice(choiceValue) {
+        return this.selected.length === 0 && choiceValue === 'all';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsSearchKindComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsSearchKindComponent, selector: "gn-ui-results-hits-search-kind", inputs: { selected: "selected", choices: "choices" }, outputs: { selectionChanged: "selectionChanged" }, usesOnChanges: true, ngImport: i0, template: "<gn-ui-inline-filter\n  [choices]=\"availableChoices\"\n  [selected]=\"selected\"\n  (selectValues)=\"onSelectedValues($event)\"\n>\n  <ng-template let-choice>\n    <gn-ui-kind-badge\n      [kind]=\"choice.value\"\n      [contentTemplate]=\"customTemplate\"\n      class=\"gn-ui-btn-outline rounded-md py-2 px-2 border-gray-400 cursor-pointer focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors bg-transparent hover:text-primary-darker focus:text-primary-darker active:text-primary-black\"\n      [ngClass]=\"{\n        '!bg-primary-lightest hover:bg-primary-lightest':\n          isSelectedChoice(choice.value) || isAllChoice(choice.value),\n      }\"\n    >\n      <ng-template #customTemplate>\n        {{ 'search.filters.recordKind.' + choice.value | translate\n        }}<span class=\"ml-1\" *ngIf=\"isSelectedChoice(choice.value)\"\n          >({{ choice.count }})</span\n        >\n      </ng-template>\n    </gn-ui-kind-badge>\n  </ng-template>\n</gn-ui-inline-filter>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InlineFilterComponent, selector: "gn-ui-inline-filter", inputs: ["choices", "selected"], outputs: ["selectValues"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["contentTemplate", "kind"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsSearchKindComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-results-hits-search-kind', template: "<gn-ui-inline-filter\n  [choices]=\"availableChoices\"\n  [selected]=\"selected\"\n  (selectValues)=\"onSelectedValues($event)\"\n>\n  <ng-template let-choice>\n    <gn-ui-kind-badge\n      [kind]=\"choice.value\"\n      [contentTemplate]=\"customTemplate\"\n      class=\"gn-ui-btn-outline rounded-md py-2 px-2 border-gray-400 cursor-pointer focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors bg-transparent hover:text-primary-darker focus:text-primary-darker active:text-primary-black\"\n      [ngClass]=\"{\n        '!bg-primary-lightest hover:bg-primary-lightest':\n          isSelectedChoice(choice.value) || isAllChoice(choice.value),\n      }\"\n    >\n      <ng-template #customTemplate>\n        {{ 'search.filters.recordKind.' + choice.value | translate\n        }}<span class=\"ml-1\" *ngIf=\"isSelectedChoice(choice.value)\"\n          >({{ choice.count }})</span\n        >\n      </ng-template>\n    </gn-ui-kind-badge>\n  </ng-template>\n</gn-ui-inline-filter>\n" }]
+        }], propDecorators: { selected: [{
+                type: Input
+            }], choices: [{
+                type: Input
+            }], selectionChanged: [{
+                type: Output
+            }] } });
+
 marker('record.was.created.time');
 class RecordPreviewFeedComponent extends RecordPreviewComponent {
     constructor(elementRef, translate) {
@@ -28754,7 +29250,7 @@ class ApiCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink", size: "size" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div>\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink", size: "size" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"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  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div 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      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
             provideIcons({
                 iconoirSettings,
             }),
@@ -28772,7 +29268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideIcons({
                             iconoirSettings,
                         }),
-                    ], template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div>\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n" }]
+                    ], template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"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  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div 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      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], currentLink: [{
@@ -28859,7 +29355,7 @@ class DownloadItemComponent {
         this.exportUrl.emit(this.link.url.toString());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadItemComponent, isStandalone: true, selector: "gn-ui-download-item", inputs: { link: "link", color: "color", format: "format", isFromApi: "isFromApi", size: "size" }, outputs: { exportUrl: "exportUrl" }, ngImport: i0, template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  rel=\"noopener\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\" [title]=\"link.description || link.name\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <div class=\"flex flex-row gap-2 items-center pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span class=\"text-gray-800 text-xs\" *ngIf=\"isFromApi\" translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"iconoirDownload\"\n      >\n      </ng-icon>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadItemComponent, isStandalone: true, selector: "gn-ui-download-item", inputs: { link: "link", color: "color", format: "format", isFromApi: "isFromApi", size: "size" }, outputs: { exportUrl: "exportUrl" }, ngImport: i0, template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden w-full\"\n  rel=\"noopener\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-col flex-1 justify-between min-w-0\">\n    <div class=\"gn-ui-card-title\" [title]=\"link.description || link.name\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <div class=\"flex flex-row gap-2 items-center pt-1 min-w-0\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100 whitespace-nowrap\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span class=\"text-gray-800 text-xs\" *ngIf=\"isFromApi\" translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div\n    class=\"flex min-w-[32px] flex-shrink-0\"\n    [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\"\n  >\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"iconoirDownload\"\n      >\n      </ng-icon>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
             provideIcons({
                 iconoirDownload,
             }),
@@ -28871,7 +29367,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideIcons({
                             iconoirDownload,
                         }),
-                    ], template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  rel=\"noopener\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\" [title]=\"link.description || link.name\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <div class=\"flex flex-row gap-2 items-center pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span class=\"text-gray-800 text-xs\" *ngIf=\"isFromApi\" translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"iconoirDownload\"\n      >\n      </ng-icon>\n    </div>\n  </div>\n</a>\n" }]
+                    ], template: "<a\n  href=\"{{ link.url }}\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden w-full\"\n  rel=\"noopener\"\n  [ngClass]=\"cardClass\"\n>\n  <div class=\"flex flex-col flex-1 justify-between min-w-0\">\n    <div class=\"gn-ui-card-title\" [title]=\"link.description || link.name\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <div class=\"flex flex-row gap-2 items-center pt-1 min-w-0\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100 whitespace-nowrap\"\n        [style.background-color]=\"color\"\n        data-cy=\"download-format\"\n        >{{ format || ('downloads.format.unknown' | translate) }}</span\n      >\n      <span class=\"text-gray-800 text-xs\" *ngIf=\"isFromApi\" translate=\"\"\n        >datahub.search.filter.generatedByAPI</span\n      >\n    </div>\n  </div>\n  <div\n    class=\"flex min-w-[32px] flex-shrink-0\"\n    [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\"\n  >\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"iconoirDownload\"\n      >\n      </ng-icon>\n    </div>\n  </div>\n</a>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], color: [{
@@ -28890,10 +29386,18 @@ marker('datahub.search.filter.all');
 marker('datahub.search.filter.others');
 const FILTER_FORMATS = ['all', 'csv', 'excel', 'json', 'shp', 'others'];
 class DownloadsListComponent {
-    constructor(translateService) {
+    constructor(translateService, changeDetector) {
         this.translateService = translateService;
+        this.changeDetector = changeDetector;
         this.activeFilterFormats = ['all'];
     }
+    get linksCount() {
+        return this.filteredLinks?.length || 0;
+    }
+    updateList($event) {
+        this._list = $event;
+        this.changeDetector.detectChanges();
+    }
     removeDuplicateFormats(links) {
         const preferredLinks = new Map();
         links.forEach((link) => {
@@ -28971,18 +29475,20 @@ class DownloadsListComponent {
             (link.accessServiceProtocol === 'wfs' ||
                 link.accessServiceProtocol === 'ogcFeatures'));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadsListComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadsListComponent, isStandalone: true, selector: "gn-ui-downloads-list", inputs: { links: "links" }, ngImport: i0, template: "<div\n  class=\"flex flex-wrap justify-between items-center pb-4\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <div\n    class=\"font-title text-xl text-title font-medium mr-4 text-center sm:text-left\"\n    translate\n  >\n    record.metadata.download\n  </div>\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-60')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n<div class=\"mb-2 sm:mb-3\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    size=\"L\"\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: DownloadItemComponent, selector: "gn-ui-download-item", inputs: ["link", "color", "format", "isFromApi", "size"], outputs: ["exportUrl"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadsListComponent, deps: [{ token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DownloadsListComponent, isStandalone: true, selector: "gn-ui-downloads-list", inputs: { links: "links" }, ngImport: i0, template: "<div\n  class=\"flex flex-wrap justify-between items-center pb-4\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <div class=\"flex flex-row items-center gap-x-4\">\n    <div>\n      <span\n        class=\"font-title text-xl text-title font-medium text-center sm:text-left\"\n        translate\n      >\n        record.metadata.download\n      </span>\n      <span class=\"px-3\">({{ linksCount }})</span>\n    </div>\n    <gn-ui-previous-next-buttons\n      class=\"md:block hidden\"\n      *ngIf=\"_list?.pagesCount > 1\"\n      [listComponent]=\"_list\"\n    ></gn-ui-previous-next-buttons>\n  </div>\n\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-60')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n\n<ng-container>\n  <gn-ui-block-list\n    class=\"md:block hidden\"\n    #blockList\n    (listChanges)=\"updateList($event)\"\n    containerClass=\"gap-4 pt-5 pb-7\"\n  >\n    <gn-ui-download-item\n      #block\n      *ngFor=\"let link of filteredLinks\"\n      [link]=\"link\"\n      [color]=\"getLinkColor(link)\"\n      [format]=\"getLinkFormat(link)\"\n      [isFromApi]=\"isFromApi(link)\"\n      [size]=\"blockList.subComponentSize\"\n    ></gn-ui-download-item>\n  </gn-ui-block-list>\n</ng-container>\n\n<div class=\"mb-5 md:hidden block\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    size=\"M\"\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: BlockListComponent, selector: "gn-ui-block-list", inputs: ["containerClass", "paginationContainerClass"], outputs: ["listChanges"] }, { kind: "component", type: DownloadItemComponent, selector: "gn-ui-download-item", inputs: ["link", "color", "format", "isFromApi", "size"], outputs: ["exportUrl"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: PreviousNextButtonsComponent, selector: "gn-ui-previous-next-buttons", inputs: ["listComponent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-downloads-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
                         ButtonComponent,
+                        BlockListComponent,
                         DownloadItemComponent,
                         TranslateModule,
-                    ], template: "<div\n  class=\"flex flex-wrap justify-between items-center pb-4\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <div\n    class=\"font-title text-xl text-title font-medium mr-4 text-center sm:text-left\"\n    translate\n  >\n    record.metadata.download\n  </div>\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-60')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n<div class=\"mb-2 sm:mb-3\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    size=\"L\"\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }], propDecorators: { links: [{
+                        PreviousNextButtonsComponent,
+                    ], template: "<div\n  class=\"flex flex-wrap justify-between items-center pb-4\"\n  *ngIf=\"links && links.length > 0\"\n>\n  <div class=\"flex flex-row items-center gap-x-4\">\n    <div>\n      <span\n        class=\"font-title text-xl text-title font-medium text-center sm:text-left\"\n        translate\n      >\n        record.metadata.download\n      </span>\n      <span class=\"px-3\">({{ linksCount }})</span>\n    </div>\n    <gn-ui-previous-next-buttons\n      class=\"md:block hidden\"\n      *ngIf=\"_list?.pagesCount > 1\"\n      [listComponent]=\"_list\"\n    ></gn-ui-previous-next-buttons>\n  </div>\n\n  <div\n    class=\"flex flex-wrap justify-start sm:justify-end\"\n    data-cy=\"download-format-filters\"\n  >\n    <gn-ui-button\n      class=\"m-1 format-filter\"\n      [extraClass]=\"\n        '!px-[12px] !py-[8px] !text-[15px]' +\n        (isFilterActive(format) ? ' opacity-100' : ' opacity-60')\n      \"\n      (buttonClick)=\"toggleFilterFormat(format)\"\n      [attr.data-format]=\"format\"\n      *ngFor=\"let format of visibleFormats\"\n    >\n      {{ getFilterFormatTitle(format) }}\n    </gn-ui-button>\n  </div>\n</div>\n\n<ng-container>\n  <gn-ui-block-list\n    class=\"md:block hidden\"\n    #blockList\n    (listChanges)=\"updateList($event)\"\n    containerClass=\"gap-4 pt-5 pb-7\"\n  >\n    <gn-ui-download-item\n      #block\n      *ngFor=\"let link of filteredLinks\"\n      [link]=\"link\"\n      [color]=\"getLinkColor(link)\"\n      [format]=\"getLinkFormat(link)\"\n      [isFromApi]=\"isFromApi(link)\"\n      [size]=\"blockList.subComponentSize\"\n    ></gn-ui-download-item>\n  </gn-ui-block-list>\n</ng-container>\n\n<div class=\"mb-5 md:hidden block\" *ngFor=\"let link of filteredLinks\">\n  <gn-ui-download-item\n    size=\"M\"\n    [link]=\"link\"\n    [color]=\"getLinkColor(link)\"\n    [format]=\"getLinkFormat(link)\"\n    [isFromApi]=\"isFromApi(link)\"\n  ></gn-ui-download-item>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { links: [{
                 type: Input
             }] } });
 
@@ -29298,7 +29804,7 @@ class LinkCardComponent {
                 matOpenInNew,
             }),
             provideNgIconsConfig({ size: '1.5em' }),
-        ], ngImport: i0, template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between 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    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div\n    class=\"flex min-w-[32px]\"\n    [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\"\n  >\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkCardComponent, decorators: [{
             type: Component,
@@ -29307,7 +29813,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             matOpenInNew,
                         }),
                         provideNgIconsConfig({ size: '1.5em' }),
-                    ], template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div class=\"flex\" [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\">\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n" }]
+                    ], template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between 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    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div\n    class=\"flex min-w-[32px]\"\n    [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\"\n  >\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], size: [{
@@ -29384,7 +29890,7 @@ class MetadataContactComponent {
         this.organizationClick.emit(this.shownOrganization);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
             provideIcons({
                 matOpenInNew,
                 matCallOutline,
@@ -29404,7 +29910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             matPersonOutline,
                             matLocationOnOutline,
                         }),
-                    ], template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black mb-6\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"py-5 px-5 rounded bg-gray-100 text-black\">\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-sm font-medium\" translate>record.metadata.contact</p>\n    </div>\n    <div\n      *ngIf=\"shownOrganization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"grid gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      <div *ngIf=\"shownOrganization?.website\">\n        <a\n          [href]=\"shownOrganization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ shownOrganization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n    </div>\n    <div class=\"grid gap-5 py-3 overflow-hidden\">\n      <div *ngIf=\"contacts[0]?.phone\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matCallOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"contacts.length\"\n            [href]=\"'mailto:' + contacts[0].email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ contacts[0].email }}</a\n          >\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.firstName || contacts[0]?.lastName\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matPersonOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p class=\"text-sm\">\n              {{ contacts[0]?.firstName || '' }}\n              {{ contacts[0]?.lastName || '' }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"contacts[0]?.address\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matLocationOnOutline\"\n          ></ng-icon>\n          <div class=\"flex flex-col ml-2\">\n            <p *ngFor=\"let addressPart of address\" class=\"text-sm\">\n              {{ addressPart }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], organizationClick: [{
@@ -29489,6 +29995,316 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
 
+const DO_NOT_USE_DEFAULT_BASEMAP = new InjectionToken('doNotUseDefaultBasemap', { factory: () => false });
+const BASEMAP_LAYERS = new InjectionToken('basemapLayers', { factory: () => [] });
+const MAP_VIEW_CONSTRAINTS = new InjectionToken('mapViewConstraints', {
+    factory: () => ({}),
+});
+const VECTOR_STYLE_DEFAULT = new InjectionToken('vectorStyleDefault', {
+    factory: () => ({
+        fill: { color: 'rgba(255, 255, 255, 0.2)' },
+        stroke: { color: '#ffcc33', width: 2 },
+    }),
+});
+
+const DEFAULT_BASEMAP_LAYER = {
+    type: 'xyz',
+    url: `https://{a-c}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png`,
+    attributions: `<span>© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, © <a href="https://carto.com/">Carto</a></span>`,
+};
+const DEFAULT_VIEW = {
+    center: [0, 15],
+    zoom: 2,
+};
+class MapContainerComponent {
+    get featuresClick() {
+        if (!this._featuresClick) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, FeaturesClickEventType, ({ features }) => this._featuresClick.emit(features));
+            });
+            this._featuresClick = new EventEmitter();
+        }
+        return this._featuresClick;
+    }
+    get featuresHover() {
+        if (!this._featuresHover) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, FeaturesHoverEventType, ({ features }) => this._featuresHover.emit(features));
+            });
+            this._featuresHover = new EventEmitter();
+        }
+        return this._featuresHover;
+    }
+    get mapClick() {
+        if (!this._mapClick) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, MapClickEventType, ({ coordinate }) => this._mapClick.emit(coordinate));
+            });
+            this._mapClick = new EventEmitter();
+        }
+        return this._mapClick;
+    }
+    get sourceLoadError() {
+        if (!this._sourceLoadError) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, SourceLoadErrorType, (error) => this._sourceLoadError.emit(error));
+            });
+            this._sourceLoadError = new EventEmitter();
+        }
+        return this._sourceLoadError;
+    }
+    constructor(doNotUseDefaultBasemap, basemapLayers, mapViewConstraints) {
+        this.doNotUseDefaultBasemap = doNotUseDefaultBasemap;
+        this.basemapLayers = basemapLayers;
+        this.mapViewConstraints = mapViewConstraints;
+        this.openlayersMap = new Promise((resolve) => {
+            this.olMapResolver = resolve;
+        });
+    }
+    async ngAfterViewInit() {
+        this.olMap = await createMapFromContext(this.processContext(this.context), this.container.nativeElement);
+        this.displayMessage$ = merge(fromEvent(this.olMap, 'mapmuted').pipe(map$1(() => true)), fromEvent(this.olMap, 'movestart').pipe(map$1(() => false)), fromEvent(this.olMap, 'singleclick').pipe(map$1(() => false))).pipe(switchMap$1((muted) => muted
+            ? timer(2000).pipe(map$1(() => false), startWith(true), delay(400))
+            : of(false)));
+        this.olMapResolver(this.olMap);
+    }
+    async ngOnChanges(changes) {
+        if ('context' in changes && !changes['context'].isFirstChange()) {
+            const diff = computeMapContextDiff(this.processContext(changes['context'].currentValue), this.processContext(changes['context'].previousValue));
+            await applyContextDiffToMap(this.olMap, diff);
+        }
+    }
+    // This will apply basemap layers & view constraints
+    processContext(context) {
+        const processed = context
+            ? { ...context, view: context.view ?? DEFAULT_VIEW }
+            : { layers: [], view: DEFAULT_VIEW };
+        if (this.basemapLayers.length) {
+            processed.layers = [...this.basemapLayers, ...processed.layers];
+        }
+        if (!this.doNotUseDefaultBasemap) {
+            processed.layers = [DEFAULT_BASEMAP_LAYER, ...processed.layers];
+        }
+        if (this.mapViewConstraints.maxZoom) {
+            processed.view = {
+                maxZoom: this.mapViewConstraints.maxZoom,
+                ...processed.view,
+            };
+        }
+        if (this.mapViewConstraints.maxExtent) {
+            processed.view = {
+                maxExtent: this.mapViewConstraints.maxExtent,
+                ...processed.view,
+            };
+        }
+        if (processed.view &&
+            !('zoom' in processed.view) &&
+            !('center' in processed.view)) {
+            if (this.mapViewConstraints.maxExtent) {
+                processed.view = {
+                    extent: this.mapViewConstraints.maxExtent,
+                    ...processed.view,
+                };
+            }
+            else {
+                processed.view = { ...DEFAULT_VIEW, ...processed.view };
+            }
+        }
+        return processed;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, deps: [{ token: DO_NOT_USE_DEFAULT_BASEMAP }, { token: BASEMAP_LAYERS }, { token: MAP_VIEW_CONSTRAINTS }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapContainerComponent, isStandalone: true, selector: "gn-ui-map-container", inputs: { context: "context" }, outputs: { featuresClick: "featuresClick", featuresHover: "featuresHover", mapClick: "mapClick", sourceLoadError: "sourceLoadError" }, providers: [
+            provideIcons({ matSwipeOutline }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["map"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-map-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, NgIconComponent], providers: [
+                        provideIcons({ matSwipeOutline }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DO_NOT_USE_DEFAULT_BASEMAP]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BASEMAP_LAYERS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAP_VIEW_CONSTRAINTS]
+                }] }], propDecorators: { context: [{
+                type: Input
+            }], featuresClick: [{
+                type: Output
+            }], featuresHover: [{
+                type: Output
+            }], mapClick: [{
+                type: Output
+            }], sourceLoadError: [{
+                type: Output
+            }], container: [{
+                type: ViewChild,
+                args: ['map']
+            }] } });
+
+const geometryKeys = ['geometry', 'the_geom'];
+class FeatureDetailComponent {
+    get properties() {
+        if (!this.feature)
+            return [];
+        return Object.keys(this.feature.properties).filter((prop) => !geometryKeys.includes(prop));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureDetailComponent, isStandalone: true, selector: "gn-ui-feature-detail", inputs: { feature: "feature" }, ngImport: i0, template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-feature-detail', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"] }]
+        }], propDecorators: { feature: [{
+                type: Input
+            }] } });
+
+class MapLegendComponent {
+    constructor() {
+        this.legendStatusChange = new EventEmitter();
+    }
+    async ngOnChanges(changes) {
+        if ('context' in changes) {
+            const mapContext = changes['context'].currentValue;
+            if (mapContext.layers && mapContext.layers.length > 0) {
+                const mapContextLayer = mapContext.layers[0];
+                this.legendHTML = await createLegendFromLayer(mapContextLayer);
+                if (this.legendHTML) {
+                    this.legendStatusChange.emit(true);
+                }
+            }
+            else {
+                this.legendHTML = false;
+                this.legendStatusChange.emit(false);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapLegendComponent, isStandalone: true, selector: "gn-ui-map-legend", inputs: { context: "context" }, outputs: { legendStatusChange: "legendStatusChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-map-legend', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"] }]
+        }], propDecorators: { context: [{
+                type: Input
+            }], legendStatusChange: [{
+                type: Output
+            }] } });
+
+function prioritizePageScroll(interactions) {
+    interactions.clear();
+    interactions.extend(defaults({
+        // remove rotate interactions
+        altShiftDragRotate: false,
+        pinchRotate: false,
+        // replace drag and zoom interactions
+        dragPan: false,
+        mouseWheelZoom: false,
+    })
+        .extend([
+        new DragPan({
+            condition: dragPanCondition,
+        }),
+        new MouseWheelZoom({
+            condition: mouseWheelZoomCondition,
+        }),
+    ])
+        .getArray());
+}
+function dragPanCondition(event) {
+    const dragPanCondition = this.getPointerCount() === 2 || mouseOnly(event);
+    if (!dragPanCondition) {
+        this.getMap().dispatchEvent('mapmuted');
+    }
+    // combine the condition with the default DragPan conditions
+    return dragPanCondition && noModifierKeys(event) && primaryAction(event);
+}
+function mouseWheelZoomCondition(event) {
+    if (!platformModifierKeyOnly(event) && event.type === 'wheel') {
+        this.getMap().dispatchEvent('mapmuted');
+    }
+    return platformModifierKeyOnly(event);
+}
+
+class SpatialExtentComponent {
+    constructor() {
+        this.spatialExtents$ = new BehaviorSubject([]);
+        this.mapContext$ = this.spatialExtents$.pipe(switchMap$1(async (extents) => {
+            if (extents.length === 0) {
+                return null; // null extent means default view
+            }
+            const featureCollection = {
+                type: 'FeatureCollection',
+                features: [],
+            };
+            extents.forEach((extent) => {
+                if (extent.geometry) {
+                    featureCollection.features.push({
+                        type: 'Feature',
+                        properties: {},
+                        geometry: extent.geometry,
+                    });
+                }
+                else if (extent.bbox?.length >= 0) {
+                    featureCollection.features.push({
+                        type: 'Feature',
+                        properties: {},
+                        geometry: this.bboxCoordsToGeometry(extent.bbox),
+                    });
+                }
+            });
+            const layer = {
+                type: 'geojson',
+                data: featureCollection,
+                label: 'Spatial extents',
+                style: {
+                    'stroke-color': 'black',
+                    'stroke-width': 2,
+                },
+            };
+            const view = await createViewFromLayer(layer);
+            return {
+                view,
+                layers: [layer],
+            };
+        }));
+        this.error = '';
+    }
+    set spatialExtents(value) {
+        this.spatialExtents$.next(value);
+    }
+    bboxCoordsToGeometry(bbox) {
+        const geometry = new Polygon([
+            [
+                [bbox[0], bbox[1]],
+                [bbox[0], bbox[3]],
+                [bbox[2], bbox[3]],
+                [bbox[2], bbox[1]],
+                [bbox[0], bbox[1]],
+            ],
+        ]);
+        return new GeoJSON().writeGeometryObject(geometry);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpatialExtentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpatialExtentComponent, isStandalone: true, selector: "gn-ui-spatial-extent", inputs: { spatialExtents: "spatialExtents" }, ngImport: i0, template: "<gn-ui-map-container\n  class=\"h-full w-full\"\n  [context]=\"mapContext$ | async\"\n></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpatialExtentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-spatial-extent', standalone: true, imports: [CommonModule, MapContainerComponent], template: "<gn-ui-map-container\n  class=\"h-full w-full\"\n  [context]=\"mapContext$ | async\"\n></gn-ui-map-container>\n" }]
+        }], propDecorators: { spatialExtents: [{
+                type: Input
+            }] } });
+
 class MetadataInfoComponent {
     constructor(dateService) {
         this.dateService = dateService;
@@ -29541,7 +30357,7 @@ class MetadataInfoComponent {
         }
     }
     get temporalExtent() {
-        const temporalExtents = this.metadata.temporalExtents;
+        const temporalExtents = this.metadata.kind === 'dataset' ? this.metadata.temporalExtents : [];
         return getTemporalRangeUnion(temporalExtents, this.dateService);
     }
     get shownOrganization() {
@@ -29563,7 +30379,7 @@ class MetadataInfoComponent {
         return this.dateService.formatDateTime(date);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataInfoComponent, deps: [{ token: DateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataInfoComponent, isStandalone: true, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-primary text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.technical' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MaxLinesComponent, selector: "gn-ui-max-lines", inputs: ["maxLines"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataInfoComponent, isStandalone: true, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-black text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    (metadata.kind === 'dataset' && metadata.lineage) ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    (metadata.kind === 'dataset' && metadata.status)\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.kind !== 'dataset' && metadata.spatialExtents\"\n  [title]=\"'service.metadata.spatialExtent' | translate\"\n>\n  <gn-ui-spatial-extent\n    class=\"flex h-[271px] w-full rounded-lg border border-gray-100 mt-3 mb-6\"\n    [spatialExtents]=\"metadata.spatialExtents\"\n  ></gn-ui-spatial-extent>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'service.metadata.other' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}:host{--gn-ui-badge-background-color: var(--color-primary-white);--gn-ui-badge-text-color: var(--color-primary-darkest)}:host ::ng-deep gn-ui-badge:hover{--gn-ui-badge-text-color: white}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MaxLinesComponent, selector: "gn-ui-max-lines", inputs: ["maxLines"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }, { kind: "component", type: SpatialExtentComponent, selector: "gn-ui-spatial-extent", inputs: ["spatialExtents"] }], viewProviders: [
             provideIcons({
                 matOpenInNew,
                 matMailOutline: matMailOutline$1,
@@ -29584,12 +30400,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CopyTextButtonComponent,
                         NgIcon,
                         GnUiLinkifyDirective,
+                        MapContainerComponent,
+                        SpatialExtentComponent,
                     ], viewProviders: [
                         provideIcons({
                             matOpenInNew,
                             matMailOutline: matMailOutline$1,
                         }),
-                    ], template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-primary text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.technical' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}\n"] }]
+                    ], template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost\n    ghostClass=\"h-[178px]\"\n    [showContent]=\"fieldReady('abstract')\"\n  >\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n  </gn-ui-content-ghost>\n\n  <p\n    class=\"mt-6 mb-3 font-medium text-black text-sm\"\n    translate\n    *ngIf=\"!fieldReady('keywords') || metadata.keywords?.length\"\n  >\n    record.metadata.keywords\n  </p>\n\n  <gn-ui-content-ghost\n    ghostClass=\"h-[31px] w-3/4\"\n    [showContent]=\"fieldReady('keywords')\"\n  >\n    <div *ngIf=\"metadata.keywords?.length\">\n      <div class=\"sm:pb-4 flex flex-wrap gap-2\">\n        <gn-ui-badge\n          class=\"inline-block lowercase\"\n          (click)=\"onKeywordClick(keyword)\"\n          [clickable]=\"true\"\n          *ngFor=\"let keyword of metadata.keywords\"\n          >{{ keyword.label }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </gn-ui-content-ghost>\n</div>\n\n<gn-ui-expandable-panel\n  *ngIf=\"\n    metadata.licenses ||\n    metadata.legalConstraints ||\n    metadata.securityConstraints ||\n    metadata.otherConstraints\n  \"\n  [title]=\"'record.metadata.usage' | translate\"\n>\n  <div class=\"flex flex-col gap-[10px] mr-4 py-[12px] rounded text-gray-900\">\n    <ng-container *ngFor=\"let license of licenses\">\n      <div *ngIf=\"license.url; else noUrl\" class=\"text-primary\">\n        <a\n          [href]=\"license.url\"\n          target=\"_blank\"\n          class=\"cursor-pointer hover:underline transition-all\"\n        >\n          {{ license.text }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <ng-template #noUrl>\n        <div class=\"text-primary\" gnUiLinkify>\n          {{ license.text }}\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"legalConstraints.length\">\n      <div class=\"mb-6\">\n        <gn-ui-markdown-parser\n          *ngFor=\"let constraint of legalConstraints\"\n          [textContent]=\"constraint\"\n        >\n        </gn-ui-markdown-parser>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"otherConstraints.length\">\n      <div gnUiLinkify *ngFor=\"let constraint of otherConstraints\">\n        <h5 translate class=\"font-medium text-black text-sm mb-[2px] mt-[16px]\">\n          record.metadata.otherConstraints\n        </h5>\n        <div class=\"mb-6\">\n          <gn-ui-markdown-parser [textContent]=\"constraint\">\n          </gn-ui-markdown-parser>\n        </div>\n      </div>\n    </ng-container>\n\n    <span class=\"noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"\n    (metadata.kind === 'dataset' && metadata.lineage) ||\n    metadata.resourceUpdated ||\n    metadata.updateFrequency ||\n    (metadata.kind === 'dataset' && metadata.status)\n  \"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div *ngIf=\"metadata.lineage\" class=\"text-gray-900 flex flex-col mt-4 gap-2\">\n    <p class=\"whitespace-pre-line break-words text-gray-900\" gnUiLinkify>\n      {{ metadata.lineage }}\n    </p>\n  </div>\n  <div class=\"flex flex-row gap-6 mt-5 mb-8\" *ngIf=\"resourceContact\">\n    <div\n      *ngIf=\"resourceContact.organization?.logoUrl?.href\"\n      class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n    >\n      <gn-ui-thumbnail\n        class=\"relative h-full w-full\"\n        [thumbnailUrl]=\"resourceContact.organization.logoUrl.href\"\n        fit=\"contain\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div class=\"flex flex-col gap-1\">\n      <p class=\"text-sm font-medium\" translate>record.metadata.producer</p>\n      <div\n        class=\"text-primary font-title text-21 mr-2 cursor-pointer hover:underline\"\n        data-cy=\"organization-name\"\n      >\n        {{ resourceContact.organization?.name }}\n      </div>\n      <div *ngIf=\"resourceContact.organization?.website\">\n        <a\n          [href]=\"resourceContact.organization.website\"\n          target=\"_blank\"\n          class=\"contact-website text-primary text-sm cursor-pointer hover:underline transition-all\"\n          >{{ resourceContact.organization.website }}\n          <ng-icon\n            class=\"!w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            name=\"matOpenInNew\"\n          ></ng-icon>\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <ng-icon\n            class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n            name=\"matMailOutline\"\n          ></ng-icon>\n          <a\n            *ngIf=\"resourceContact.email\"\n            [href]=\"'mailto:' + resourceContact.email\"\n            class=\"text-sm hover:underline ml-2\"\n            target=\"_blank\"\n            data-cy=\"contact-email\"\n            >{{ resourceContact?.email }}</a\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700\"\n  >\n    <div *ngIf=\"metadata.resourceCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourceCreated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.resourcePublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ formatDate(metadata.resourcePublished) }}\n      </p>\n    </div>\n    <div *ngIf=\"updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p\n        class=\"text-primary font-medium mt-1 updateFrequency\"\n        translate\n        [translateParams]=\"{ count: updatedTimes }\"\n      >\n        {{ updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.otherLanguages?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.languages</p>\n      <div class=\"flex flex-row gap-1 flex-wrap\">\n        <p\n          class=\"text-primary font-medium\"\n          translate\n          *ngFor=\"let language of metadata.otherLanguages\"\n        >\n          language.{{ language }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"temporalExtent\">\n      <p class=\"text-sm\" translate>record.metadata.temporalExtent</p>\n      <div class=\"flex flex-row gap-1 mb-1 text-primary font-medium\">\n        <p\n          *ngIf=\"temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{\n            start: temporalExtent.start,\n            end: temporalExtent.end,\n          }\"\n        >\n          record.metadata.temporalExtent.fromDateToDate\n        </p>\n        <p\n          *ngIf=\"temporalExtent.start && !temporalExtent.end\"\n          translate\n          [translateParams]=\"{ start: temporalExtent.start }\"\n        >\n          record.metadata.temporalExtent.sinceDate\n        </p>\n        <p\n          *ngIf=\"!temporalExtent.start && temporalExtent.end\"\n          translate\n          [translateParams]=\"{ end: temporalExtent.end }\"\n        >\n          record.metadata.temporalExtent.untilDate\n        </p>\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.kind !== 'dataset' && metadata.spatialExtents\"\n  [title]=\"'service.metadata.spatialExtent' | translate\"\n>\n  <gn-ui-spatial-extent\n    class=\"flex h-[271px] w-full rounded-lg border border-gray-100 mt-3 mb-6\"\n    [spatialExtents]=\"metadata.spatialExtents\"\n  ></gn-ui-spatial-extent>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'service.metadata.other' | translate\"\n>\n  <div class=\"flex flex-col gap-4 mr-4 py-5 rounded text-gray-700\">\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.topics?.length\">\n      <p class=\"text-sm mb-1\" translate>record.metadata.topics</p>\n      <div class=\"sm:pb-4 sm:pr-16\">\n        <gn-ui-badge\n          class=\"inline-block mr-2 mb-2 lowercase\"\n          *ngFor=\"let topic of metadata.topics\"\n          >{{ topic }}</gn-ui-badge\n        >\n      </div>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}:host ::ng-deep gn-ui-copy-text-button button ng-icon{transform:scale(.8)}:host{--gn-ui-badge-background-color: var(--color-primary-white);--gn-ui-badge-text-color: var(--color-primary-darkest)}:host ::ng-deep gn-ui-badge:hover{--gn-ui-badge-text-color: white}\n"] }]
         }], ctorParameters: () => [{ type: DateService }], propDecorators: { metadata: [{
                 type: Input
             }], incomplete: [{
@@ -29961,7 +30779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-marker('record.kind.dataset');
+marker('record.kind.data');
 marker('record.kind.reuse');
 marker('record.kind.service');
 class InternalLinkCardComponent {
@@ -30041,7 +30859,7 @@ class InternalLinkCardComponent {
             return { text: '', icon: '' };
         switch (this.record.kind.toLowerCase()) {
             case 'dataset':
-                return { text: 'record.kind.dataset', icon: 'iconoirDatabase' };
+                return { text: 'record.kind.data', icon: 'iconoirDatabase' };
             case 'reuse':
                 return { text: 'record.kind.reuse', icon: 'iconoirMap' };
             case 'service':
@@ -30109,6 +30927,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+marker(`service.metadata.search`);
+marker(`service.metadata.capabilities.title`);
+marker(`service.metadata.capabilities.abstract`);
+marker(`service.metadata.capabilities.name`);
+marker(`service.metadata.capabilities.defaultCrs`);
+marker(`service.metadata.capabilities.availableCrs`);
+marker(`service.metadata.capabilities.otherCrs`);
+marker(`service.metadata.capabilities.objectCount`);
+marker(`service.metadata.capabilities.geometryName`);
+marker(`service.metadata.capabilities.geometryType`);
+marker(`service.metadata.capabilities.keywords`);
+marker(`service.metadata.capabilities.outputFormats`);
+marker(`service.metadata.capabilities.resourceLinks`);
+marker(`service.metadata.capabilities.attribution`);
+class ServiceCapabilitiesComponent {
+    constructor(cdr, translateService) {
+        this.cdr = cdr;
+        this.translateService = translateService;
+        this.apiLinks = [];
+        this.availableLayers = [];
+        this.filteredLayers = [];
+        this.selectedLayer = null;
+        this.layerInformation = [];
+        this.searchQuery = '';
+        this.loading = false;
+        this.capabilitiesKeys = [
+            'title',
+            'abstract',
+            'name',
+            'defaultCrs',
+            'availableCrs',
+            'otherCrs',
+            'objectCount',
+            'geometryName',
+            'geometryType',
+            'keywords',
+            'outputFormats',
+            'resourceLinks',
+            'attribution',
+        ];
+    }
+    ngOnInit() {
+        this.loadLayers();
+    }
+    onSearchChange(event) {
+        const input = event.target;
+        this.searchQuery = input.value;
+        if (!input.value) {
+            this.searchActive = false;
+            this.filteredLayers = this.availableLayers;
+        }
+    }
+    onSearchEnter(event) {
+        if (event.key === 'Enter') {
+            this.searchActive = true;
+            this.searchLayers();
+        }
+    }
+    async loadLayers() {
+        if (this.apiLinks.length > 0 &&
+            this.apiLinks[0].accessServiceProtocol !== 'ogcFeatures') {
+            this.loading = true;
+            this.availableLayers = await getLayers(this.apiLinks[0].url.href, this.apiLinks[0].accessServiceProtocol);
+            this.loading = false;
+            this.cdr.detectChanges();
+            this.filteredLayers = this.availableLayers;
+        }
+        else {
+            this.availableLayers = [];
+        }
+    }
+    selectLayer(layer) {
+        if (layer === this.selectedLayer) {
+            this.selectedLayer = null;
+            this.layerInformation = [];
+            return;
+        }
+        this.selectedLayer = layer;
+        const filteredInfo = [];
+        Object.keys(layer).map((key) => {
+            if (this.capabilitiesKeys.includes(key)) {
+                const displayName = this.translateService.instant(`service.metadata.capabilities.${key}`);
+                if (key in layer && layer[key]?.length) {
+                    filteredInfo.push({ displayName, value: layer[key] });
+                }
+            }
+        });
+        this.layerInformation = filteredInfo;
+    }
+    isList(value) {
+        return Array.isArray(value);
+    }
+    getExtraInputClass() {
+        if (this.searchActive) {
+            return 'h-14 border rounded-lg border-primary text-primary focus:border-primary hover:border-primary';
+        }
+        return 'h-14 border rounded-lg';
+    }
+    searchLayers() {
+        this.searchActive = true;
+        this.filteredLayers = this.availableLayers.filter((layer) => {
+            const query = this.searchQuery.toLowerCase();
+            if (layer.title) {
+                return (layer.title.toLowerCase().includes(query) ||
+                    layer.abstract?.toLowerCase().includes(query));
+            }
+            else {
+                return layer.name.toLowerCase().includes(query);
+            }
+        });
+        if (!this.filteredLayers.includes(this.selectedLayer)) {
+            this.selectedLayer = null;
+            this.layerInformation = [];
+        }
+    }
+    getExtraClass(layerItem) {
+        return layerItem.title === this.selectedLayer?.title
+            ? `h-8 rounded-lg bg-primary-darker text-white hover:text-primary-darker hover:bg-white`
+            : `h-8 rounded-lg`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceCapabilitiesComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ServiceCapabilitiesComponent, isStandalone: true, selector: "gn-ui-service-capabilities", inputs: { apiLinks: "apiLinks" }, ngImport: i0, template: "<div style=\"height: 652px\" id=\"preview\" *ngIf=\"apiLinks.length > 0\">\n  <div class=\"bg-primary-opacity-10 overflow-visible\" style=\"height: 512px\">\n    <div class=\"container-lg px-4 lg:mx-auto\">\n      <div>\n        <div class=\"gn-ui-section-title mb-6\" translate>\n          service.metadata.capabilities\n        </div>\n        <div\n          *ngIf=\"loading\"\n          class=\"flex justify-center w-full h-[200px] items-center\"\n        >\n          <gn-ui-spinning-loader></gn-ui-spinning-loader>\n        </div>\n        <div *ngIf=\"!loading\">\n          <div class=\"flex flex-row gap-5\">\n            <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n              <gn-ui-text-input\n                class=\"w-full\"\n                [extraClass]=\"getExtraInputClass()\"\n                [placeholder]=\"'service.metadata.search' | translate\"\n                (input)=\"onSearchChange($event)\"\n                (keydown.enter)=\"onSearchEnter($event)\"\n              >\n              </gn-ui-text-input>\n              <div class=\"border-l absolute border-gray-200 right-0 h-14 w-14\">\n                <gn-ui-button\n                  #inputBtn\n                  type=\"outline\"\n                  extraClass=\"h-12 w-12 border-0 absolute right-1 top-1\"\n                  (buttonClick)=\"searchLayers()\"\n                >\n                  <ng-icon name=\"iconoirSearch\"></ng-icon>\n                </gn-ui-button>\n              </div>\n            </div>\n            <gn-ui-popover\n              [content]=\"popoverItems\"\n              theme=\"light\"\n              class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n            >\n              <ng-icon name=\"matInfoOutline\" class=\"w-6 h-6 pt-0.5\"></ng-icon>\n            </gn-ui-popover>\n          </div>\n          <div\n            style=\"height: 500px\"\n            class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n          >\n            <div\n              class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n              data-test=\"layer-list\"\n            >\n              <gn-ui-button\n                *ngFor=\"let layerItem of filteredLayers\"\n                type=\"outline\"\n                [extraClass]=\"getExtraClass(layerItem)\"\n                (buttonClick)=\"selectLayer(layerItem)\"\n              >\n                {{ layerItem.title || layerItem.name }}\n              </gn-ui-button>\n              <span *ngIf=\"filteredLayers.length === 0\" class=\"text-gray-800\">\n                {{ 'service.metadata.filter.noLayers' | translate }}\n              </span>\n            </div>\n            <div\n              data-test=\"layer-information\"\n              class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n            >\n              <div\n                *ngFor=\"let item of layerInformation\"\n                class=\"flex flex-row gap-4 border-b border-gray-200\"\n              >\n                <span class=\"font-semibold w-24\">{{ item.displayName }}</span>\n                <div *ngIf=\"isList(item.value)\">\n                  <div\n                    *ngFor=\"let subItem of item.value\"\n                    class=\"flex flex-row break-words max-w-72\"\n                  >\n                    {{ subItem }}\n                  </div>\n                </div>\n                <div class=\"break-words max-w-72\" *ngIf=\"!isList(item.value)\">\n                  {{ item.value }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }], viewProviders: [
+            provideIcons({
+                iconoirSearch,
+                matInfoOutline,
+            }),
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceCapabilitiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-service-capabilities', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ButtonComponent,
+                        TextInputComponent,
+                        NgIcon,
+                        PopoverComponent,
+                        SpinningLoaderComponent,
+                    ], viewProviders: [
+                        provideIcons({
+                            iconoirSearch,
+                            matInfoOutline,
+                        }),
+                    ], template: "<div style=\"height: 652px\" id=\"preview\" *ngIf=\"apiLinks.length > 0\">\n  <div class=\"bg-primary-opacity-10 overflow-visible\" style=\"height: 512px\">\n    <div class=\"container-lg px-4 lg:mx-auto\">\n      <div>\n        <div class=\"gn-ui-section-title mb-6\" translate>\n          service.metadata.capabilities\n        </div>\n        <div\n          *ngIf=\"loading\"\n          class=\"flex justify-center w-full h-[200px] items-center\"\n        >\n          <gn-ui-spinning-loader></gn-ui-spinning-loader>\n        </div>\n        <div *ngIf=\"!loading\">\n          <div class=\"flex flex-row gap-5\">\n            <div class=\"h-14 md:w-2/5 w-full mb-4 flex flex-row relative\">\n              <gn-ui-text-input\n                class=\"w-full\"\n                [extraClass]=\"getExtraInputClass()\"\n                [placeholder]=\"'service.metadata.search' | translate\"\n                (input)=\"onSearchChange($event)\"\n                (keydown.enter)=\"onSearchEnter($event)\"\n              >\n              </gn-ui-text-input>\n              <div class=\"border-l absolute border-gray-200 right-0 h-14 w-14\">\n                <gn-ui-button\n                  #inputBtn\n                  type=\"outline\"\n                  extraClass=\"h-12 w-12 border-0 absolute right-1 top-1\"\n                  (buttonClick)=\"searchLayers()\"\n                >\n                  <ng-icon name=\"iconoirSearch\"></ng-icon>\n                </gn-ui-button>\n              </div>\n            </div>\n            <gn-ui-popover\n              [content]=\"popoverItems\"\n              theme=\"light\"\n              class=\"w-14 h-14 border border-gray-300 rounded-lg flex justify-center items-center\"\n            >\n              <ng-icon name=\"matInfoOutline\" class=\"w-6 h-6 pt-0.5\"></ng-icon>\n            </gn-ui-popover>\n          </div>\n          <div\n            style=\"height: 500px\"\n            class=\"bg-white shadow-xl rounded p-0 flex md:flex-row flex-col\"\n          >\n            <div\n              class=\"flex flex-col gap-2 bg-gray-100 md:w-1/2 md:h-full w-full h-1/2 rounded-l overflow-y-auto py-5 pr-1 pl-3\"\n              data-test=\"layer-list\"\n            >\n              <gn-ui-button\n                *ngFor=\"let layerItem of filteredLayers\"\n                type=\"outline\"\n                [extraClass]=\"getExtraClass(layerItem)\"\n                (buttonClick)=\"selectLayer(layerItem)\"\n              >\n                {{ layerItem.title || layerItem.name }}\n              </gn-ui-button>\n              <span *ngIf=\"filteredLayers.length === 0\" class=\"text-gray-800\">\n                {{ 'service.metadata.filter.noLayers' | translate }}\n              </span>\n            </div>\n            <div\n              data-test=\"layer-information\"\n              class=\"flex flex-col gap-4 md:h-full md:w-1/2 w-full h-1/2 py-5 px-10 overflow-y-auto\"\n            >\n              <div\n                *ngFor=\"let item of layerInformation\"\n                class=\"flex flex-row gap-4 border-b border-gray-200\"\n              >\n                <span class=\"font-semibold w-24\">{{ item.displayName }}</span>\n                <div *ngIf=\"isList(item.value)\">\n                  <div\n                    *ngFor=\"let subItem of item.value\"\n                    class=\"flex flex-row break-words max-w-72\"\n                  >\n                    {{ subItem }}\n                  </div>\n                </div>\n                <div class=\"break-words max-w-72\" *ngIf=\"!isList(item.value)\">\n                  {{ item.value }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div translate>service.metadata.filter</div>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { apiLinks: [{
+                type: Input
+            }] } });
+
 class UiElementsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, declarations: [AvatarComponent, UserPreviewComponent], imports: [CommonModule,
@@ -30128,13 +31094,17 @@ class UiElementsModule {
             TextInputComponent,
             ImageInputComponent,
             ApplicationBannerComponent,
-            InternalLinkCardComponent], exports: [ThumbnailComponent,
+            InternalLinkCardComponent,
+            ServiceCapabilitiesComponent,
+            KindBadgeComponent], exports: [ThumbnailComponent,
             AvatarComponent,
             UserPreviewComponent,
             MarkdownParserComponent,
             ImageInputComponent,
             ApplicationBannerComponent,
-            InternalLinkCardComponent] }); }
+            InternalLinkCardComponent,
+            ServiceCapabilitiesComponent,
+            KindBadgeComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, providers: [
             provideNgIconsConfig({
                 size: '1.5em',
@@ -30155,7 +31125,9 @@ class UiElementsModule {
             TextInputComponent,
             ImageInputComponent,
             ApplicationBannerComponent,
-            InternalLinkCardComponent] }); }
+            InternalLinkCardComponent,
+            ServiceCapabilitiesComponent,
+            KindBadgeComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -30181,6 +31153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ImageInputComponent,
                         ApplicationBannerComponent,
                         InternalLinkCardComponent,
+                        ServiceCapabilitiesComponent,
+                        KindBadgeComponent,
                     ],
                     providers: [
                         provideNgIconsConfig({
@@ -30196,6 +31170,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ImageInputComponent,
                         ApplicationBannerComponent,
                         InternalLinkCardComponent,
+                        ServiceCapabilitiesComponent,
+                        KindBadgeComponent,
                     ],
                 }]
         }] });
@@ -30277,6 +31253,7 @@ class UiSearchModule {
             RecordMetricComponent,
             ResultsListComponent,
             ResultsHitsNumberComponent,
+            ResultsHitsSearchKindComponent,
             ResultsListItemComponent,
             RecordPreviewFeedComponent,
             RecordPreviewRowComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
@@ -30290,7 +31267,8 @@ class UiSearchModule {
             UiElementsModule,
             MatCheckboxModule,
             RouterLink,
-            InteractiveTableComponent, i2$2.NgIconsModule, MetadataQualityComponent], exports: [RecordPreviewListComponent,
+            InteractiveTableComponent, i2$2.NgIconsModule, KindBadgeComponent,
+            MetadataQualityComponent], exports: [RecordPreviewListComponent,
             RecordPreviewCardComponent,
             RecordPreviewTextComponent,
             RecordPreviewTitleComponent,
@@ -30299,6 +31277,7 @@ class UiSearchModule {
             FacetsModule$1,
             RecordPreviewComponent,
             ResultsHitsNumberComponent,
+            ResultsHitsSearchKindComponent,
             RecordPreviewFeedComponent,
             RecordPreviewRowComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiSearchModule, providers: [
@@ -30326,6 +31305,7 @@ class UiSearchModule {
                 matFace,
                 matHomeWorkOutline,
             }),
+            KindBadgeComponent,
             MetadataQualityComponent, FacetsModule$1] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiSearchModule, decorators: [{
@@ -30340,6 +31320,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         RecordMetricComponent,
                         ResultsListComponent,
                         ResultsHitsNumberComponent,
+                        ResultsHitsSearchKindComponent,
                         ResultsListItemComponent,
                         RecordPreviewFeedComponent,
                         RecordPreviewRowComponent,
@@ -30366,6 +31347,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             matFace,
                             matHomeWorkOutline,
                         }),
+                        KindBadgeComponent,
                         MetadataQualityComponent,
                     ],
                     exports: [
@@ -30378,6 +31360,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FacetsModule$1,
                         RecordPreviewComponent,
                         ResultsHitsNumberComponent,
+                        ResultsHitsSearchKindComponent,
                         RecordPreviewFeedComponent,
                         RecordPreviewRowComponent,
                     ],
@@ -30536,8 +31519,9 @@ class ResultsTableComponent {
         return getBadgeColor(format);
     }
     handleRecordClick(item) {
-        if (item?.extras?.edit || this.isDraftPage)
+        if ((item?.extras?.edit || this.isDraftPage) && item.kind === 'dataset') {
             this.recordClick.emit(item);
+        }
     }
     handleDuplicate(item) {
         this.duplicateRecord.emit(item);
@@ -30574,7 +31558,7 @@ class ResultsTableComponent {
         this.recordsSelectedChange.emit([[record], selected]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, deps: [{ token: i1$9.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: DateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", rollbackDraft: "rollbackDraft", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete", "isDraftPage"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", rollbackDraft: "rollbackDraft", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"(item.extras?.edit || isDraftPage) && item.kind === 'dataset'\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"\n          (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\n        \"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light':\n              (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete", "isDraftPage"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -30588,7 +31572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ActionMenuComponent,
                         NgIconComponent,
                         CdkOverlayOrigin,
-                    ], providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
+                    ], providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"(item.extras?.edit || isDraftPage) && item.kind === 'dataset'\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"\n          (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\n        \"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light':\n              (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
         }], ctorParameters: () => [{ type: i1$9.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: DateService }], propDecorators: { records: [{
                 type: Input
             }], selectedRecordsIdentifiers: [{
@@ -31619,9 +32603,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: SearchFacade }] });
 
-class RecordsRepositoryInterface {
-}
-
 class FuzzySearchComponent {
     constructor(searchFacade, searchService, recordsRepository) {
         this.searchFacade = searchFacade;
@@ -31760,7 +32741,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }] }] });
 
 // expects the replacement key ${uuid}
-const RECORD_URL_TOKEN = new InjectionToken('record-url-token');
+const RECORD_DATASET_URL_TOKEN = new InjectionToken('record-dataset-url-token');
+const RECORD_SERVICE_URL_TOKEN = new InjectionToken('record-service-url-token');
+const RECORD_REUSE_URL_TOKEN = new InjectionToken('record-reuse-url-token');
 
 class FavoriteStarComponent {
     set record(value) {
@@ -31787,9 +32770,10 @@ class FavoriteStarComponent {
         this.isAnonymous$ = this.platformService.isAnonymous();
         this.loading = false;
         this.loginUrl = this.authService.loginUrl;
-        this.loginMessage$ = this.translateService.get('favorite.not.authenticated.tooltip', {
+        this.loginMessage$ = this.translateService.onLangChange.pipe(startWith(null), // make sure to wait for translations to be loaded with and without language change
+        switchMap$1(() => this.translateService.get('favorite.not.authenticated.tooltip', {
             link: this.loginUrl,
-        });
+        })));
     }
     ngAfterViewInit() {
         this.subscription = this.isAnonymous$
@@ -31845,11 +32829,11 @@ class FavoriteStarComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FavoriteStarComponent, deps: [{ token: FavoritesService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: AuthService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FavoriteStarComponent, isStandalone: true, selector: "gn-ui-favorite-star", inputs: { displayCount: "displayCount", record: "record" }, viewQueries: [{ propertyName: "starToggleRef", first: true, predicate: StarToggleComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-0.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n  <span\n    class=\"align-text-top ml-1.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"!displayCount\"\n    translate=\"datahub.record.addToFavorites\"\n  ></span>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: ["toggled", "disabled"], outputs: ["newValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FavoriteStarComponent, isStandalone: true, selector: "gn-ui-favorite-star", inputs: { displayCount: "displayCount", record: "record" }, viewQueries: [{ propertyName: "starToggleRef", first: true, predicate: StarToggleComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-0.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: ["toggled", "disabled"], outputs: ["newValue"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FavoriteStarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-favorite-star', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, StarToggleComponent], template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-0.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n  <span\n    class=\"align-text-top ml-1.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"!displayCount\"\n    translate=\"datahub.record.addToFavorites\"\n  ></span>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-favorite-star', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, StarToggleComponent, TranslateModule], template: "<div class=\"flex flex-row items-center\">\n  <span\n    class=\"align-text-top mr-1.5 mt-0.5\"\n    data-test=\"favorite-count\"\n    *ngIf=\"hasFavoriteCount && displayCount\"\n    >{{ favoriteCount }}</span\n  >\n  <gn-ui-star-toggle\n    [toggled]=\"isFavorite$ | async\"\n    (newValue)=\"toggleFavorite($event)\"\n    [disabled]=\"loading || (isAnonymous$ | async)\"\n  ></gn-ui-star-toggle>\n</div>\n" }]
         }], ctorParameters: () => [{ type: FavoritesService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: AuthService }, { type: i1$1.TranslateService }], propDecorators: { displayCount: [{
                 type: Input
             }], record: [{
@@ -31860,10 +32844,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class ResultsListContainerComponent {
-    constructor(facade, resultsLayoutConfig, recordUrlTemplate) {
+    constructor(facade, resultsLayoutConfig, recordDatasetUrlTemplate, recordServiceUrlTemplate, recordReuseUrlTemplate) {
         this.facade = facade;
         this.resultsLayoutConfig = resultsLayoutConfig;
-        this.recordUrlTemplate = recordUrlTemplate;
+        this.recordDatasetUrlTemplate = recordDatasetUrlTemplate;
+        this.recordServiceUrlTemplate = recordServiceUrlTemplate;
+        this.recordReuseUrlTemplate = recordReuseUrlTemplate;
         this.showMore = 'auto';
         this.mdSelect = new EventEmitter();
         this.errorTypes = ErrorType;
@@ -31895,16 +32881,24 @@ class ResultsListContainerComponent {
         this.facade.scroll();
     }
     getRecordUrl(metadata) {
-        if (!this.recordUrlTemplate)
+        const tokenMap = {
+            dataset: this.recordDatasetUrlTemplate,
+            service: this.recordServiceUrlTemplate,
+            reuse: this.recordReuseUrlTemplate,
+        };
+        if (!this.recordDatasetUrlTemplate &&
+            !this.recordServiceUrlTemplate &&
+            !this.recordReuseUrlTemplate)
             return null;
-        return this.recordUrlTemplate.replace('${uuid}', metadata.uniqueIdentifier);
+        const urlKind = tokenMap[metadata.kind];
+        return urlKind.replace('${uuid}', metadata.uniqueIdentifier);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListContainerComponent, deps: [{ token: SearchFacade }, { token: RESULTS_LAYOUT_CONFIG }, { token: RECORD_URL_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: { metadataQualityDisplay: "metadataQualityDisplay", layout: "layout", showMore: "showMore" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: ["records", "layoutConfig", "favoriteTemplate", "recordUrlGetter", "metadataQualityDisplay"], outputs: ["mdSelect"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: ["isInViewport", "entersViewport", "exitsViewport"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: ErrorComponent, selector: "gn-ui-error", inputs: ["type", "error", "recordId"] }, { kind: "component", type: FavoriteStarComponent, selector: "gn-ui-favorite-star", inputs: ["displayCount", "record"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListContainerComponent, deps: [{ token: SearchFacade }, { token: RESULTS_LAYOUT_CONFIG }, { token: RECORD_DATASET_URL_TOKEN, optional: true }, { token: RECORD_SERVICE_URL_TOKEN }, { token: RECORD_REUSE_URL_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: { metadataQualityDisplay: "metadataQualityDisplay", layout: "layout", showMore: "showMore" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n        [style.--gn-ui-button-width]=\"!auto\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [":host{--gn-ui-button-height: 24px;--gn-ui-button-width: 24px;--gn-ui-button-color: var(--color-secondary);--gn-ui-button-border-width: 0px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: ["records", "layoutConfig", "favoriteTemplate", "recordUrlGetter", "metadataQualityDisplay"], outputs: ["mdSelect"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: ["isInViewport", "entersViewport", "exitsViewport"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: ErrorComponent, selector: "gn-ui-error", inputs: ["type", "error", "recordId"] }, { kind: "component", type: FavoriteStarComponent, selector: "gn-ui-favorite-star", inputs: ["displayCount", "record"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-list-container', template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n" }]
+            args: [{ selector: 'gn-ui-results-list-container', template: "<div *ngIf=\"(error$ | async) === null\" class=\"search-results relative\">\n  <gn-ui-results-list\n    [records]=\"facade.results$ | async\"\n    [layoutConfig]=\"layoutConfig$ | async\"\n    [metadataQualityDisplay]=\"\n      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)\n    \"\n    [favoriteTemplate]=\"favoriteToggle\"\n    [recordUrlGetter]=\"recordUrlGetter\"\n    (mdSelect)=\"onMetadataSelection($event)\"\n  ></gn-ui-results-list>\n  <ng-container *ngIf=\"allowShowMore$ | async\">\n    <div class=\"show-more h-[100px] pt-[30px]\" *ngIf=\"showMore === 'button'\">\n      <gn-ui-button\n        data-cy=\"addMoreBtn\"\n        type=\"secondary\"\n        (buttonClick)=\"onShowMore()\"\n        extraClass=\"m-auto !p-[22px]\"\n        [style.--gn-ui-button-width]=\"!auto\"\n      >\n        <span class=\"uppercase font-medium tracking-widest\" translate\n          >results.showMore</span\n        >\n      </gn-ui-button>\n    </div>\n    <div class=\"show-more h-[100px]\" *ngIf=\"showMore === 'auto'\">\n      <gn-ui-viewport-intersector\n        (entersViewport)=\"onShowMore()\"\n      ></gn-ui-viewport-intersector>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(facade.isLoading$ | async) === true\">\n    <div class=\"loading flex justify-center h-[100px] pt-[45px]\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  </ng-container>\n</div>\n\n<div class=\"p-4 max-w-[600px] m-auto text-[13px]\">\n  <gn-ui-error\n    *ngIf=\"(errorCode$ | async) === 0\"\n    [type]=\"errorTypes.COULD_NOT_REACH_API\"\n  >\n  </gn-ui-error>\n  <gn-ui-error\n    *ngIf=\"(error$ | async) !== null && (errorCode$ | async) !== 0\"\n    [type]=\"errorTypes.RECEIVED_ERROR\"\n    [error]=\"errorMessage$ | async\"\n  ></gn-ui-error>\n</div>\n\n<ng-template #favoriteToggle let-record>\n  <gn-ui-favorite-star [record]=\"record\"></gn-ui-favorite-star>\n</ng-template>\n", styles: [":host{--gn-ui-button-height: 24px;--gn-ui-button-width: 24px;--gn-ui-button-color: var(--color-secondary);--gn-ui-button-border-width: 0px}\n"] }]
         }], ctorParameters: () => [{ type: SearchFacade }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [RESULTS_LAYOUT_CONFIG]
@@ -31912,7 +32906,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [RECORD_URL_TOKEN]
+                    args: [RECORD_DATASET_URL_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RECORD_SERVICE_URL_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RECORD_REUSE_URL_TOKEN]
                 }] }], propDecorators: { metadataQualityDisplay: [{
                 type: Input
             }], layout: [{
@@ -32110,41 +33110,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     args: [FILTER_GEOMETRY]
                 }] }] });
 
-class ResultsHitsContainerComponent {
-    constructor(facade) {
-        this.facade = facade;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, deps: [{ token: SearchFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsContainerComponent, selector: "gn-ui-results-hits", ngImport: i0, template: "<gn-ui-results-hits-number\n  [loading]=\"facade.isLoading$ | async\"\n  [hits]=\"facade.resultsHits$ | async\"\n></gn-ui-results-hits-number>\n", dependencies: [{ kind: "component", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: ["hits", "loading"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-results-hits', template: "<gn-ui-results-hits-number\n  [loading]=\"facade.isLoading$ | async\"\n  [hits]=\"facade.resultsHits$ | async\"\n></gn-ui-results-hits-number>\n" }]
-        }], ctorParameters: () => [{ type: SearchFacade }] });
-
-class SearchStateContainerDirective {
-    constructor(facade) {
-        this.facade = facade;
-    }
-    ngOnInit() {
-        this.facade.init(this.searchId);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, deps: [{ token: SearchFacade, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SearchStateContainerDirective, selector: "[gnUiSearchStateContainer]", inputs: { searchId: ["gnUiSearchStateContainer", "searchId"] }, providers: [SearchFacade, SearchService], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[gnUiSearchStateContainer]',
-                    providers: [SearchFacade, SearchService],
-                }]
-        }], ctorParameters: () => [{ type: SearchFacade, decorators: [{
-                    type: Host
-                }] }], propDecorators: { searchId: [{
-                type: Input,
-                args: ['gnUiSearchStateContainer']
-            }] } });
-
 class AbstractSearchField {
 }
 class SimpleSearchField {
@@ -32175,6 +33140,7 @@ class SimpleSearchField {
             const bucketPromises = buckets.map(async (bucket) => ({
                 label: `${await this.getBucketLabel(bucket)} (${bucket.count})`,
                 value: bucket.term.toString(),
+                count: bucket.count,
             }));
             return Promise.all(bucketPromises);
         }));
@@ -32500,6 +33466,73 @@ class AvailableServicesField extends SimpleSearchField {
         return of(values);
     }
 }
+/**
+ * This class is meant to be used with the legacy filter on `resourceType` (now deprecated, the use of `recordKind` field is recommended).
+ * Since creating filters on the same ES field is not possible, in order to make the resource type filter still working,
+ * we create an ES on the fly: `resourceTypeLegacy` that references the `resourceType` under the hood.
+ * @deprecated Use `recordKind` field instead.
+ */
+class ResourceTypeLegacyField extends TranslatedSearchField {
+    constructor(injector) {
+        super('resourceTypeLegacy', injector, 'asc');
+        // Ask ES to create a field on the fly: 'resourceTypeLegacy' that is in fact, 'resourceType'
+        this.esService.registerRuntimeField('resourceTypeLegacy', `for (resourceType in doc.resourceType) { emit(resourceType) }`);
+    }
+}
+class RecordKindField extends SimpleSearchField {
+    constructor(injector) {
+        super('resourceType', injector, 'asc');
+        this.TYPE_MAPPING = {
+            dataset: ['dataset', 'series', 'featureCatalog'],
+            service: ['service'],
+            reuse: Object.entries(PossibleResourceTypes)
+                .filter(([_, v]) => v === 'reuse')
+                .map(([k]) => k), // = ['application', 'map', 'staticMap', 'interactiveMap', ...]
+        };
+    }
+    getAvailableValues() {
+        return this.repository.aggregate(this.getAggregations()).pipe(map$1((response) => response[this.esFieldName].buckets || []), map$1((buckets) => {
+            const counts = buckets.reduce((acc, { term, count }) => {
+                const value = term.toString();
+                const key = this.TYPE_MAPPING.reuse.includes(value)
+                    ? 'reuse'
+                    : this.TYPE_MAPPING.dataset.includes(value)
+                        ? 'dataset'
+                        : value;
+                acc[key] = (acc[key] || 0) + count;
+                return acc;
+            }, {});
+            return Object.keys(this.TYPE_MAPPING).map((type) => ({
+                label: type,
+                value: type,
+                count: counts[type] ?? 0,
+            }));
+        }));
+    }
+    getFiltersForValues(values) {
+        const filters = {
+            [this.esFieldName]: values.reduce((acc, value) => {
+                if (value === '')
+                    return { ...acc, [value]: true };
+                const keysToAdd = this.TYPE_MAPPING[value] || [value];
+                keysToAdd.forEach((key) => (acc[key] = true));
+                return acc;
+            }, {}),
+        };
+        return of(filters);
+    }
+    getValuesForFilter(filters) {
+        const filter = filters[this.esFieldName];
+        if (!filter)
+            return of([]);
+        const activeValues = Object.keys(filter).filter((v) => filter[v]);
+        const activeTypes = Object.keys(this.TYPE_MAPPING).filter((type) => this.TYPE_MAPPING[type].every((t) => activeValues.includes(t)));
+        // Allow unknown values eg. 'type=somethingnotexist' (for UI to select none)
+        const allTypes = [].concat(...Object.values(this.TYPE_MAPPING));
+        const unknownValues = activeValues.filter((value) => !allTypes.includes(value));
+        return of([...activeTypes, ...unknownValues]);
+    }
+}
 
 marker('search.filters.format');
 marker('search.filters.inspireKeyword');
@@ -32526,7 +33559,8 @@ class FieldsService {
         this.fields = {
             organization: new OrganizationSearchField(this.injector),
             format: new SimpleSearchField('format', this.injector, 'asc'),
-            resourceType: new TranslatedSearchField('resourceType', this.injector, 'asc'),
+            resourceType: new ResourceTypeLegacyField(this.injector), // Deprecated, use `recordKind` instead
+            recordKind: new RecordKindField(this.injector),
             representationType: new TranslatedSearchField('cl_spatialRepresentationType.key', this.injector, 'asc'),
             publicationYear: new SimpleSearchField('publicationYearForResource', this.injector, 'desc'),
             topic: new TranslatedSearchField('cl_topic.key', this.injector, 'asc'),
@@ -32584,6 +33618,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
+marker('search.filters.recordKind.all');
+marker('search.filters.recordKind.dataset');
+marker('search.filters.recordKind.service');
+marker('search.filters.recordKind.reuse');
+class ResultsHitsContainerComponent {
+    constructor(searchFacade, searchService, fieldsService) {
+        this.searchFacade = searchFacade;
+        this.searchService = searchService;
+        this.fieldsService = fieldsService;
+        this.fieldName = 'recordKind';
+    }
+    ngOnInit() {
+        this.selected$ = this.searchFacade.searchFilters$.pipe(switchMap((filters) => this.fieldsService.readFieldValuesFromFilters(filters)), map$2((fieldValues) => fieldValues[this.fieldName]), filter$1((selected) => !!selected), startWith$1([]), catchError$1(() => of([])));
+        this.filterChoices$ = (this.fieldsService.getAvailableValues(this.fieldName));
+    }
+    onSelectionChanged(values) {
+        this.fieldsService
+            .buildFiltersFromFieldValues({ [this.fieldName]: values })
+            .subscribe((filters) => this.searchService.updateFilters(filters));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsContainerComponent, selector: "gn-ui-results-hits", ngImport: i0, template: "<div\n  class=\"flex flex-col gap-3 sm:flex-row justify-between\"\n  [ngClass]=\"{\n    'sm:items-center': (searchFacade.resultsHits$ | async) !== 0,\n  }\"\n>\n  <gn-ui-results-hits-number\n    [loading]=\"searchFacade.isLoading$ | async\"\n    [hits]=\"searchFacade.resultsHits$ | async\"\n  ></gn-ui-results-hits-number>\n  <gn-ui-results-hits-search-kind\n    (selectionChanged)=\"onSelectionChanged($event)\"\n    [choices]=\"filterChoices$ | async\"\n    [selected]=\"selected$ | async\"\n  ></gn-ui-results-hits-search-kind>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: ["hits", "loading"] }, { kind: "component", type: ResultsHitsSearchKindComponent, selector: "gn-ui-results-hits-search-kind", inputs: ["selected", "choices"], outputs: ["selectionChanged"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-results-hits', template: "<div\n  class=\"flex flex-col gap-3 sm:flex-row justify-between\"\n  [ngClass]=\"{\n    'sm:items-center': (searchFacade.resultsHits$ | async) !== 0,\n  }\"\n>\n  <gn-ui-results-hits-number\n    [loading]=\"searchFacade.isLoading$ | async\"\n    [hits]=\"searchFacade.resultsHits$ | async\"\n  ></gn-ui-results-hits-number>\n  <gn-ui-results-hits-search-kind\n    (selectionChanged)=\"onSelectionChanged($event)\"\n    [choices]=\"filterChoices$ | async\"\n    [selected]=\"selected$ | async\"\n  ></gn-ui-results-hits-search-kind>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: SearchFacade }, { type: SearchService }, { type: FieldsService }] });
+
+class SearchStateContainerDirective {
+    constructor(facade) {
+        this.facade = facade;
+    }
+    ngOnInit() {
+        this.facade.init(this.searchId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, deps: [{ token: SearchFacade, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SearchStateContainerDirective, selector: "[gnUiSearchStateContainer]", inputs: { searchId: ["gnUiSearchStateContainer", "searchId"] }, providers: [SearchFacade, SearchService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gnUiSearchStateContainer]',
+                    providers: [SearchFacade, SearchService],
+                }]
+        }], ctorParameters: () => [{ type: SearchFacade, decorators: [{
+                    type: Host
+                }] }], propDecorators: { searchId: [{
+                type: Input,
+                args: ['gnUiSearchStateContainer']
+            }] } });
+
 class FilterDropdownComponent {
     onSelectedValues(values) {
         this.fieldsService
@@ -32655,7 +33740,9 @@ class FeatureSearchModule {
             SpinningLoaderComponent,
             ErrorComponent,
             FavoriteStarComponent,
-            DateRangeDropdownComponent], exports: [SortByComponent,
+            DateRangeDropdownComponent,
+            NgIconsModule,
+            KindBadgeComponent], exports: [SortByComponent,
             ResultsLayoutComponent,
             FuzzySearchComponent,
             RecordsMetricsComponent,
@@ -32664,12 +33751,7 @@ class FeatureSearchModule {
             FacetsModule,
             SearchStateContainerDirective,
             FilterDropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureSearchModule, providers: [
-            {
-                provide: RecordsRepositoryInterface,
-                useClass: Gn4Repository,
-            },
-        ], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureSearchModule, imports: [CommonModule,
             TranslateModule.forChild(),
             StoreModule.forFeature(SEARCH_FEATURE_KEY, reducer$2, {
                 initialState,
@@ -32685,7 +33767,9 @@ class FeatureSearchModule {
             AutocompleteComponent,
             ErrorComponent,
             FavoriteStarComponent,
-            DateRangeDropdownComponent, FacetsModule] }); }
+            DateRangeDropdownComponent,
+            NgIconsModule,
+            KindBadgeComponent, FacetsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureSearchModule, decorators: [{
             type: NgModule,
@@ -32719,6 +33803,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ErrorComponent,
                         FavoriteStarComponent,
                         DateRangeDropdownComponent,
+                        NgIconsModule,
+                        KindBadgeComponent,
                     ],
                     exports: [
                         SortByComponent,
@@ -32731,12 +33817,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SearchStateContainerDirective,
                         FilterDropdownComponent,
                     ],
-                    providers: [
-                        {
-                            provide: RecordsRepositoryInterface,
-                            useClass: Gn4Repository,
-                        },
-                    ],
                 }]
         }] });
 
@@ -33224,247 +34304,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const DO_NOT_USE_DEFAULT_BASEMAP = new InjectionToken('doNotUseDefaultBasemap', { factory: () => false });
-const BASEMAP_LAYERS = new InjectionToken('basemapLayers', { factory: () => [] });
-const MAP_VIEW_CONSTRAINTS = new InjectionToken('mapViewConstraints', {
-    factory: () => ({}),
-});
-const VECTOR_STYLE_DEFAULT = new InjectionToken('vectorStyleDefault', {
-    factory: () => ({
-        fill: { color: 'rgba(255, 255, 255, 0.2)' },
-        stroke: { color: '#ffcc33', width: 2 },
-    }),
-});
-
-const DEFAULT_BASEMAP_LAYER = {
-    type: 'xyz',
-    url: `https://{a-c}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png`,
-    attributions: `<span>© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, © <a href="https://carto.com/">Carto</a></span>`,
-};
-const DEFAULT_VIEW = {
-    center: [0, 15],
-    zoom: 2,
-};
-class MapContainerComponent {
-    get featuresClick() {
-        if (!this._featuresClick) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, FeaturesClickEventType, ({ features }) => this._featuresClick.emit(features));
-            });
-            this._featuresClick = new EventEmitter();
-        }
-        return this._featuresClick;
-    }
-    get featuresHover() {
-        if (!this._featuresHover) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, FeaturesHoverEventType, ({ features }) => this._featuresHover.emit(features));
-            });
-            this._featuresHover = new EventEmitter();
-        }
-        return this._featuresHover;
-    }
-    get mapClick() {
-        if (!this._mapClick) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, MapClickEventType, ({ coordinate }) => this._mapClick.emit(coordinate));
-            });
-            this._mapClick = new EventEmitter();
-        }
-        return this._mapClick;
-    }
-    get sourceLoadError() {
-        if (!this._sourceLoadError) {
-            this.openlayersMap.then((olMap) => {
-                listen(olMap, SourceLoadErrorType, (error) => this._sourceLoadError.emit(error));
-            });
-            this._sourceLoadError = new EventEmitter();
-        }
-        return this._sourceLoadError;
-    }
-    constructor(doNotUseDefaultBasemap, basemapLayers, mapViewConstraints) {
-        this.doNotUseDefaultBasemap = doNotUseDefaultBasemap;
-        this.basemapLayers = basemapLayers;
-        this.mapViewConstraints = mapViewConstraints;
-        this.openlayersMap = new Promise((resolve) => {
-            this.olMapResolver = resolve;
-        });
-    }
-    async ngAfterViewInit() {
-        this.olMap = await createMapFromContext(this.processContext(this.context), this.container.nativeElement);
-        this.displayMessage$ = merge(fromEvent(this.olMap, 'mapmuted').pipe(map$1(() => true)), fromEvent(this.olMap, 'movestart').pipe(map$1(() => false)), fromEvent(this.olMap, 'singleclick').pipe(map$1(() => false))).pipe(switchMap$1((muted) => muted
-            ? timer(2000).pipe(map$1(() => false), startWith(true), delay(400))
-            : of(false)));
-        this.olMapResolver(this.olMap);
-    }
-    async ngOnChanges(changes) {
-        if ('context' in changes && !changes['context'].isFirstChange()) {
-            const diff = computeMapContextDiff(this.processContext(changes['context'].currentValue), this.processContext(changes['context'].previousValue));
-            await applyContextDiffToMap(this.olMap, diff);
-        }
-    }
-    // This will apply basemap layers & view constraints
-    processContext(context) {
-        const processed = context
-            ? { ...context, view: context.view ?? DEFAULT_VIEW }
-            : { layers: [], view: DEFAULT_VIEW };
-        if (this.basemapLayers.length) {
-            processed.layers = [...this.basemapLayers, ...processed.layers];
-        }
-        if (!this.doNotUseDefaultBasemap) {
-            processed.layers = [DEFAULT_BASEMAP_LAYER, ...processed.layers];
-        }
-        if (this.mapViewConstraints.maxZoom) {
-            processed.view = {
-                maxZoom: this.mapViewConstraints.maxZoom,
-                ...processed.view,
-            };
-        }
-        if (this.mapViewConstraints.maxExtent) {
-            processed.view = {
-                maxExtent: this.mapViewConstraints.maxExtent,
-                ...processed.view,
-            };
-        }
-        if (processed.view &&
-            !('zoom' in processed.view) &&
-            !('center' in processed.view)) {
-            if (this.mapViewConstraints.maxExtent) {
-                processed.view = {
-                    extent: this.mapViewConstraints.maxExtent,
-                    ...processed.view,
-                };
-            }
-            else {
-                processed.view = { ...DEFAULT_VIEW, ...processed.view };
-            }
-        }
-        return processed;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, deps: [{ token: DO_NOT_USE_DEFAULT_BASEMAP }, { token: BASEMAP_LAYERS }, { token: MAP_VIEW_CONSTRAINTS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapContainerComponent, isStandalone: true, selector: "gn-ui-map-container", inputs: { context: "context" }, outputs: { featuresClick: "featuresClick", featuresHover: "featuresHover", mapClick: "mapClick", sourceLoadError: "sourceLoadError" }, providers: [
-            provideIcons({ matSwipeOutline }),
-            provideNgIconsConfig({
-                size: '1.5em',
-            }),
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["map"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-map-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, NgIconComponent], providers: [
-                        provideIcons({ matSwipeOutline }),
-                        provideNgIconsConfig({
-                            size: '1.5em',
-                        }),
-                    ], template: "<div class=\"h-full w-full\" #map></div>\n<div\n  class=\"absolute inset-0 p-2 rounded z-40 transition-all flex flex-col justify-center items-center text-primary font-sans pointer-events-none\"\n  [ngClass]=\"\n    (displayMessage$ | async) ? 'visible opacity-100' : 'invisible opacity-0'\n  \"\n>\n  <div\n    class=\"absolute z-[-1] inset-0 bg-gradient-to-b from-white to-primary-lightest opacity-60\"\n  ></div>\n  <ng-icon\n    class=\"!w-16 !h-16 text-[64px] mb-4\"\n    name=\"matSwipeOutline\"\n  ></ng-icon>\n  <p translate>map.navigation.message</p>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DO_NOT_USE_DEFAULT_BASEMAP]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [BASEMAP_LAYERS]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAP_VIEW_CONSTRAINTS]
-                }] }], propDecorators: { context: [{
-                type: Input
-            }], featuresClick: [{
-                type: Output
-            }], featuresHover: [{
-                type: Output
-            }], mapClick: [{
-                type: Output
-            }], sourceLoadError: [{
-                type: Output
-            }], container: [{
-                type: ViewChild,
-                args: ['map']
-            }] } });
-
-const geometryKeys = ['geometry', 'the_geom'];
-class FeatureDetailComponent {
-    get properties() {
-        if (!this.feature)
-            return [];
-        return Object.keys(this.feature.properties).filter((prop) => !geometryKeys.includes(prop));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureDetailComponent, isStandalone: true, selector: "gn-ui-feature-detail", inputs: { feature: "feature" }, ngImport: i0, template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-feature-detail', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"] }]
-        }], propDecorators: { feature: [{
-                type: Input
-            }] } });
-
-class MapLegendComponent {
-    constructor() {
-        this.legendStatusChange = new EventEmitter();
-    }
-    async ngOnChanges(changes) {
-        if ('context' in changes) {
-            const mapContext = changes['context'].currentValue;
-            if (mapContext.layers && mapContext.layers.length > 0) {
-                const mapContextLayer = mapContext.layers[0];
-                this.legendHTML = await createLegendFromLayer(mapContextLayer);
-                if (this.legendHTML) {
-                    this.legendStatusChange.emit(true);
-                }
-            }
-            else {
-                this.legendHTML = false;
-                this.legendStatusChange.emit(false);
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapLegendComponent, isStandalone: true, selector: "gn-ui-map-legend", inputs: { context: "context" }, outputs: { legendStatusChange: "legendStatusChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-map-legend', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div *ngIf=\"legendHTML\" [innerHTML]=\"legendHTML.outerHTML\"></div>\n", styles: [".geosdk--legend-container{overflow:auto;white-space:normal;word-wrap:break-word}\n"] }]
-        }], propDecorators: { context: [{
-                type: Input
-            }], legendStatusChange: [{
-                type: Output
-            }] } });
-
-function prioritizePageScroll(interactions) {
-    interactions.clear();
-    interactions.extend(defaults({
-        // remove rotate interactions
-        altShiftDragRotate: false,
-        pinchRotate: false,
-        // replace drag and zoom interactions
-        dragPan: false,
-        mouseWheelZoom: false,
-    })
-        .extend([
-        new DragPan({
-            condition: dragPanCondition,
-        }),
-        new MouseWheelZoom({
-            condition: mouseWheelZoomCondition,
-        }),
-    ])
-        .getArray());
-}
-function dragPanCondition(event) {
-    const dragPanCondition = this.getPointerCount() === 2 || mouseOnly(event);
-    if (!dragPanCondition) {
-        this.getMap().dispatchEvent('mapmuted');
-    }
-    // combine the condition with the default DragPan conditions
-    return dragPanCondition && noModifierKeys(event) && primaryAction(event);
-}
-function mouseWheelZoomCondition(event) {
-    if (!platformModifierKeyOnly(event) && event.type === 'wheel') {
-        this.getMap().dispatchEvent('mapmuted');
-    }
-    return platformModifierKeyOnly(event);
-}
-
 class MapStateContainerComponent {
     constructor(mapFacade) {
         this.mapFacade = mapFacade;
@@ -34116,6 +34955,7 @@ function loadAppConfig() {
             'metadata_language',
             'login_url',
             'logout_url',
+            'settings_url',
             'web_component_embedder_url',
             'languages',
             'contact_email',
@@ -34266,6 +35106,7 @@ proxy_path = "/proxy/?url="
 metadata_language = "fre"
 login_url = "/cas/login?service="
 logout_url = "/geonetwork/signout"
+settings_url = "/geonetwork/settings"
 web_component_embedder_url = "/datahub/wc-embedder.html"
 
 [map]
@@ -37129,15 +37970,13 @@ class MdViewFacade {
         this.error$ = this.store.pipe(select(getMetadataError));
         this.related$ = this.store.pipe(select(getRelated));
         this.chartConfig$ = this.store.pipe(select(getChartConfig));
-        this.allLinks$ = this.metadata$.pipe(map$1((record) => record.kind === 'dataset' && 'onlineResources' in record
-            ? record.onlineResources
-            : []));
+        this.allLinks$ = this.metadata$.pipe(map$1((record) => ('onlineResources' in record ? record.onlineResources : [])));
         this.apiLinks$ = this.allLinks$.pipe(map$1((links) => links
             .filter((link) => this.linkClassifier.hasUsage(link, LinkUsage.API))
             // Put links to IGN Géoplateforme first
             .sort((dd1, dd2) => {
-            return dd2.accessServiceProtocol ===
-                'GPFDL'
+            return dd2
+                .accessServiceProtocol === 'GPFDL'
                 ? 1
                 : undefined; // do not change the sorting otherwise
         })));
@@ -37208,15 +38047,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: i1$3.Store }, { type: LinkClassifierService }, { type: AvatarServiceInterface }, { type: DataService }] });
 
 class MdViewEffects {
-    constructor(actions$, recordsRepository, platformServiceInterface) {
+    constructor(actions$, recordsRepository, platformServiceInterface, router) {
         this.actions$ = actions$;
         this.recordsRepository = recordsRepository;
         this.platformServiceInterface = platformServiceInterface;
+        this.router = router;
         /*
           Metadata effects
         */
         this.loadFullMetadata$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadata), switchMap$1(({ uuid }) => this.recordsRepository.getRecord(uuid)), map$1((record) => {
-            if (record === null) {
+            if (record === null || !this.router.url.includes(record.kind)) {
                 return loadFullMetadataFailure({ notFound: true });
             }
             return loadFullMetadataSuccess({ full: record });
@@ -37251,12 +38091,12 @@ class MdViewEffects {
             }));
         })))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects, deps: [{ token: i1$c.Actions }, { token: RecordsRepositoryInterface }, { token: PlatformServiceInterface }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects, deps: [{ token: i1$c.Actions }, { token: RecordsRepositoryInterface }, { token: PlatformServiceInterface }, { token: i1$d.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MdViewEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: RecordsRepositoryInterface }, { type: PlatformServiceInterface }] });
+        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: RecordsRepositoryInterface }, { type: PlatformServiceInterface }, { type: i1$d.Router }] });
 
 class CatalogTitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CatalogTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -37313,11 +38153,11 @@ class LanguageSwitcherComponent {
         this.translate.use(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LanguageSwitcherComponent, deps: [{ token: LANGUAGES_LIST, optional: true }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LanguageSwitcherComponent, isStandalone: true, selector: "gn-ui-language-switcher", ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1\"\n>\n</gn-ui-dropdown-selector>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LanguageSwitcherComponent, isStandalone: true, selector: "gn-ui-language-switcher", ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1 rounded-lg\"\n>\n</gn-ui-dropdown-selector>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LanguageSwitcherComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-language-switcher', imports: [DropdownSelectorComponent], standalone: true, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1\"\n>\n</gn-ui-dropdown-selector>\n" }]
+            args: [{ selector: 'gn-ui-language-switcher', imports: [DropdownSelectorComponent], standalone: true, template: "<gn-ui-dropdown-selector\n  [title]=\"'languages'\"\n  [choices]=\"languageChoices\"\n  (selectValue)=\"changeLanguage($event)\"\n  [selected]=\"currentLang\"\n  ariaName=\"languages\"\n  [showTitle]=\"false\"\n  extraBtnClass=\"bg-transparent flex justify-items-center !pl-2 !py-1 rounded-lg\"\n>\n</gn-ui-dropdown-selector>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -37739,17 +38579,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const GN_UI_VERSION = new InjectionToken('gnUiVersion');
-
 const WEB_COMPONENT_EMBEDDER_URL = new InjectionToken('webComponentEmbedderUrl');
 class DataViewPermalinkComponent {
     set viewType(value) {
         this.viewType$.next(value);
     }
-    constructor(config, wcEmbedderBaseUrl, version, facade) {
+    constructor(config, wcEmbedderBaseUrl, facade) {
         this.config = config;
         this.wcEmbedderBaseUrl = wcEmbedderBaseUrl;
-        this.version = version;
         this.facade = facade;
         this.viewType$ = new BehaviorSubject('map');
         this.permalinkUrl$ = combineLatest([
@@ -37758,7 +38595,7 @@ class DataViewPermalinkComponent {
             this.facade.metadata$,
         ]).pipe(map$2(([viewType, config, metadata]) => {
             const url = new URL(`${this.wcEmbedderBaseUrl}`, window.location.origin);
-            url.searchParams.set('v', `${this.version}`);
+            url.searchParams.set('v', `${GEONETWORK_UI_TAG_NAME}`);
             if (viewType === 'chart') {
                 if (config) {
                     const { aggregation, xProperty, yProperty, chartType } = config;
@@ -37789,7 +38626,7 @@ class DataViewPermalinkComponent {
             return url.toString();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewPermalinkComponent, deps: [{ token: Configuration }, { token: WEB_COMPONENT_EMBEDDER_URL, optional: true }, { token: GN_UI_VERSION }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewPermalinkComponent, deps: [{ token: Configuration }, { token: WEB_COMPONENT_EMBEDDER_URL, optional: true }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewPermalinkComponent, isStandalone: true, selector: "gn-ui-data-view-permalink", inputs: { viewType: "viewType" }, ngImport: i0, template: "<gn-ui-copy-text-button\n  *ngIf=\"wcEmbedderBaseUrl\"\n  [text]=\"permalinkUrl$ | async\"\n  [tooltipText]=\"'tooltip.url.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewPermalinkComponent, decorators: [{
@@ -37803,9 +38640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }, {
                     type: Inject,
                     args: [WEB_COMPONENT_EMBEDDER_URL]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [GN_UI_VERSION]
                 }] }, { type: MdViewFacade }], propDecorators: { viewType: [{
                 type: Input
             }] } });
@@ -37884,16 +38718,15 @@ class DataViewWebComponentComponent {
     set viewType(value) {
         this.viewType$.next(value);
     }
-    constructor(config, version, facade) {
+    constructor(config, facade) {
         this.config = config;
-        this.version = version;
         this.facade = facade;
         this.viewType$ = new BehaviorSubject('map');
         this.webComponentHtml$ = combineLatest(this.viewType$, this.facade.chartConfig$, this.facade.metadata$).pipe(map$2(([viewType, config, metadata]) => {
             if (viewType === 'chart') {
                 if (config) {
                     const { aggregation, xProperty, yProperty, chartType } = config;
-                    return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+                    return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${GEONETWORK_UI_TAG_NAME}/gn-wc.js"></script>
   <gn-dataset-view-chart
           api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
           dataset-id="${metadata.uniqueIdentifier}"
@@ -37912,7 +38745,7 @@ class DataViewWebComponentComponent {
                 return '';
             }
             else if (viewType === 'table') {
-                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${GEONETWORK_UI_TAG_NAME}/gn-wc.js"></script>
   <gn-dataset-view-table
           api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
           dataset-id="${metadata.uniqueIdentifier}"
@@ -37925,7 +38758,7 @@ class DataViewWebComponentComponent {
   ></gn-dataset-view-table>`;
             }
             else {
-                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${GEONETWORK_UI_TAG_NAME}/gn-wc.js"></script>
 <gn-dataset-view-map
         api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
         dataset-id="${metadata.uniqueIdentifier}"
@@ -37939,7 +38772,7 @@ class DataViewWebComponentComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewWebComponentComponent, deps: [{ token: Configuration }, { token: GN_UI_VERSION }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewWebComponentComponent, deps: [{ token: Configuration }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewWebComponentComponent, isStandalone: true, selector: "gn-ui-data-view-web-component", inputs: { viewType: "viewType" }, ngImport: i0, template: "<gn-ui-copy-text-button\n  [text]=\"webComponentHtml$ | async\"\n  [rows]=\"3\"\n  [tooltipText]=\"'tooltip.html.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewWebComponentComponent, decorators: [{
@@ -37948,9 +38781,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: Configuration, decorators: [{
                     type: Inject,
                     args: [Configuration]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [GN_UI_VERSION]
                 }] }, { type: MdViewFacade }], propDecorators: { viewType: [{
                 type: Input
             }] } });
@@ -38451,7 +39281,7 @@ class RecordMetaComponent {
         this.meta.removeTag('property="og:url"');
         this.meta.removeTag('property="og:title"');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, deps: [{ token: i1$d.Meta }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, deps: [{ token: i1$e.Meta }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RecordMetaComponent, isStandalone: true, selector: "gn-ui-record-meta", inputs: { metadata: "metadata" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, decorators: [{
@@ -38462,7 +39292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i1$d.Meta }], propDecorators: { metadata: [{
+        }], ctorParameters: () => [{ type: i1$e.Meta }], propDecorators: { metadata: [{
                 type: Input
             }] } });
 
@@ -39510,7 +40340,7 @@ class ImportRecordComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, deps: [{ token: i1$e.Router }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: NotificationsService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, deps: [{ token: i1$d.Router }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: NotificationsService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImportRecordComponent, isStandalone: true, selector: "gn-ui-import-record", outputs: { closeImportMenu: "closeImportMenu" }, providers: [
             provideIcons({
                 iconoirImport,
@@ -39541,7 +40371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             size: '1.5em',
                         }),
                     ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\" translate\n          >dashboard.importRecord.importExternal.title</span\n        >\n        <span translate>dashboard.importRecord.importExternal.subtitle</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$e.Router }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }], propDecorators: { closeImportMenu: [{
+        }], ctorParameters: () => [{ type: i1$d.Router }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }], propDecorators: { closeImportMenu: [{
                 type: Output
             }] } });
 
@@ -39905,75 +40735,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'gn-ui-form-field-array', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>form-field-array works!</p>\n" }]
         }] });
 
-class FormFieldMapContainerComponent {
-    constructor() {
-        this.spatialExtents$ = new BehaviorSubject([]);
-        this.mapContext$ = this.spatialExtents$.pipe(switchMap$1(async (extents) => {
-            if (extents.length === 0) {
-                return null; // null extent means default view
-            }
-            const featureCollection = {
-                type: 'FeatureCollection',
-                features: [],
-            };
-            extents.forEach((extent) => {
-                if (extent.geometry) {
-                    featureCollection.features.push({
-                        type: 'Feature',
-                        properties: {},
-                        geometry: extent.geometry,
-                    });
-                }
-                else if (extent.bbox?.length >= 0) {
-                    featureCollection.features.push({
-                        type: 'Feature',
-                        properties: {},
-                        geometry: this.bboxCoordsToGeometry(extent.bbox),
-                    });
-                }
-            });
-            const layer = {
-                type: 'geojson',
-                data: featureCollection,
-                label: 'Spatial extents',
-                style: {
-                    'stroke-color': 'black',
-                    'stroke-width': 2,
-                },
-            };
-            const view = await createViewFromLayer(layer);
-            return {
-                view,
-                layers: [layer],
-            };
-        }));
-        this.error = '';
-    }
-    set spatialExtents(value) {
-        this.spatialExtents$.next(value);
-    }
-    bboxCoordsToGeometry(bbox) {
-        const geometry = new Polygon([
-            [
-                [bbox[0], bbox[1]],
-                [bbox[0], bbox[3]],
-                [bbox[2], bbox[3]],
-                [bbox[2], bbox[1]],
-                [bbox[0], bbox[1]],
-            ],
-        ]);
-        return new GeoJSON().writeGeometryObject(geometry);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldMapContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldMapContainerComponent, isStandalone: true, selector: "gn-ui-form-field-map-container", inputs: { spatialExtents: "spatialExtents" }, ngImport: i0, template: "<gn-ui-map-container [context]=\"mapContext$ | async\"></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldMapContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-form-field-map-container', standalone: true, imports: [CommonModule, MapContainerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-map-container [context]=\"mapContext$ | async\"></gn-ui-map-container>\n" }]
-        }], propDecorators: { spatialExtents: [{
-                type: Input
-            }] } });
-
 /**
  * This form field is not like the others, as it will read directly from the state to handle both spatial extents
  * and place keywords.
@@ -40070,16 +40831,16 @@ class FormFieldSpatialExtentComponent {
         this.editorFacade.updateRecordField('spatialExtents', spatialExtents);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, deps: [{ token: PlatformServiceInterface }, { token: EditorFacade }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-spatial-extent\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-spatial-extent>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: SpatialExtentComponent, selector: "gn-ui-spatial-extent", inputs: ["spatialExtents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-form-field-spatial-extent', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
                         GenericKeywordsComponent,
-                        FormFieldMapContainerComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n" }]
+                        SpatialExtentComponent,
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-spatial-extent\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-spatial-extent>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: EditorFacade }, { type: i1$1.TranslateService }] });
 
 class ContactCardComponent {
@@ -40337,9 +41098,8 @@ class OnlineResourceCardComponent {
     get subtitle() {
         switch (this.onlineResource.type) {
             case 'service':
-                return `${this.onlineResource.accessServiceProtocol}`;
             case 'endpoint':
-                return `${this.onlineResource.protocol}`;
+                return `${this.onlineResource.accessServiceProtocol}`;
             case 'link':
             case 'download':
                 return this.getFormat(this.onlineResource);
@@ -41496,6 +42256,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const ROUTER_STATE_KEY = 'router';
 const ROUTER_ROUTE_SEARCH = 'search';
 const ROUTER_ROUTE_DATASET = 'dataset';
+const ROUTER_ROUTE_SERVICE = 'service';
+const ROUTER_ROUTE_REUSE = 'reuse';
 const ROUTER_ROUTE_ORGANIZATION = 'organization';
 var ROUTE_PARAMS;
 (function (ROUTE_PARAMS) {
@@ -41528,6 +42290,14 @@ class RouterService {
                 path: `${ROUTER_ROUTE_DATASET}/:metadataUuid`,
                 component: this.routerConfig.recordRouteComponent,
             },
+            {
+                path: `${ROUTER_ROUTE_SERVICE}/:metadataUuid`,
+                component: this.routerConfig.recordRouteComponent,
+            },
+            {
+                path: `${ROUTER_ROUTE_REUSE}/:metadataUuid`,
+                component: this.routerConfig.recordRouteComponent,
+            },
             {
                 path: `${ROUTER_ROUTE_ORGANIZATION}/:name`,
                 component: this.routerConfig.organizationRouteComponent,
@@ -41540,7 +42310,7 @@ class RouterService {
     getOrganizationPageRoute() {
         return ROUTER_ROUTE_ORGANIZATION;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$e.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$d.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, decorators: [{
@@ -41551,7 +42321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
-                }] }, { type: i1$e.Router }] });
+                }] }, { type: i1$d.Router }] });
 
 const goAction = createAction('[Router] Go', props());
 const backAction = createAction('[Router] Back');
@@ -41623,13 +42393,19 @@ class RouterFacade {
         this.currentRoute$ = this.store.pipe(select(selectCurrentRoute));
         this.pathParams$ = this.store.pipe(select(selectRouteParams));
         this.searchParams$ = this.currentRoute$.pipe(filter((route) => !!route), filter((route) => route.url[0]?.path.startsWith(ROUTER_ROUTE_SEARCH)), map$1((route) => route.queryParams), distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)), map$1(expandQueryParams));
+        this.routeMap = {
+            dataset: ROUTER_ROUTE_DATASET,
+            service: ROUTER_ROUTE_SERVICE,
+            reuse: ROUTER_ROUTE_REUSE,
+        };
     }
     goToMetadata(metadata) {
+        const selectedRoute = this.routeMap[metadata.kind] || ROUTER_ROUTE_DATASET;
         this.pathParams$
             .pipe(take(1), filter((params) => params.metadataUuid !== metadata.uniqueIdentifier))
             .subscribe(() => {
             this.go({
-                path: `${ROUTER_ROUTE_DATASET}/${metadata.uniqueIdentifier}`,
+                path: `${selectedRoute}/${metadata.uniqueIdentifier}`,
             });
             this.store.dispatch(setIncompleteMetadata({ incomplete: metadata }));
         });
@@ -41856,12 +42632,12 @@ class RouterEffects {
         this.navigateBack$ = createEffect(() => this._actions$.pipe(ofType(backAction), tap$1(() => this._location.back())), { dispatch: false });
         this.navigateForward$ = createEffect(() => this._actions$.pipe(ofType(forwardAction), tap$1(() => this._location.forward())), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, deps: [{ token: i1$c.Actions }, { token: i1$e.Router }, { token: i1$2.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, deps: [{ token: i1$c.Actions }, { token: i1$d.Router }, { token: i1$2.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: i1$e.Router }, { type: i1$2.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: i1$d.Router }, { type: i1$2.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
                 }] }, { type: FieldsService }] });
@@ -41921,5 +42697,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, 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, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getResourceType, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map