geonetwork-ui 2.4.0-dev.27089d81 → 2.4.0-dev.3c297076

package/fesm2022/geonetwork-ui.mjs

@@ -1,7 +1,10 @@
 import { parseXml, XmlDocument, XmlElement, XmlText } from '@rgrove/parse-xml';
+import GML32 from 'ol/format/GML32';
+import GeoJSON from 'ol/format/GeoJSON';
+import { parse as parse$1 } from 'ol/xml';
 import format from 'date-fns/format';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Component, ChangeDetectionStrategy, Input, ViewChild, Directive, HostListener, EventEmitter, Output, ElementRef, ViewChildren, ViewContainerRef, HostBinding, ContentChild, ContentChildren, TemplateRef, Host, Pipe, inject } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Component, ChangeDetectionStrategy, Input, ViewChild, Directive, HostListener, EventEmitter, Output, TemplateRef, ElementRef, ViewChildren, ViewContainerRef, HostBinding, ContentChild, ContentChildren, Host, Pipe, inject } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpClient, HttpClientModule, HTTP_INTERCEPTORS, HttpClientXsrfModule } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
@@ -12,7 +15,7 @@ import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith,
 import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import * as i1$3 from '@angular/common';
 import { CommonModule, NgFor, NgComponentOutlet, NgOptimizedImage, NgForOf } from '@angular/common';
-import { of, map as map$2, lastValueFrom, switchMap, throwError, combineLatest, from, takeLast, forkJoin, firstValueFrom, Subject, merge, BehaviorSubject, fromEvent, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, debounceTime as debounceTime$1, filter as filter$1, animationFrameScheduler, tap as tap$2, Observable, buffer, combineLatestWith, catchError as catchError$1, takeUntil, EMPTY, exhaustMap, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, startWith as startWith$1, pairwise as pairwise$1 } from 'rxjs';
+import { of, map as map$2, lastValueFrom, Subject, switchMap, throwError, combineLatest, from, takeLast, forkJoin, firstValueFrom, merge, BehaviorSubject, fromEvent, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, debounceTime as debounceTime$1, filter as filter$1, animationFrameScheduler, tap as tap$2, Observable, buffer, combineLatestWith, catchError as catchError$1, takeUntil, EMPTY, exhaustMap, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, startWith as startWith$1, pairwise as pairwise$1 } from 'rxjs';
 import { valid, coerce, satisfies, ltr } from 'semver';
 import * as i1$2 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, select, StoreModule, Store } from '@ngrx/store';
@@ -23,7 +26,6 @@ import 'ol/Feature';
 import { Circle, Fill, Stroke, Style as Style$1 } from 'ol/style';
 import Style, { createDefaultStyle } from 'ol/style/Style';
 import { extend, isEmpty } from 'ol/extent';
-import GeoJSON from 'ol/format/GeoJSON';
 import { transformExtent, fromLonLat } from 'ol/proj';
 import ImageWMS from 'ol/source/ImageWMS';
 import TileWMS from 'ol/source/TileWMS';
@@ -33,7 +35,7 @@ import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } fro
 import chroma from 'chroma-js';
 import { WmtsEndpoint, WmsEndpoint, WfsEndpoint, OgcApiEndpoint, sharedFetch, useCache } from '@camptocamp/ogc-client';
 import { register, fromEPSGCode } from 'ol/proj/proj4';
-import proj4 from 'proj4/dist/proj4';
+import proj4 from 'proj4';
 import { defaults } from 'ol/control/defaults';
 import * as TOML from '@ltd/j-toml';
 import CircleStyle from 'ol/style/Circle';
@@ -48,60 +50,64 @@ import { MVT, WFS, GeoJSON as GeoJSON$1 } from 'ol/format';
 import VectorTileLayer from 'ol/layer/VectorTile';
 import OGCMapTile from 'ol/source/OGCMapTile.js';
 import ImageLayer from 'ol/layer/Image';
-import * as i2$5 from '@angular/material/tabs';
+import * as i2$4 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i2$2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, UntypedFormControl, FormArray, FormControl } from '@angular/forms';
 import * as i2$1 from '@angular/material/autocomplete';
 import { MatAutocompleteTrigger, MatAutocomplete, MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i3$1 from 'ngx-dropzone';
+import * as i3$2 from 'ngx-dropzone';
 import { NgxDropzoneModule } from 'ngx-dropzone';
 import * as i5 from 'ngx-chips';
 import { TagInputModule } from 'ngx-chips';
 import * as i1$4 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import tippy from 'tippy.js';
 import * as i3 from '@angular/material/core';
 import { MatNativeDateModule, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i1$5 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i2$3 from '@angular/material/tooltip';
+import * as i3$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2$4 from '@angular/material/datepicker';
+import * as i2$3 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i1$6 from '@angular/cdk/overlay';
 import { CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import * as i1$7 from '@angular/router';
+import * as i1$8 from '@angular/router';
 import { RouterModule, RouterLink, RouteReuseStrategy } from '@angular/router';
 import Duration from 'duration-relativetimeformat';
+import * as i1$7 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as basicLightbox from 'basiclightbox';
 import { marked } from 'marked';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
 import EmblaCarousel from 'embla-carousel';
 import { formatDistance } from 'date-fns';
 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 * as i1$8 from '@ngrx/effects';
+import * as i4 from '@angular/material/menu';
+import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
+import * as i1$9 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule, Actions } from '@ngrx/effects';
-import tippy from 'tippy.js';
 import { valid as valid$1 } from 'geojson-validation';
+import { trigger, transition, animate, keyframes, style } from '@angular/animations';
 import { Polygon } from 'ol/geom';
 import { queryDataGouvFr, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
-import { trigger, transition, animate, keyframes, style } from '@angular/animations';
 import { Chart, BarController, BarElement, CategoryScale, LinearScale, LineController, LineElement, PointElement, PieController, ArcElement, ScatterController, Tooltip, Colors, Legend } from 'chart.js';
-import * as i4 from '@angular/cdk/scrolling';
+import * as i4$1 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
-import * as i2$6 from '@angular/material/sort';
+import * as i2$5 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
-import * as i1$9 from '@angular/material/table';
+import * as i1$a from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
-import * as i3$2 from 'ng-table-virtual-scroll';
+import * as i3$3 from 'ng-table-virtual-scroll';
 import { TableVirtualScrollDataSource, TableVirtualScrollModule } from 'ng-table-virtual-scroll';
 import * as Papa from 'papaparse';
 import parseDate from 'date-fns/parse';
 import parseIsoDate from 'date-fns/parseISO';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
-import * as i3$3 from '@ngrx/router-store';
+import * as i3$4 from '@ngrx/router-store';
 import { getRouterSelectors, routerReducer, StoreRouterConnectingModule, FullRouterStateSerializer } from '@ngrx/router-store';
 import { navigation } from '@ngrx/router-store/data-persistence';
 
@@ -269,6 +275,9 @@ function allChildrenElement(element) {
         ...element.children.filter((el) => el instanceof XmlElement),
     ];
 }
+function firstChildElement(element) {
+    return allChildrenElement(element)[0] ?? null;
+}
 /**
  * Will return all matching elements nested according to the given
  * names (similar to a path), starting form the input element;
@@ -427,10 +436,12 @@ function getTreeRoot(element) {
 }
 // stays on the parent element
 // if the given elements are part of a subtree, will add the root of subtree
+// will filter out falsy elements
 function appendChildren(...childrenFns) {
     return (element) => {
         if (!element)
             return null;
+        childrenFns = childrenFns.filter((fn) => fn);
         element.children.push(...childrenFns.map((fn) => fn()).map(getTreeRoot));
         element.children.forEach((el) => (el.parent = element));
         return element;
@@ -559,6 +570,33 @@ function matchMimeType(format) {
     return format || null;
 }
 
+function readGeometry(el) {
+    const xmlDoc = createDocument(el);
+    xmlDoc.root.attributes['xmlns'] = 'http://www.opengis.net/gml/3.2';
+    const gmlString = xmlToString(xmlDoc);
+    const doc = parse$1(gmlString);
+    // we need an intermediate node to be able to parse the GML
+    const node = document.createElement('pre');
+    node.appendChild(doc.documentElement);
+    const gml32Format = new GML32();
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const geometry = gml32Format.readGeometryFromNode(node);
+    const geojsonFormat = new GeoJSON();
+    return geojsonFormat.writeGeometryObject(geometry);
+}
+function writeGeometry(geometryObject) {
+    const geojsonFormat = new GeoJSON();
+    const geometry = geojsonFormat.readGeometry(geometryObject);
+    const gml32Format = new GML32();
+    const node = gml32Format.writeGeometryNode(geometry);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const element = node.firstElementChild;
+    const gmlString = new XMLSerializer().serializeToString(element);
+    return getRootElement(parseXmlString(gmlString));
+}
+
 /**
  * Parts are [firstName, lastName]
  * Second part will be null if no separation could be done
@@ -727,6 +765,9 @@ function extractCharacterString() {
 function extractDateTime() {
     return pipe(fallback(findChildElement('gco:DateTime', false), findChildElement('gco:Date', false)), readText(), map((dateStr) => (dateStr ? new Date(dateStr) : null)));
 }
+function extractDecimal() {
+    return pipe(findChildElement('gco:Decimal', false), readText(), map((numberStr) => (numberStr ? Number(numberStr) : null)));
+}
 function extractUrl() {
     const getUrl = pipe(findChildElement('gmd:URL', false), readText());
     const getCharacterString = pipe(findChildElement('gco:CharacterString', false), readText());
@@ -1084,6 +1125,30 @@ function readTemporalExtents(rootEl) {
         }
     }))(rootEl);
 }
+function readSpatialExtents(rootEl) {
+    const extractGeometry = (rootEl) => {
+        if (!rootEl)
+            return null;
+        return pipe(findChildElement('gmd:polygon', false), firstChildElement, map((el) => readGeometry(el)))(rootEl);
+    };
+    const extractBBox = (rootEl) => {
+        if (!rootEl)
+            return null;
+        return pipe(combine(pipe(findChildElement('gmd:westBoundLongitude'), extractDecimal()), pipe(findChildElement('gmd:southBoundLatitude'), extractDecimal()), pipe(findChildElement('gmd:eastBoundLongitude'), extractDecimal()), pipe(findChildElement('gmd:northBoundLatitude'), extractDecimal())))(rootEl);
+    };
+    const extractDescription = (rootEl) => {
+        if (!rootEl)
+            return null;
+        return pipe(findNestedElement('gmd:geographicIdentifier', 'gmd:MD_Identifier', 'gmd:code'), extractCharacterString())(rootEl);
+    };
+    return pipe(findIdentification(), findNestedElements('gmd:extent', 'gmd:EX_Extent', 'gmd:geographicElement'), mapArray(combine(pipe(findChildElement('gmd:EX_BoundingPolygon'), extractGeometry), pipe(findChildElement('gmd:EX_GeographicBoundingBox'), extractBBox), pipe(findChildElement('gmd:EX_GeographicDescription'), extractDescription))), mapArray(([geometry, bbox, description]) => {
+        return {
+            ...(geometry && { geometry }),
+            ...(bbox && { bbox }),
+            ...(description && { description }),
+        };
+    }))(rootEl);
+}
 
 function writeCharacterString(text) {
     return tap(pipe(findChildOrCreate('gco:CharacterString'), setTextContent(text)));
@@ -1100,6 +1165,9 @@ function writeDateTime(date) {
 function writeDate(date) {
     return tap(pipe(findChildOrCreate('gco:Date'), setTextContent(format(date, 'yyyy-MM-dd'))));
 }
+function writeDecimal(decimal) {
+    return tap(pipe(findChildOrCreate('gco:Decimal'), setTextContent(decimal.toString())));
+}
 function getProgressCode(status) {
     switch (status) {
         case 'completed':
@@ -1493,6 +1561,24 @@ function writeTemporalExtents(record, rootEl) {
             ? setTextContent(format(extent.start, 'yyyy-MM-dd'))
             : addAttribute('indeterminatePosition', 'unknown'))))))))))(rootEl);
 }
+function writeSpatialExtents(record, rootEl) {
+    const appendBoundingPolygon = (geometry) => {
+        if (!geometry)
+            return null;
+        return pipe(createElement('gmd:EX_BoundingPolygon'), appendChildren(pipe(createElement('gmd:polygon'), appendChildren(() => writeGeometry(geometry)))));
+    };
+    const appendGeographicBoundingBox = (bbox) => {
+        if (!bbox)
+            return null;
+        return pipe(createElement('gmd:EX_GeographicBoundingBox'), appendChildren(pipe(createElement('gmd:westBoundLongitude'), writeDecimal(bbox[0])), pipe(createElement('gmd:eastBoundLongitude'), writeDecimal(bbox[2])), pipe(createElement('gmd:southBoundLatitude'), writeDecimal(bbox[1])), pipe(createElement('gmd:northBoundLatitude'), writeDecimal(bbox[3]))));
+    };
+    const appendGeographicDescription = (description) => {
+        if (!description)
+            return null;
+        return pipe(createElement('gmd:EX_GeographicDescription'), createChild('gmd:geographicIdentifier'), createChild('gmd:MD_Identifier'), createChild('gmd:code'), writeCharacterString(description));
+    };
+    pipe(findOrCreateIdentification(), findNestedChildOrCreate('gmd:extent', 'gmd:EX_Extent'), removeChildrenByName('gmd:geographicElement'), appendChildren(...record.spatialExtents.map((extent) => pipe(createElement('gmd:geographicElement'), appendChildren(appendBoundingPolygon(extent.geometry), appendGeographicBoundingBox(extent.bbox), appendGeographicDescription(extent.description))))))(rootEl);
+}
 
 class Iso19139Converter extends BaseConverter {
     constructor() {
@@ -1525,8 +1611,8 @@ class Iso19139Converter extends BaseConverter {
             distributions: readDistributions$1,
             onlineResources: readOnlineResources,
             temporalExtents: readTemporalExtents,
+            spatialExtents: readSpatialExtents,
             // TODO
-            spatialExtents: () => [],
             extras: () => undefined,
             landingPage: () => undefined,
             languages: () => [],
@@ -1559,8 +1645,8 @@ class Iso19139Converter extends BaseConverter {
             distributions: writeDistributions$1,
             onlineResources: writeOnlineResources,
             temporalExtents: writeTemporalExtents,
+            spatialExtents: () => writeSpatialExtents,
             // TODO
-            spatialExtents: () => undefined,
             extras: () => undefined,
             landingPage: () => undefined,
             languages: () => undefined,
@@ -2176,6 +2262,7 @@ const mapKeywords = (thesauri, language) => {
             keywords.push({
                 label: selectTranslatedValue(keyword, language),
                 type: getKeywordTypeFromKeywordTypeCode(rawThesaurus.theme),
+                ...(keyword.link && { key: keyword.link }),
                 ...(thesaurus && { thesaurus }),
             });
         }
@@ -8641,11 +8728,7 @@ class RecordsApiService {
             headers = headers.set('Accept', httpHeaderAcceptSelected);
         }
         // to determine the Content-Type header
-        const consumes = [
-            'application/xml',
-            'application/json',
-            'application/x-www-form-urlencoded',
-        ];
+        const consumes = ['application/xml'];
         const httpContentTypeSelected = this.configuration.selectHeaderContentType(consumes);
         if (httpContentTypeSelected !== undefined) {
             headers = headers.set('Content-Type', httpContentTypeSelected);
@@ -17356,6 +17439,8 @@ var de = {
 	"datafeeder.datasetValidation.submitButton": "OK, meine Daten sind korrekt",
 	"datafeeder.datasetValidation.title": "Stellen Sie sicher, dass Ihre Daten korrekt sind",
 	"datafeeder.datasetValidation.unknown": " - ",
+	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
+	"datafeeder.datasetValidationCsv.lineNumbers": "",
 	"datafeeder.form.abstract": "Wie würden Sie Ihren Datensatz beschreiben?",
 	"datafeeder.form.datepicker": "Wissen Sie, wann der Datensatz erstellt wurde?",
 	"datafeeder.form.description": "Beschreiben Sie abschließend den Prozess, der zur Erstellung des Datensatzes verwendet wurde",
@@ -17383,6 +17468,7 @@ var de = {
 	"datafeeder.publishSuccess.geonetworkRecord": "Metadatensatz",
 	"datafeeder.publishSuccess.illustration.title": "Erledigt, alles ist gut!",
 	"datafeeder.publishSuccess.mapViewer": "Kartenviewer",
+	"datafeeder.publishSuccess.ogcFeature": "",
 	"datafeeder.publishSuccess.subtitle": "Zeigen Sie Ihre Daten an in:",
 	"datafeeder.publishSuccess.title": "Herzlichen Glückwunsch! \n Ihr Datensatz wurde veröffentlicht",
 	"datafeeder.publishSuccess.uploadAnotherData": "Ein weiteren Datensatz hochladen",
@@ -17411,6 +17497,15 @@ var de = {
 	"datafeeder.upload.maxFileSize": "Maximale Dateigröße beträgt {size} MB",
 	"datafeeder.upload.title": "Laden Sie Ihren Datensatz hoch",
 	"datafeeder.upload.uploadButton": "Hochladen",
+	"datafeeder.validation.csv.delimiter": "",
+	"datafeeder.validation.csv.delimiter.comma": "",
+	"datafeeder.validation.csv.delimiter.semicolon": "",
+	"datafeeder.validation.csv.lat.field": "",
+	"datafeeder.validation.csv.lng.field": "",
+	"datafeeder.validation.csv.quote.double": "",
+	"datafeeder.validation.csv.quote.none": "",
+	"datafeeder.validation.csv.quote.simple": "",
+	"datafeeder.validation.csv.quoteChar": "",
 	"datafeeder.validation.encoding": "Codierung",
 	"datafeeder.validation.extent.title": "Hier ist der Datensatzumfang",
 	"datafeeder.validation.extent.title.unknown": "Das Projektionssystem ist unbekannt",
@@ -17424,7 +17519,7 @@ var de = {
 	"datahub.header.lastRecords": "Die neuesten",
 	"datahub.header.myfavorites": "Meine Favoriten",
 	"datahub.header.news": "Startseite",
-	"datahub.header.organisations": "Organisationen",
+	"datahub.header.organizations": "Organisationen",
 	"datahub.header.popularRecords": "Die beliebtesten",
 	"datahub.header.title.html": "<div class=\"text-white\">Entdecken Sie offene<br> Daten meiner Organisation</div>",
 	"datahub.news.contact.contactus": "Kontaktieren Sie uns",
@@ -17460,37 +17555,70 @@ var de = {
 	"downloads.format.unknown": "unbekannt",
 	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
-	"editor.record.form.license": "Lizenz",
-	"editor.record.form.license.cc-by": "",
-	"editor.record.form.license.cc-by-sa": "",
-	"editor.record.form.license.cc-zero": "",
-	"editor.record.form.license.etalab": "",
-	"editor.record.form.license.etalab-v2": "",
-	"editor.record.form.license.odbl": "",
-	"editor.record.form.license.odc-by": "",
-	"editor.record.form.license.pddl": "",
+	"editor.record.delete.confirmation.cancelText": "Stornieren",
+	"editor.record.delete.confirmation.confirmText": "Löschen",
+	"editor.record.delete.confirmation.message": "Sind Sie sicher, dass Sie diesen Datensatz löschen möchten?",
+	"editor.record.delete.confirmation.title": "Datensatz löschen?",
+	"editor.record.deleteError.body": "Der Datensatz konnte nicht gelöscht werden:",
+	"editor.record.deleteError.closeMessage": "Verstanden",
+	"editor.record.deleteError.title": "Fehler beim Löschen des Datensatzes",
+	"editor.record.form.bottomButtons.comeBackLater": "",
+	"editor.record.form.bottomButtons.next": "",
+	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.field.abstract": "Kurzbeschreibung",
+	"editor.record.form.field.keywords": "Schlagwörter",
+	"editor.record.form.field.license": "Lizenz",
+	"editor.record.form.field.overviews": "",
+	"editor.record.form.field.recordUpdated": "Datensatz zuletzt aktualisiert",
+	"editor.record.form.field.resourceUpdated": "Letztes Aktualisierungsdatum",
+	"editor.record.form.field.temporalExtents": "Zeitlicher Umfang",
+	"editor.record.form.field.title": "Metadaten-Titel",
+	"editor.record.form.field.uniqueIdentifier": "Eindeutige Kennung (ID)",
+	"editor.record.form.field.updateFrequency": "Aktualisierungshäufigkeit",
+	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
+	"editor.record.form.license.cc-by-sa": "Creative Commons CC-BY-SA",
+	"editor.record.form.license.cc-zero": "Creative Commons CC-0",
+	"editor.record.form.license.etalab": "Offene Lizenz (Etalab)",
+	"editor.record.form.license.etalab-v2": "Offene Lizenz v2.0 (Etalab)",
+	"editor.record.form.license.odbl": "Open Data Commons ODbL",
+	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
+	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "Unbekannt oder nicht vorhanden",
-	"editor.record.form.resourceUpdated": "",
-	"editor.record.form.temporalExtents": "",
-	"editor.record.form.temporalExtents.addDate": "",
-	"editor.record.form.temporalExtents.addRange": "",
-	"editor.record.form.temporalExtents.date": "",
-	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency": "",
-	"editor.record.form.updateFrequency.planned": "",
-	"editor.record.loadError.body": "",
-	"editor.record.loadError.closeMessage": "",
-	"editor.record.loadError.title": "",
-	"editor.record.publish": "",
-	"editor.record.publishError.body": "",
-	"editor.record.publishError.closeMessage": "",
-	"editor.record.publishError.title": "",
-	"editor.record.publishSuccess.body": "",
-	"editor.record.publishSuccess.title": "",
-	"editor.record.saveStatus.asDraftOnly": "",
-	"editor.record.saveStatus.draftWithChangesPending": "",
-	"editor.record.saveStatus.recordUpToDate": "",
-	"editor.record.upToDate": "",
+	"editor.record.form.page.accessAndContact": "",
+	"editor.record.form.page.description": "",
+	"editor.record.form.page.ressources": "",
+	"editor.record.form.section.about.description": "",
+	"editor.record.form.section.about.label": "",
+	"editor.record.form.section.annexes.label": "",
+	"editor.record.form.section.associatedResources.description": "",
+	"editor.record.form.section.associatedResources.label": "",
+	"editor.record.form.section.classification.description": "",
+	"editor.record.form.section.classification.label": "",
+	"editor.record.form.section.dataManagers.description": "",
+	"editor.record.form.section.dataManagers.label": "",
+	"editor.record.form.section.dataPointOfContact.description": "",
+	"editor.record.form.section.dataPointOfContact.label": "",
+	"editor.record.form.section.geographicalCoverage.label": "",
+	"editor.record.form.section.useAndAccessConditions.label": "",
+	"editor.record.form.temporalExtents.addDate": "Zeitpunkt",
+	"editor.record.form.temporalExtents.addRange": "Zeitraum",
+	"editor.record.form.temporalExtents.date": "Datum",
+	"editor.record.form.temporalExtents.range": "Datumsbereich",
+	"editor.record.form.updateFrequency.planned": "Die Daten sollten regelmäßig aktualisiert werden.",
+	"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.publish": "Diesen Datensatz veröffentlichen",
+	"editor.record.publishError.body": "Der Datensatz konnte nicht veröffentlicht werden:",
+	"editor.record.publishError.closeMessage": "Verstanden",
+	"editor.record.publishError.title": "Fehler beim Veröffentlichen des Datensatzes",
+	"editor.record.publishSuccess.body": "Der Datensatz wurde erfolgreich veröffentlicht!",
+	"editor.record.publishSuccess.title": "Veröffentlichung erfolgreich",
+	"editor.record.saveStatus.asDraftOnly": "Nur als Entwurf gespeichert - noch nicht veröffentlicht",
+	"editor.record.saveStatus.draftWithChangesPending": "Als Entwurf gespeichert - Änderungen stehen aus",
+	"editor.record.saveStatus.recordUpToDate": "Datensatz ist auf dem neuesten Stand",
+	"editor.record.upToDate": "Dieser Datensatz ist auf dem neuesten Stand",
+	"editor.sidebar.menu.editor": "",
 	"externalviewer.dataset.unnamed": "Datensatz aus dem Datahub",
 	"facets.block.title.OrgForResource": "Organisation",
 	"facets.block.title.availableInServices": "Verfügbar für",
@@ -17559,17 +17687,17 @@ var de = {
 	"organisations.sortBy.nameDesc": "Name Z → A",
 	"organisations.sortBy.recordCountAsc": "Veröffentlichungen 0 → 9",
 	"organisations.sortBy.recordCountDesc": "Veröffentlichungen 9 → 0",
-	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-	"organization.details.publishedDataset": "{count, plural, =0{} one{} other{}}",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "",
-	"organization.datasets": "",
-	"organization.lastPublishedDatasets": "",
-	"organization.lastPublishedDatasets.searchAllButton": "",
+	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
 	"pagination.nextPage": "Nächste Seite",
 	"pagination.page": "Seite",
 	"pagination.pageOf": "von",
 	previous: previous$6,
+	"record.action.delete": "Löschen",
 	"record.action.download": "Herunterladen",
+	"record.action.duplicate": "",
 	"record.action.view": "Anzeigen",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.metadata.about": "Beschreibung",
@@ -17662,11 +17790,11 @@ var de = {
 	"results.sortBy.relevancy": "Relevanz",
 	"search.autocomplete.error": "Vorschläge konnten nicht abgerufen werden:",
 	"search.error.couldNotReachApi": "Die API konnte nicht erreicht werden",
+	"search.error.organizationHasNoDataset": "",
+	"search.error.organizationNotFound": "",
 	"search.error.receivedError": "Ein Fehler ist aufgetreten",
 	"search.error.recordHasnolink": "",
 	"search.error.recordNotFound": "Der Datensatz mit der Kennung \"{ id }\" konnte nicht gefunden werden.",
-	"search.error.organizationNotFound": "",
-	"search.error.organizationHasNoDataset": "",
 	"search.field.any.placeholder": "Suche Datensätze ...",
 	"search.field.sortBy": "Sortieren nach:",
 	"search.filters.clear": "Zurücksetzen",
@@ -17691,14 +17819,16 @@ var de = {
 	"search.filters.minimize": "Minimieren",
 	"search.filters.myRecords": "Nur meine Datensätze anzeigen",
 	"search.filters.myRecordsHelp": "Wenn dies aktiviert ist, werden nur von mir erstellte Datensätze angezeigt; Datensätze, die von anderen erstellt wurden, werden nicht angezeigt.",
+	"search.filters.organization": "",
 	"search.filters.otherRecords": "Datensätze von einer anderen Person anzeigen",
+	"search.filters.producerOrg": "",
 	"search.filters.publicationYear": "Veröffentlichungsjahr",
-	"search.filters.publisher": "Organisationen",
+	"search.filters.publisherOrg": "",
 	"search.filters.representationType": "Repräsentationstyp",
 	"search.filters.resourceType": "Ressourcentyp",
 	"search.filters.standard": "Standard",
 	"search.filters.title": "Ergebnisse filtern",
-	"search.filters.topic": "Thema",
+	"search.filters.topic": "Themen",
 	"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.",
 	"share.tab.permalink": "Teilen",
@@ -17727,7 +17857,7 @@ var en = {
 	"Add Layer As": "",
 	"button.login": "Log in",
 	"catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
-	"catalog.figures.organizations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
+	"catalog.figures.organizations": "{count, plural, =0{organizations} one{organization} other{organizations}}",
 	"chart.aggregation.average": "average",
 	"chart.aggregation.count": "count",
 	"chart.aggregation.max": "max",
@@ -17774,6 +17904,8 @@ var en = {
 	"datafeeder.datasetValidation.submitButton": "OK, my data are correct",
 	"datafeeder.datasetValidation.title": "Make sure your data are correct",
 	"datafeeder.datasetValidation.unknown": " - ",
+	"datafeeder.datasetValidationCsv.explicitLineNumbers": "*The table must display the first 5 lines (excluding the header)<br>If this is not the case, check that the file is correctly formatted",
+	"datafeeder.datasetValidationCsv.lineNumbers": "Sample of the first 5 lines* of the dataset:",
 	"datafeeder.form.abstract": "How would you describe your dataset?",
 	"datafeeder.form.datepicker": "Do you know when the dataset was created?",
 	"datafeeder.form.description": "Finally, please describe the process that was used to create the dataset",
@@ -17801,6 +17933,7 @@ var en = {
 	"datafeeder.publishSuccess.geonetworkRecord": "Metadata record",
 	"datafeeder.publishSuccess.illustration.title": "Done, all is good!",
 	"datafeeder.publishSuccess.mapViewer": "Map viewer",
+	"datafeeder.publishSuccess.ogcFeature": "OGC API",
 	"datafeeder.publishSuccess.subtitle": "View your data in:",
 	"datafeeder.publishSuccess.title": "Congratulation! \n Your dataset has been published",
 	"datafeeder.publishSuccess.uploadAnotherData": "Upload another dataset",
@@ -17829,6 +17962,15 @@ var en = {
 	"datafeeder.upload.maxFileSize": "Maximum file size is {size} MB",
 	"datafeeder.upload.title": "Upload your dataset",
 	"datafeeder.upload.uploadButton": "Upload",
+	"datafeeder.validation.csv.delimiter": "Delimiter",
+	"datafeeder.validation.csv.delimiter.comma": "Comma",
+	"datafeeder.validation.csv.delimiter.semicolon": "Semicolon",
+	"datafeeder.validation.csv.lat.field": "Latitude column",
+	"datafeeder.validation.csv.lng.field": "Longitude column",
+	"datafeeder.validation.csv.quote.double": "Double quote",
+	"datafeeder.validation.csv.quote.none": "None",
+	"datafeeder.validation.csv.quote.simple": "Simple quote",
+	"datafeeder.validation.csv.quoteChar": "Quote separator",
 	"datafeeder.validation.encoding": "encoding",
 	"datafeeder.validation.extent.title": "Here is the dataset extent",
 	"datafeeder.validation.extent.title.unknown": "The projection system is unknown",
@@ -17842,7 +17984,7 @@ var en = {
 	"datahub.header.lastRecords": "The latest",
 	"datahub.header.myfavorites": "My favorites",
 	"datahub.header.news": "Home",
-	"datahub.header.organisations": "Organisations",
+	"datahub.header.organizations": "Organizations",
 	"datahub.header.popularRecords": "The most popular",
 	"datahub.header.title.html": "<div class=\"text-white\">Discover open<br> data from my Organization</div>",
 	"datahub.news.contact.contactus": "Contact us",
@@ -17878,7 +18020,26 @@ var en = {
 	"downloads.format.unknown": "unknown",
 	"downloads.wfs.featuretype.not.found": "The layer was not found",
 	dropFile: dropFile$5,
-	"editor.record.form.license": "License",
+	"editor.record.delete.confirmation.cancelText": "Cancel",
+	"editor.record.delete.confirmation.confirmText": "Delete",
+	"editor.record.delete.confirmation.message": "Are you sure you want to delete this record?",
+	"editor.record.delete.confirmation.title": "Delete record?",
+	"editor.record.deleteError.body": "The record could not be deleted:",
+	"editor.record.deleteError.closeMessage": "Understood",
+	"editor.record.deleteError.title": "Error deleting record",
+	"editor.record.form.bottomButtons.comeBackLater": "Come back later",
+	"editor.record.form.bottomButtons.next": "Next",
+	"editor.record.form.bottomButtons.previous": "Previous",
+	"editor.record.form.field.abstract": "Abstract",
+	"editor.record.form.field.keywords": "Keywords",
+	"editor.record.form.field.license": "License",
+	"editor.record.form.field.overviews": "Overviews",
+	"editor.record.form.field.recordUpdated": "Record Updated",
+	"editor.record.form.field.resourceUpdated": "Resource Updated",
+	"editor.record.form.field.temporalExtents": "Temporal extents",
+	"editor.record.form.field.title": "Metadata title",
+	"editor.record.form.field.uniqueIdentifier": "Unique identifier",
+	"editor.record.form.field.updateFrequency": "Update frequency",
 	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
 	"editor.record.form.license.cc-by-sa": "Creative Commons CC-BY-SA",
 	"editor.record.form.license.cc-zero": "Creative Commons CC-0",
@@ -17888,13 +18049,26 @@ var en = {
 	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
 	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "Unknown or absent",
-	"editor.record.form.resourceUpdated": "Last update date",
-	"editor.record.form.temporalExtents": "Temporal extent",
+	"editor.record.form.page.accessAndContact": "Access and contact",
+	"editor.record.form.page.description": "Resource description",
+	"editor.record.form.page.ressources": "Resources",
+	"editor.record.form.section.about.description": "This section describes the resource.",
+	"editor.record.form.section.about.label": "About the resource",
+	"editor.record.form.section.annexes.label": "Annexes",
+	"editor.record.form.section.associatedResources.description": "Drop files here to associate them with the resource.",
+	"editor.record.form.section.associatedResources.label": "Associated resources",
+	"editor.record.form.section.classification.description": "The classification has an impact on the access to the data.",
+	"editor.record.form.section.classification.label": "Classification",
+	"editor.record.form.section.dataManagers.description": "The data managers are responsible for the data.",
+	"editor.record.form.section.dataManagers.label": "Data managers",
+	"editor.record.form.section.dataPointOfContact.description": "This information concerns the metadata.",
+	"editor.record.form.section.dataPointOfContact.label": "Data point of contact",
+	"editor.record.form.section.geographicalCoverage.label": "Geographical coverage",
+	"editor.record.form.section.useAndAccessConditions.label": "Use and access conditions",
 	"editor.record.form.temporalExtents.addDate": "Time instant",
 	"editor.record.form.temporalExtents.addRange": "Time period",
 	"editor.record.form.temporalExtents.date": "Date",
 	"editor.record.form.temporalExtents.range": "Date range",
-	"editor.record.form.updateFrequency": "Update frequency",
 	"editor.record.form.updateFrequency.planned": "The data should be updated regularly.",
 	"editor.record.loadError.body": "The record could not be loaded:",
 	"editor.record.loadError.closeMessage": "Understood",
@@ -17909,6 +18083,7 @@ var en = {
 	"editor.record.saveStatus.draftWithChangesPending": "Saved as draft - changes are pending",
 	"editor.record.saveStatus.recordUpToDate": "Record is up to date",
 	"editor.record.upToDate": "This record is up to date",
+	"editor.sidebar.menu.editor": "Editor",
 	"externalviewer.dataset.unnamed": "Datahub layer",
 	"facets.block.title.OrgForResource": "Organisation",
 	"facets.block.title.availableInServices": "Available for",
@@ -17977,17 +18152,17 @@ var en = {
 	"organisations.sortBy.nameDesc": "Name Z → A",
 	"organisations.sortBy.recordCountAsc": "Publications 0 → 9",
 	"organisations.sortBy.recordCountDesc": "Publications 9 → 0",
-	"organization.header.recordCount": "{count, plural, =0{data} one{data} other{datas}}",
-	"organization.details.publishedDataset": "{count, plural, =0{published dataset} one{published dataset} other{published datasets}}",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "Contact by email",
-	"organization.datasets": "Datasets",
-	"organization.lastPublishedDatasets": "Last published datasets",
-	"organization.lastPublishedDatasets.searchAllButton": "Search all",
+	"organization.header.recordCount": "{count, plural, =0{data} one{data} other{datas}}",
 	"pagination.nextPage": "Next page",
 	"pagination.page": "page",
 	"pagination.pageOf": "of",
 	previous: previous$5,
+	"record.action.delete": "Delete",
 	"record.action.download": "Download",
+	"record.action.duplicate": "Duplicate",
 	"record.action.view": "View",
 	"record.externalViewer.open": "Open in the external map viewer",
 	"record.metadata.about": "Description",
@@ -18080,11 +18255,11 @@ var en = {
 	"results.sortBy.relevancy": "Relevancy",
 	"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.",
+	"search.error.organizationNotFound": "This organization  could not be found.",
 	"search.error.receivedError": "An error was received",
 	"search.error.recordHasnolink": "This record currently has no link yet, please come back later.",
 	"search.error.recordNotFound": "The record with identifier \"{ id }\" could not be found.",
-	"search.error.organizationNotFound": "This organization  could not be found.",
-	"search.error.organizationHasNoDataset": "This organization has no dataset yet.",
 	"search.field.any.placeholder": "Search datasets ...",
 	"search.field.sortBy": "Sort by:",
 	"search.filters.clear": "Reset",
@@ -18109,14 +18284,16 @@ var en = {
 	"search.filters.minimize": "Minimize",
 	"search.filters.myRecords": "Show only my records",
 	"search.filters.myRecordsHelp": "When this is enabled, records only created by myself are shown; records created by others will not show up.",
+	"search.filters.organization": "Organization",
 	"search.filters.otherRecords": "Showing records from another person",
+	"search.filters.producerOrg": "Producer",
 	"search.filters.publicationYear": "Publication year",
-	"search.filters.publisher": "Organizations",
+	"search.filters.publisherOrg": "Publisher",
 	"search.filters.representationType": "Representation type",
 	"search.filters.resourceType": "Resource type",
 	"search.filters.standard": "Standard",
 	"search.filters.title": "Filter your results",
-	"search.filters.topic": "Topic",
+	"search.filters.topic": "Topics",
 	"search.filters.useSpatialFilter": "Show records in the area of interest first",
 	"search.filters.useSpatialFilterHelp": "When this is enabled, records situated in the catalog's area of interest are shown first; records outside of this area will not show up.",
 	"share.tab.permalink": "Share",
@@ -18192,6 +18369,8 @@ var es = {
 	"datafeeder.datasetValidation.submitButton": "",
 	"datafeeder.datasetValidation.title": "",
 	"datafeeder.datasetValidation.unknown": "",
+	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
+	"datafeeder.datasetValidationCsv.lineNumbers": "",
 	"datafeeder.form.abstract": "",
 	"datafeeder.form.datepicker": "",
 	"datafeeder.form.description": "",
@@ -18219,6 +18398,7 @@ var es = {
 	"datafeeder.publishSuccess.geonetworkRecord": "",
 	"datafeeder.publishSuccess.illustration.title": "",
 	"datafeeder.publishSuccess.mapViewer": "",
+	"datafeeder.publishSuccess.ogcFeature": "",
 	"datafeeder.publishSuccess.subtitle": "",
 	"datafeeder.publishSuccess.title": "",
 	"datafeeder.publishSuccess.uploadAnotherData": "",
@@ -18247,6 +18427,15 @@ var es = {
 	"datafeeder.upload.maxFileSize": "",
 	"datafeeder.upload.title": "",
 	"datafeeder.upload.uploadButton": "",
+	"datafeeder.validation.csv.delimiter": "",
+	"datafeeder.validation.csv.delimiter.comma": "Coma",
+	"datafeeder.validation.csv.delimiter.semicolon": "Punto y coma",
+	"datafeeder.validation.csv.lat.field": "",
+	"datafeeder.validation.csv.lng.field": "",
+	"datafeeder.validation.csv.quote.double": "Comillas dobles",
+	"datafeeder.validation.csv.quote.none": "Ninguno",
+	"datafeeder.validation.csv.quote.simple": "Comillas simples",
+	"datafeeder.validation.csv.quoteChar": "",
 	"datafeeder.validation.encoding": "",
 	"datafeeder.validation.extent.title": "",
 	"datafeeder.validation.extent.title.unknown": "",
@@ -18260,7 +18449,7 @@ var es = {
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
-	"datahub.header.organisations": "",
+	"datahub.header.organizations": "",
 	"datahub.header.popularRecords": "",
 	"datahub.header.title.html": "",
 	"datahub.news.contact.contactus": "",
@@ -18296,7 +18485,26 @@ var es = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$4,
-	"editor.record.form.license": "",
+	"editor.record.delete.confirmation.cancelText": "",
+	"editor.record.delete.confirmation.confirmText": "",
+	"editor.record.delete.confirmation.message": "",
+	"editor.record.delete.confirmation.title": "",
+	"editor.record.deleteError.body": "",
+	"editor.record.deleteError.closeMessage": "",
+	"editor.record.deleteError.title": "",
+	"editor.record.form.bottomButtons.comeBackLater": "",
+	"editor.record.form.bottomButtons.next": "",
+	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.keywords": "",
+	"editor.record.form.field.license": "",
+	"editor.record.form.field.overviews": "",
+	"editor.record.form.field.recordUpdated": "",
+	"editor.record.form.field.resourceUpdated": "",
+	"editor.record.form.field.temporalExtents": "",
+	"editor.record.form.field.title": "",
+	"editor.record.form.field.uniqueIdentifier": "",
+	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -18306,13 +18514,26 @@ var es = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
-	"editor.record.form.resourceUpdated": "",
-	"editor.record.form.temporalExtents": "",
+	"editor.record.form.page.accessAndContact": "",
+	"editor.record.form.page.description": "",
+	"editor.record.form.page.ressources": "",
+	"editor.record.form.section.about.description": "",
+	"editor.record.form.section.about.label": "",
+	"editor.record.form.section.annexes.label": "",
+	"editor.record.form.section.associatedResources.description": "",
+	"editor.record.form.section.associatedResources.label": "",
+	"editor.record.form.section.classification.description": "",
+	"editor.record.form.section.classification.label": "",
+	"editor.record.form.section.dataManagers.description": "",
+	"editor.record.form.section.dataManagers.label": "",
+	"editor.record.form.section.dataPointOfContact.description": "",
+	"editor.record.form.section.dataPointOfContact.label": "",
+	"editor.record.form.section.geographicalCoverage.label": "",
+	"editor.record.form.section.useAndAccessConditions.label": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
@@ -18327,6 +18548,7 @@ var es = {
 	"editor.record.saveStatus.draftWithChangesPending": "",
 	"editor.record.saveStatus.recordUpToDate": "",
 	"editor.record.upToDate": "",
+	"editor.sidebar.menu.editor": "",
 	"externalviewer.dataset.unnamed": "",
 	"facets.block.title.OrgForResource": "",
 	"facets.block.title.availableInServices": "",
@@ -18395,17 +18617,17 @@ var es = {
 	"organisations.sortBy.nameDesc": "",
 	"organisations.sortBy.recordCountAsc": "",
 	"organisations.sortBy.recordCountDesc": "",
-	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-	"organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "",
-	"organization.datasets": "",
-	"organization.lastPublishedDatasets": "",
-	"organization.lastPublishedDatasets.searchAllButton": "",
+	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
 	"pagination.nextPage": "",
 	"pagination.page": "",
 	"pagination.pageOf": "",
 	previous: previous$4,
+	"record.action.delete": "",
 	"record.action.download": "",
+	"record.action.duplicate": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.metadata.about": "",
@@ -18498,11 +18720,11 @@ var es = {
 	"results.sortBy.relevancy": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
+	"search.error.organizationHasNoDataset": "",
+	"search.error.organizationNotFound": "",
 	"search.error.receivedError": "",
 	"search.error.recordHasnolink": "",
 	"search.error.recordNotFound": "",
-	"search.error.organizationNotFound": "",
-	"search.error.organizationHasNoDataset": "",
 	"search.field.any.placeholder": "",
 	"search.field.sortBy": "",
 	"search.filters.clear": "",
@@ -18527,9 +18749,11 @@ var es = {
 	"search.filters.minimize": "",
 	"search.filters.myRecords": "",
 	"search.filters.myRecordsHelp": "",
+	"search.filters.organization": "",
 	"search.filters.otherRecords": "",
+	"search.filters.producerOrg": "",
 	"search.filters.publicationYear": "",
-	"search.filters.publisher": "",
+	"search.filters.publisherOrg": "",
 	"search.filters.representationType": "",
 	"search.filters.resourceType": "",
 	"search.filters.standard": "",
@@ -18610,6 +18834,8 @@ var fr = {
 	"datafeeder.datasetValidation.submitButton": "OK, mes données sont correctes",
 	"datafeeder.datasetValidation.title": "Vérifiez que vos données sont correctes",
 	"datafeeder.datasetValidation.unknown": " - ",
+	"datafeeder.datasetValidationCsv.explicitLineNumbers": "*Le tableau doit afficher les 5 premières lignes (hors en-tête)<br>Si ce n'est pas le cas, vérifier que le fichier est bien formatté",
+	"datafeeder.datasetValidationCsv.lineNumbers": "Résumé des 5 premières lignes* du CSV :",
 	"datafeeder.form.abstract": "Comment décrire votre jeu de données ?",
 	"datafeeder.form.datepicker": "Savez-vous quand la donnée a été créée ?",
 	"datafeeder.form.description": "Enfin, décrivez le processus utilisé pour créer la donnée",
@@ -18636,7 +18862,8 @@ var fr = {
 	"datafeeder.publish.upload": "Upload maintenant",
 	"datafeeder.publishSuccess.geonetworkRecord": "Fiche de métadonnée",
 	"datafeeder.publishSuccess.illustration.title": "Terminé, tout s'est bien passé !",
-	"datafeeder.publishSuccess.mapViewer": "Visualisateur",
+	"datafeeder.publishSuccess.mapViewer": "Visualiseur",
+	"datafeeder.publishSuccess.ogcFeature": "OGC API",
 	"datafeeder.publishSuccess.subtitle": "Visualisez vos données :",
 	"datafeeder.publishSuccess.title": "Félicitations! \n Vos données ont été publiées",
 	"datafeeder.publishSuccess.uploadAnotherData": "Importer une autre donnée",
@@ -18665,6 +18892,15 @@ var fr = {
 	"datafeeder.upload.maxFileSize": "La taille maximale est {size} Mo",
 	"datafeeder.upload.title": "Importez vos données",
 	"datafeeder.upload.uploadButton": "Transférer",
+	"datafeeder.validation.csv.delimiter": "Séparateur de colonne",
+	"datafeeder.validation.csv.delimiter.comma": "Virgule",
+	"datafeeder.validation.csv.delimiter.semicolon": "Point-virgule",
+	"datafeeder.validation.csv.lat.field": "Colonne latitude",
+	"datafeeder.validation.csv.lng.field": "Colonne longitude",
+	"datafeeder.validation.csv.quote.double": "Double guillemets",
+	"datafeeder.validation.csv.quote.none": "Aucun",
+	"datafeeder.validation.csv.quote.simple": "Simple guillemet",
+	"datafeeder.validation.csv.quoteChar": "Séparateur de texte",
 	"datafeeder.validation.encoding": "encodage",
 	"datafeeder.validation.extent.title": "Voici l'emprise du jeu de données",
 	"datafeeder.validation.extent.title.unknown": "Le système de projection est inconnu",
@@ -18678,7 +18914,7 @@ var fr = {
 	"datahub.header.lastRecords": "Les plus récentes",
 	"datahub.header.myfavorites": "Mes favoris",
 	"datahub.header.news": "Accueil",
-	"datahub.header.organisations": "Organisations",
+	"datahub.header.organizations": "Organisations",
 	"datahub.header.popularRecords": "Les plus appréciées",
 	"datahub.header.title.html": "<div class=\"text-white\">Toutes les données<br>publiques de mon organisation</div>",
 	"datahub.news.contact.contactus": "Contactez-nous",
@@ -18714,7 +18950,26 @@ var fr = {
 	"downloads.format.unknown": "inconnu",
 	"downloads.wfs.featuretype.not.found": "La couche n'a pas été retrouvée",
 	dropFile: dropFile$3,
-	"editor.record.form.license": "Licence",
+	"editor.record.delete.confirmation.cancelText": "Annuler",
+	"editor.record.delete.confirmation.confirmText": "Supprimer",
+	"editor.record.delete.confirmation.message": "Etes-vous sûr de vouloir supprimer cette fiche ?",
+	"editor.record.delete.confirmation.title": "Supprimer la fiche",
+	"editor.record.deleteError.body": "La fiche n'a pas pu être supprimée :",
+	"editor.record.deleteError.closeMessage": "Compris",
+	"editor.record.deleteError.title": "Erreur lors de la suppression",
+	"editor.record.form.bottomButtons.comeBackLater": "Revenir plus tard",
+	"editor.record.form.bottomButtons.next": "Suivant",
+	"editor.record.form.bottomButtons.previous": "Précédent",
+	"editor.record.form.field.abstract": "Résumé",
+	"editor.record.form.field.keywords": "Mots-clés",
+	"editor.record.form.field.license": "Licence",
+	"editor.record.form.field.overviews": "Aperçus",
+	"editor.record.form.field.recordUpdated": "Date de dernière révision",
+	"editor.record.form.field.resourceUpdated": "Date de dernière révision",
+	"editor.record.form.field.temporalExtents": "Étendue temporelle",
+	"editor.record.form.field.title": "Titre",
+	"editor.record.form.field.uniqueIdentifier": "Identifiant unique",
+	"editor.record.form.field.updateFrequency": "Fréquence de mise à jour",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -18724,27 +18979,41 @@ var fr = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "Non-reconnue ou absente",
-	"editor.record.form.resourceUpdated": "Date de dernière révision",
-	"editor.record.form.temporalExtents": "Étendue temporelle",
+	"editor.record.form.page.accessAndContact": "Acces et contact",
+	"editor.record.form.page.description": "Description de la ressource",
+	"editor.record.form.page.ressources": "Ressources",
+	"editor.record.form.section.about.description": "Ces informations concernent la donnée.",
+	"editor.record.form.section.about.label": "A propos de la ressource",
+	"editor.record.form.section.annexes.label": "Annexes",
+	"editor.record.form.section.associatedResources.description": "Déposez les jeux de données associées à cette fiche de métadonnée.",
+	"editor.record.form.section.associatedResources.label": "Ressources associees",
+	"editor.record.form.section.classification.description": "La classification a un impact sur la recherche du jeux de données.",
+	"editor.record.form.section.classification.label": "Classification",
+	"editor.record.form.section.dataManagers.description": "Cette information concerne la donnée.",
+	"editor.record.form.section.dataManagers.label": "Responsables de la donnee",
+	"editor.record.form.section.dataPointOfContact.description": "Cette information concerne la fiche de métadonnée.",
+	"editor.record.form.section.dataPointOfContact.label": "Point de contact de la metadonee",
+	"editor.record.form.section.geographicalCoverage.label": "Couverture geographique",
+	"editor.record.form.section.useAndAccessConditions.label": "Conditions d'acces et usage",
 	"editor.record.form.temporalExtents.addDate": "Date déterminée",
 	"editor.record.form.temporalExtents.addRange": "Période de temps",
 	"editor.record.form.temporalExtents.date": "Date concernée",
 	"editor.record.form.temporalExtents.range": "Période concernée",
-	"editor.record.form.updateFrequency": "Fréquence de mise à jour",
 	"editor.record.form.updateFrequency.planned": "Ces données doivent être mise à jour régulièrement.",
-	"editor.record.loadError.body": "",
-	"editor.record.loadError.closeMessage": "",
-	"editor.record.loadError.title": "",
-	"editor.record.publish": "",
-	"editor.record.publishError.body": "",
-	"editor.record.publishError.closeMessage": "",
-	"editor.record.publishError.title": "",
-	"editor.record.publishSuccess.body": "",
-	"editor.record.publishSuccess.title": "",
+	"editor.record.loadError.body": "La fiche n'a pas pu être chargée :",
+	"editor.record.loadError.closeMessage": "Compris",
+	"editor.record.loadError.title": "Erreur lors du chargement",
+	"editor.record.publish": "Publier cette fiche",
+	"editor.record.publishError.body": "La fiche n'a pas pu être publiée :",
+	"editor.record.publishError.closeMessage": "Compris",
+	"editor.record.publishError.title": "Erreur lors de la publication",
+	"editor.record.publishSuccess.body": "La fiche a bien été publiée !",
+	"editor.record.publishSuccess.title": "Publication réussie",
 	"editor.record.saveStatus.asDraftOnly": "Brouillon enregistré - fiche non publiée",
 	"editor.record.saveStatus.draftWithChangesPending": "Brouillon enregistré - modifications en cours",
 	"editor.record.saveStatus.recordUpToDate": "La fiche publiée est à jour",
 	"editor.record.upToDate": "",
+	"editor.sidebar.menu.editor": "",
 	"externalviewer.dataset.unnamed": "Couche du datahub",
 	"facets.block.title.OrgForResource": "Organisation",
 	"facets.block.title.availableInServices": "Disponible pour",
@@ -18813,17 +19082,17 @@ var fr = {
 	"organisations.sortBy.nameDesc": "Nom Z → A",
 	"organisations.sortBy.recordCountAsc": "Données 0 → 9",
 	"organisations.sortBy.recordCountDesc": "Données 9 → 0",
-	"organization.header.recordCount": "{count, plural, =0{donnée} one{donnée} other{données}}",
-	"organization.details.publishedDataset": "{count, plural, =0{donnée publiée} one{donnée publiée} other{données publiées}}",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "Contacter par mail",
-	"organization.datasets": "Données",
-	"organization.lastPublishedDatasets": "Dernières données publiées",
-	"organization.lastPublishedDatasets.searchAllButton": "Rechercher tous",
+	"organization.header.recordCount": "{count, plural, =0{donnée} one{donnée} other{données}}",
 	"pagination.nextPage": "Page suivante",
 	"pagination.page": "page",
 	"pagination.pageOf": "sur",
 	previous: previous$3,
+	"record.action.delete": "Supprimer",
 	"record.action.download": "Télécharger",
+	"record.action.duplicate": "Dupliquer",
 	"record.action.view": "Voir",
 	"record.externalViewer.open": "Ouvrir dans le visualiseur externe",
 	"record.metadata.about": "Description",
@@ -18916,11 +19185,11 @@ var fr = {
 	"results.sortBy.relevancy": "Pertinence",
 	"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.",
+	"search.error.organizationNotFound": "L'organisation n'a pas pu être trouvée.",
 	"search.error.receivedError": "Erreur retournée",
 	"search.error.recordHasnolink": "Ce dataset n'a pas encore de lien, réessayez plus tard s'il vous plaît.",
 	"search.error.recordNotFound": "Cette donnée n'a pu être trouvée.",
-	"search.error.organizationNotFound": "L'organisation n'a pas pu être trouvée.",
-	"search.error.organizationHasNoDataset": "Cette organisation n'a pas encore de données.",
 	"search.field.any.placeholder": "Rechercher une donnée...",
 	"search.field.sortBy": "Trier par :",
 	"search.filters.clear": "Réinitialiser",
@@ -18945,14 +19214,16 @@ var fr = {
 	"search.filters.minimize": "Réduire",
 	"search.filters.myRecords": "Voir mes données",
 	"search.filters.myRecordsHelp": "Quand activé, n'affiche que les données créées avec mon utilisateur. Les données créées par les autres utilisateurs ne sont pas affichées.",
+	"search.filters.organization": "Organisation",
 	"search.filters.otherRecords": "Affichage des données d'un autre utilisateur",
+	"search.filters.producerOrg": "Producteur",
 	"search.filters.publicationYear": "Année de publication",
-	"search.filters.publisher": "Organisations",
+	"search.filters.publisherOrg": "Distributeur",
 	"search.filters.representationType": "Type de représentation",
 	"search.filters.resourceType": "Type de ressource",
 	"search.filters.standard": "Standard",
 	"search.filters.title": "Affiner votre recherche",
-	"search.filters.topic": "Thème",
+	"search.filters.topic": "Thèmes",
 	"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 fiches portant sur la zone d'intérêt du catalogue seront montrées en premier; les fiches en dehors de cette zone n'apparaîtront pas dans les résultats.",
 	"share.tab.permalink": "Partager",
@@ -19028,6 +19299,8 @@ var it = {
 	"datafeeder.datasetValidation.submitButton": "OK, i miei dati sono corretti",
 	"datafeeder.datasetValidation.title": "Controllare che i dati siano corretti",
 	"datafeeder.datasetValidation.unknown": " - ",
+	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
+	"datafeeder.datasetValidationCsv.lineNumbers": "",
 	"datafeeder.form.abstract": "Come descrivere il suo dataset?",
 	"datafeeder.form.datepicker": "Sa quando è stato creato il suo dataset ?",
 	"datafeeder.form.description": "Infine, descrivere il processo utilizzato per creare il dataset",
@@ -19055,6 +19328,7 @@ var it = {
 	"datafeeder.publishSuccess.geonetworkRecord": "Scheda di metadati",
 	"datafeeder.publishSuccess.illustration.title": "Completato, tutto è andato bene!",
 	"datafeeder.publishSuccess.mapViewer": "Visualizzatore",
+	"datafeeder.publishSuccess.ogcFeature": "",
 	"datafeeder.publishSuccess.subtitle": "Visualizzare i dati:",
 	"datafeeder.publishSuccess.title": "Congratulazioni! \n I suoi dati sono stati pubblicati",
 	"datafeeder.publishSuccess.uploadAnotherData": "Caricare un altro dato",
@@ -19083,6 +19357,15 @@ var it = {
 	"datafeeder.upload.maxFileSize": "Dimensione massima: {size} MB",
 	"datafeeder.upload.title": "Importa i suoi dati",
 	"datafeeder.upload.uploadButton": "Carica",
+	"datafeeder.validation.csv.delimiter": "",
+	"datafeeder.validation.csv.delimiter.comma": "",
+	"datafeeder.validation.csv.delimiter.semicolon": "",
+	"datafeeder.validation.csv.lat.field": "",
+	"datafeeder.validation.csv.lng.field": "",
+	"datafeeder.validation.csv.quote.double": "",
+	"datafeeder.validation.csv.quote.none": "",
+	"datafeeder.validation.csv.quote.simple": "",
+	"datafeeder.validation.csv.quoteChar": "",
 	"datafeeder.validation.encoding": "Codifica",
 	"datafeeder.validation.extent.title": "Ecco l'estensione del dataset",
 	"datafeeder.validation.extent.title.unknown": "Sistema di proiezione sconosciuto",
@@ -19096,7 +19379,7 @@ var it = {
 	"datahub.header.lastRecords": "Ultimi",
 	"datahub.header.myfavorites": "Miei preferiti",
 	"datahub.header.news": "Home",
-	"datahub.header.organisations": "Organizzazioni",
+	"datahub.header.organizations": "Organizzazioni",
 	"datahub.header.popularRecords": "Più popolari",
 	"datahub.header.title.html": "<div class=\"text-white\">Tutti i dati<br>pubblici della mia organizzazione</div>",
 	"datahub.news.contact.contactus": "Contattateci",
@@ -19132,7 +19415,26 @@ var it = {
 	"downloads.format.unknown": "sconosciuto",
 	"downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
 	dropFile: dropFile$2,
-	"editor.record.form.license": "Licenza",
+	"editor.record.delete.confirmation.cancelText": "",
+	"editor.record.delete.confirmation.confirmText": "",
+	"editor.record.delete.confirmation.message": "",
+	"editor.record.delete.confirmation.title": "",
+	"editor.record.deleteError.body": "",
+	"editor.record.deleteError.closeMessage": "",
+	"editor.record.deleteError.title": "",
+	"editor.record.form.bottomButtons.comeBackLater": "",
+	"editor.record.form.bottomButtons.next": "",
+	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.keywords": "",
+	"editor.record.form.field.license": "Licenza",
+	"editor.record.form.field.overviews": "",
+	"editor.record.form.field.recordUpdated": "",
+	"editor.record.form.field.resourceUpdated": "",
+	"editor.record.form.field.temporalExtents": "",
+	"editor.record.form.field.title": "",
+	"editor.record.form.field.uniqueIdentifier": "",
+	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -19142,13 +19444,26 @@ var it = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "Non riconosciuta o assente",
-	"editor.record.form.resourceUpdated": "",
-	"editor.record.form.temporalExtents": "",
+	"editor.record.form.page.accessAndContact": "",
+	"editor.record.form.page.description": "",
+	"editor.record.form.page.ressources": "",
+	"editor.record.form.section.about.description": "",
+	"editor.record.form.section.about.label": "",
+	"editor.record.form.section.annexes.label": "",
+	"editor.record.form.section.associatedResources.description": "",
+	"editor.record.form.section.associatedResources.label": "",
+	"editor.record.form.section.classification.description": "",
+	"editor.record.form.section.classification.label": "",
+	"editor.record.form.section.dataManagers.description": "",
+	"editor.record.form.section.dataManagers.label": "",
+	"editor.record.form.section.dataPointOfContact.description": "",
+	"editor.record.form.section.dataPointOfContact.label": "",
+	"editor.record.form.section.geographicalCoverage.label": "",
+	"editor.record.form.section.useAndAccessConditions.label": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
@@ -19163,6 +19478,7 @@ var it = {
 	"editor.record.saveStatus.draftWithChangesPending": "",
 	"editor.record.saveStatus.recordUpToDate": "",
 	"editor.record.upToDate": "",
+	"editor.sidebar.menu.editor": "",
 	"externalviewer.dataset.unnamed": "Layer del datahub",
 	"facets.block.title.OrgForResource": "Organizzazione",
 	"facets.block.title.availableInServices": "Disponibile per",
@@ -19231,17 +19547,17 @@ var it = {
 	"organisations.sortBy.nameDesc": "Nome Z → A",
 	"organisations.sortBy.recordCountAsc": "Dati 0 → 9",
 	"organisations.sortBy.recordCountDesc": "Dati 9 → 0",
-	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-	"organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "",
-	"organization.datasets": "",
-	"organization.lastPublishedDatasets": "",
-	"organization.lastPublishedDatasets.searchAllButton": "",
+	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
 	"pagination.nextPage": "Pagina successiva",
 	"pagination.page": "pagina",
 	"pagination.pageOf": "di",
 	previous: previous$2,
+	"record.action.delete": "",
 	"record.action.download": "Scarica",
+	"record.action.duplicate": "",
 	"record.action.view": "Visualizza",
 	"record.externalViewer.open": "Apri nell'visualizzatore esterno",
 	"record.metadata.about": "Descrizione",
@@ -19334,11 +19650,11 @@ var it = {
 	"results.sortBy.relevancy": "Rilevanza",
 	"search.autocomplete.error": "Impossibile recuperare le suggerimenti",
 	"search.error.couldNotReachApi": "Problema di connessione all'API",
+	"search.error.organizationHasNoDataset": "",
+	"search.error.organizationNotFound": "",
 	"search.error.receivedError": "Errore ricevuto",
 	"search.error.recordHasnolink": "",
 	"search.error.recordNotFound": "Impossibile trovare questo dato",
-	"search.error.organizationNotFound": "",
-	"search.error.organizationHasNoDataset": "",
 	"search.field.any.placeholder": "Cerca un dato...",
 	"search.field.sortBy": "Ordina per:",
 	"search.filters.clear": "Ripristina",
@@ -19363,14 +19679,16 @@ var it = {
 	"search.filters.minimize": "Riduci",
 	"search.filters.myRecords": "Visualizza i miei dati",
 	"search.filters.myRecordsHelp": "Quando attivato, mostra solo i dati creati con il mio utente. I dati creati da altri utenti non sono visualizzati.",
+	"search.filters.organization": "",
 	"search.filters.otherRecords": "Visualizzazione dei dati di un altro utente",
+	"search.filters.producerOrg": "",
 	"search.filters.publicationYear": "Anno di pubblicazione",
-	"search.filters.publisher": "Organizzazioni",
+	"search.filters.publisherOrg": "",
 	"search.filters.representationType": "Tipo di rappresentazione",
 	"search.filters.resourceType": "Tipo di risorsa",
 	"search.filters.standard": "Standard",
 	"search.filters.title": "Affina la sua ricerca",
-	"search.filters.topic": "Argomento",
+	"search.filters.topic": "Argomenti",
 	"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.",
 	"share.tab.permalink": "Condividere",
@@ -19446,6 +19764,8 @@ var nl = {
 	"datafeeder.datasetValidation.submitButton": "",
 	"datafeeder.datasetValidation.title": "",
 	"datafeeder.datasetValidation.unknown": "",
+	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
+	"datafeeder.datasetValidationCsv.lineNumbers": "",
 	"datafeeder.form.abstract": "",
 	"datafeeder.form.datepicker": "",
 	"datafeeder.form.description": "",
@@ -19473,6 +19793,7 @@ var nl = {
 	"datafeeder.publishSuccess.geonetworkRecord": "",
 	"datafeeder.publishSuccess.illustration.title": "",
 	"datafeeder.publishSuccess.mapViewer": "",
+	"datafeeder.publishSuccess.ogcFeature": "",
 	"datafeeder.publishSuccess.subtitle": "",
 	"datafeeder.publishSuccess.title": "",
 	"datafeeder.publishSuccess.uploadAnotherData": "",
@@ -19501,6 +19822,15 @@ var nl = {
 	"datafeeder.upload.maxFileSize": "",
 	"datafeeder.upload.title": "",
 	"datafeeder.upload.uploadButton": "",
+	"datafeeder.validation.csv.delimiter": "",
+	"datafeeder.validation.csv.delimiter.comma": "",
+	"datafeeder.validation.csv.delimiter.semicolon": "",
+	"datafeeder.validation.csv.lat.field": "",
+	"datafeeder.validation.csv.lng.field": "",
+	"datafeeder.validation.csv.quote.double": "",
+	"datafeeder.validation.csv.quote.none": "",
+	"datafeeder.validation.csv.quote.simple": "",
+	"datafeeder.validation.csv.quoteChar": "",
 	"datafeeder.validation.encoding": "",
 	"datafeeder.validation.extent.title": "",
 	"datafeeder.validation.extent.title.unknown": "",
@@ -19514,7 +19844,7 @@ var nl = {
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
-	"datahub.header.organisations": "",
+	"datahub.header.organizations": "",
 	"datahub.header.popularRecords": "",
 	"datahub.header.title.html": "",
 	"datahub.news.contact.contactus": "",
@@ -19550,7 +19880,26 @@ var nl = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$1,
-	"editor.record.form.license": "",
+	"editor.record.delete.confirmation.cancelText": "",
+	"editor.record.delete.confirmation.confirmText": "",
+	"editor.record.delete.confirmation.message": "",
+	"editor.record.delete.confirmation.title": "",
+	"editor.record.deleteError.body": "",
+	"editor.record.deleteError.closeMessage": "",
+	"editor.record.deleteError.title": "",
+	"editor.record.form.bottomButtons.comeBackLater": "",
+	"editor.record.form.bottomButtons.next": "",
+	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.keywords": "",
+	"editor.record.form.field.license": "",
+	"editor.record.form.field.overviews": "",
+	"editor.record.form.field.recordUpdated": "",
+	"editor.record.form.field.resourceUpdated": "",
+	"editor.record.form.field.temporalExtents": "",
+	"editor.record.form.field.title": "",
+	"editor.record.form.field.uniqueIdentifier": "",
+	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -19560,13 +19909,26 @@ var nl = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
-	"editor.record.form.resourceUpdated": "",
-	"editor.record.form.temporalExtents": "",
+	"editor.record.form.page.accessAndContact": "",
+	"editor.record.form.page.description": "",
+	"editor.record.form.page.ressources": "",
+	"editor.record.form.section.about.description": "",
+	"editor.record.form.section.about.label": "",
+	"editor.record.form.section.annexes.label": "",
+	"editor.record.form.section.associatedResources.description": "",
+	"editor.record.form.section.associatedResources.label": "",
+	"editor.record.form.section.classification.description": "",
+	"editor.record.form.section.classification.label": "",
+	"editor.record.form.section.dataManagers.description": "",
+	"editor.record.form.section.dataManagers.label": "",
+	"editor.record.form.section.dataPointOfContact.description": "",
+	"editor.record.form.section.dataPointOfContact.label": "",
+	"editor.record.form.section.geographicalCoverage.label": "",
+	"editor.record.form.section.useAndAccessConditions.label": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
@@ -19581,6 +19943,7 @@ var nl = {
 	"editor.record.saveStatus.draftWithChangesPending": "",
 	"editor.record.saveStatus.recordUpToDate": "",
 	"editor.record.upToDate": "",
+	"editor.sidebar.menu.editor": "",
 	"externalviewer.dataset.unnamed": "",
 	"facets.block.title.OrgForResource": "",
 	"facets.block.title.availableInServices": "",
@@ -19649,17 +20012,17 @@ var nl = {
 	"organisations.sortBy.nameDesc": "",
 	"organisations.sortBy.recordCountAsc": "",
 	"organisations.sortBy.recordCountDesc": "",
-	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-	"organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "",
-	"organization.datasets": "",
-	"organization.lastPublishedDatasets": "",
-	"organization.lastPublishedDatasets.searchAllButton": "",
+	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
 	"pagination.nextPage": "",
 	"pagination.page": "",
 	"pagination.pageOf": "",
 	previous: previous$1,
+	"record.action.delete": "",
 	"record.action.download": "",
+	"record.action.duplicate": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.metadata.about": "",
@@ -19752,11 +20115,11 @@ var nl = {
 	"results.sortBy.relevancy": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
+	"search.error.organizationHasNoDataset": "",
+	"search.error.organizationNotFound": "",
 	"search.error.receivedError": "",
 	"search.error.recordHasnolink": "",
 	"search.error.recordNotFound": "",
-	"search.error.organizationNotFound": "",
-	"search.error.organizationHasNoDataset": "",
 	"search.field.any.placeholder": "",
 	"search.field.sortBy": "",
 	"search.filters.clear": "",
@@ -19781,9 +20144,11 @@ var nl = {
 	"search.filters.minimize": "",
 	"search.filters.myRecords": "",
 	"search.filters.myRecordsHelp": "",
+	"search.filters.organization": "",
 	"search.filters.otherRecords": "",
+	"search.filters.producerOrg": "",
 	"search.filters.publicationYear": "",
-	"search.filters.publisher": "",
+	"search.filters.publisherOrg": "",
 	"search.filters.representationType": "",
 	"search.filters.resourceType": "",
 	"search.filters.standard": "",
@@ -19864,6 +20229,8 @@ var pt = {
 	"datafeeder.datasetValidation.submitButton": "",
 	"datafeeder.datasetValidation.title": "",
 	"datafeeder.datasetValidation.unknown": "",
+	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
+	"datafeeder.datasetValidationCsv.lineNumbers": "",
 	"datafeeder.form.abstract": "",
 	"datafeeder.form.datepicker": "",
 	"datafeeder.form.description": "",
@@ -19891,6 +20258,7 @@ var pt = {
 	"datafeeder.publishSuccess.geonetworkRecord": "",
 	"datafeeder.publishSuccess.illustration.title": "",
 	"datafeeder.publishSuccess.mapViewer": "",
+	"datafeeder.publishSuccess.ogcFeature": "",
 	"datafeeder.publishSuccess.subtitle": "",
 	"datafeeder.publishSuccess.title": "",
 	"datafeeder.publishSuccess.uploadAnotherData": "",
@@ -19919,6 +20287,15 @@ var pt = {
 	"datafeeder.upload.maxFileSize": "",
 	"datafeeder.upload.title": "",
 	"datafeeder.upload.uploadButton": "",
+	"datafeeder.validation.csv.delimiter": "",
+	"datafeeder.validation.csv.delimiter.comma": "",
+	"datafeeder.validation.csv.delimiter.semicolon": "",
+	"datafeeder.validation.csv.lat.field": "",
+	"datafeeder.validation.csv.lng.field": "",
+	"datafeeder.validation.csv.quote.double": "",
+	"datafeeder.validation.csv.quote.none": "",
+	"datafeeder.validation.csv.quote.simple": "",
+	"datafeeder.validation.csv.quoteChar": "",
 	"datafeeder.validation.encoding": "",
 	"datafeeder.validation.extent.title": "",
 	"datafeeder.validation.extent.title.unknown": "",
@@ -19932,7 +20309,7 @@ var pt = {
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
-	"datahub.header.organisations": "",
+	"datahub.header.organizations": "",
 	"datahub.header.popularRecords": "",
 	"datahub.header.title.html": "",
 	"datahub.news.contact.contactus": "",
@@ -19968,7 +20345,26 @@ var pt = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile,
-	"editor.record.form.license": "",
+	"editor.record.delete.confirmation.cancelText": "",
+	"editor.record.delete.confirmation.confirmText": "",
+	"editor.record.delete.confirmation.message": "",
+	"editor.record.delete.confirmation.title": "",
+	"editor.record.deleteError.body": "",
+	"editor.record.deleteError.closeMessage": "",
+	"editor.record.deleteError.title": "",
+	"editor.record.form.bottomButtons.comeBackLater": "",
+	"editor.record.form.bottomButtons.next": "",
+	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.keywords": "",
+	"editor.record.form.field.license": "",
+	"editor.record.form.field.overviews": "",
+	"editor.record.form.field.recordUpdated": "",
+	"editor.record.form.field.resourceUpdated": "",
+	"editor.record.form.field.temporalExtents": "",
+	"editor.record.form.field.title": "",
+	"editor.record.form.field.uniqueIdentifier": "",
+	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -19978,13 +20374,26 @@ var pt = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
-	"editor.record.form.resourceUpdated": "",
-	"editor.record.form.temporalExtents": "",
+	"editor.record.form.page.accessAndContact": "",
+	"editor.record.form.page.description": "",
+	"editor.record.form.page.ressources": "",
+	"editor.record.form.section.about.description": "",
+	"editor.record.form.section.about.label": "",
+	"editor.record.form.section.annexes.label": "",
+	"editor.record.form.section.associatedResources.description": "",
+	"editor.record.form.section.associatedResources.label": "",
+	"editor.record.form.section.classification.description": "",
+	"editor.record.form.section.classification.label": "",
+	"editor.record.form.section.dataManagers.description": "",
+	"editor.record.form.section.dataManagers.label": "",
+	"editor.record.form.section.dataPointOfContact.description": "",
+	"editor.record.form.section.dataPointOfContact.label": "",
+	"editor.record.form.section.geographicalCoverage.label": "",
+	"editor.record.form.section.useAndAccessConditions.label": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
@@ -19999,6 +20408,7 @@ var pt = {
 	"editor.record.saveStatus.draftWithChangesPending": "",
 	"editor.record.saveStatus.recordUpToDate": "",
 	"editor.record.upToDate": "",
+	"editor.sidebar.menu.editor": "",
 	"externalviewer.dataset.unnamed": "",
 	"facets.block.title.OrgForResource": "",
 	"facets.block.title.availableInServices": "",
@@ -20067,17 +20477,17 @@ var pt = {
 	"organisations.sortBy.nameDesc": "",
 	"organisations.sortBy.recordCountAsc": "",
 	"organisations.sortBy.recordCountDesc": "",
-	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-	"organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "",
-	"organization.datasets": "",
-	"organization.lastPublishedDatasets": "",
-	"organization.lastPublishedDatasets.searchAllButton": "",
+	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
 	"pagination.nextPage": "",
 	"pagination.page": "",
 	"pagination.pageOf": "",
 	previous: previous,
+	"record.action.delete": "",
 	"record.action.download": "",
+	"record.action.duplicate": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.metadata.about": "",
@@ -20170,11 +20580,11 @@ var pt = {
 	"results.sortBy.relevancy": "",
 	"search.autocomplete.error": "",
 	"search.error.couldNotReachApi": "",
+	"search.error.organizationHasNoDataset": "",
+	"search.error.organizationNotFound": "",
 	"search.error.receivedError": "",
 	"search.error.recordHasnolink": "",
 	"search.error.recordNotFound": "",
-	"search.error.organizationNotFound": "",
-	"search.error.organizationHasNoDataset": "",
 	"search.field.any.placeholder": "",
 	"search.field.sortBy": "",
 	"search.filters.clear": "",
@@ -20199,9 +20609,11 @@ var pt = {
 	"search.filters.minimize": "",
 	"search.filters.myRecords": "",
 	"search.filters.myRecordsHelp": "",
+	"search.filters.organization": "",
 	"search.filters.otherRecords": "",
+	"search.filters.producerOrg": "",
 	"search.filters.publicationYear": "",
-	"search.filters.publisher": "",
+	"search.filters.publisherOrg": "",
 	"search.filters.representationType": "",
 	"search.filters.resourceType": "",
 	"search.filters.standard": "",
@@ -21132,12 +21544,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     args: [METADATA_LANGUAGE]
                 }] }]; } });
 
+const TEMPORARY_ID_PREFIX = 'TEMP-ID-';
 class Gn4Repository {
     constructor(gn4SearchApi, gn4SearchHelper, gn4Mapper, gn4RecordsApi) {
         this.gn4SearchApi = gn4SearchApi;
         this.gn4SearchHelper = gn4SearchHelper;
         this.gn4Mapper = gn4Mapper;
         this.gn4RecordsApi = gn4RecordsApi;
+        this._draftsChanged = new Subject();
+        this.draftsChanged$ = this._draftsChanged.asObservable();
     }
     search({ filters, fields, offset, limit, sort, filterIds, filterGeometry, }) {
         return this.gn4SearchApi
@@ -21208,6 +21623,18 @@ class Gn4Repository {
                 .then((record) => [record, xml, isSavedAlready]);
         }));
     }
+    openRecordForDuplication(uniqueIdentifier) {
+        return this.loadRecordAsXml(uniqueIdentifier).pipe(switchMap(async (recordAsXml) => {
+            const converter = findConverterForDocument(recordAsXml);
+            const record = await converter.readRecord(recordAsXml);
+            record.uniqueIdentifier = `${TEMPORARY_ID_PREFIX}${Date.now()}`;
+            record.title = `${record.title} (Copy)`;
+            const xml = await converter.writeRecord(record, recordAsXml);
+            window.localStorage.setItem(this.getLocalStorageKeyForRecord(record.uniqueIdentifier), xml);
+            this._draftsChanged.next();
+            return [record, xml, false];
+        }));
+    }
     serializeRecordToXml(record, referenceRecordSource) {
         // if there's a reference record, use that standard; otherwise, use iso19139
         const converter = referenceRecordSource
@@ -21223,15 +21650,28 @@ class Gn4Repository {
             return response.metadataInfos[metadataId][0].uuid;
         }))));
     }
+    deleteRecord(uniqueIdentifier) {
+        return this.gn4RecordsApi.deleteRecord(uniqueIdentifier);
+    }
+    generateTemporaryId() {
+        return `${TEMPORARY_ID_PREFIX}${Date.now()}`;
+    }
     saveRecordAsDraft(record, referenceRecordSource) {
-        return this.serializeRecordToXml(record, referenceRecordSource).pipe(tap$1((recordXml) => window.localStorage.setItem(this.getLocalStorageKeyForRecord(record.uniqueIdentifier), recordXml)));
+        return this.serializeRecordToXml(record, referenceRecordSource).pipe(tap$1((recordXml) => {
+            window.localStorage.setItem(this.getLocalStorageKeyForRecord(record.uniqueIdentifier), recordXml);
+            this._draftsChanged.next();
+        }));
     }
     clearRecordDraft(uniqueIdentifier) {
         window.localStorage.removeItem(this.getLocalStorageKeyForRecord(uniqueIdentifier));
+        this._draftsChanged.next();
     }
     recordHasDraft(uniqueIdentifier) {
         return (window.localStorage.getItem(this.getLocalStorageKeyForRecord(uniqueIdentifier)) !== null);
     }
+    isRecordNotYetSaved(uniqueIdentifier) {
+        return uniqueIdentifier.startsWith(TEMPORARY_ID_PREFIX);
+    }
     // generated by copilot
     getAllDrafts() {
         const items = { ...window.localStorage };
@@ -21839,8 +22279,6 @@ class Gn4PlatformService {
         this.allThesaurus$ = this.httpClient
             .get(`${this.registriesApiService.configuration.basePath}/thesaurus?_content_type=json`)
             .pipe(map$1((thesaurus) => {
-            // FIXME: find a better way to exclude place keywords
-            // thesaurus[0].filter((thes) => thes.dname !== 'place')
             return thesaurus[0];
         }), shareReplay(1));
         this.me$ = this.meApi.getMe().pipe(switchMap((apiUser) => this.mapper.userFromMeApi(apiUser)), shareReplay({ bufferSize: 1, refCount: true }));
@@ -21884,8 +22322,14 @@ class Gn4PlatformService {
         }
         return this.keyTranslations$.pipe(map$1((translations) => translations[key]));
     }
-    searchKeywords(query) {
-        const keywords$ = this.registriesApiService.searchKeywords(query, this.langService.iso3, 10, 0, null, null, null, `*${query}*`);
+    searchKeywords(query, keywordTypes) {
+        const keywords$ = this.allThesaurus$.pipe(switchMap((thesaurus) => {
+            const selectedThesauri = [];
+            keywordTypes.map((keywordType) => {
+                selectedThesauri.push(...thesaurus.filter((thes) => thes.dname === keywordType));
+            });
+            return this.registriesApiService.searchKeywords(query, this.langService.iso3, 10, 0, null, selectedThesauri.map((thes) => thes.key), null, `*${query}*`);
+        }));
         return combineLatest([keywords$, this.allThesaurus$]).pipe(map$1(([keywords, thesaurus]) => {
             return this.mapper.keywordsFromApi(keywords, thesaurus, this.langService.iso3);
         }));
@@ -22977,10 +23421,15 @@ class MapUtilsService {
         if (!('spatialExtents' in record) || record.spatialExtents.length === 0) {
             return null;
         }
-        // transform an array of geojson geometries into a bbox
+        // extend all the spatial extents into an including bbox
         const totalExtent = record.spatialExtents.reduce((prev, curr) => {
-            const geom = GEOJSON.readGeometry(curr.geometry);
-            return extend(prev, geom.getExtent());
+            if ('bbox' in curr)
+                return extend(prev, curr.bbox);
+            else if ('geometry' in curr) {
+                const geom = GEOJSON.readGeometry(curr.geometry);
+                return extend(prev, geom.getExtent());
+            }
+            return prev;
         }, [Infinity, Infinity, -Infinity, -Infinity]);
         return transformExtent(totalExtent, 'EPSG:4326', 'EPSG:3857');
     }
@@ -24566,6 +25015,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class PopoverComponent {
+    constructor(viewContainerRef, renderer) {
+        this.viewContainerRef = viewContainerRef;
+        this.renderer = renderer;
+    }
+    getContent() {
+        if (this.content instanceof TemplateRef) {
+            if (this.view) {
+                this.view.destroy();
+            }
+            this.view = this.viewContainerRef.createEmbeddedView(this.content);
+            this.view.detectChanges();
+            const wrapper = this.renderer.createElement('div'); // Create a wrapper div
+            this.view.rootNodes.forEach((node) => {
+                this.renderer.appendChild(wrapper, node); // Append each root node to the wrapper
+            });
+            return wrapper;
+        }
+        return this.content;
+    }
+    ngAfterViewInit() {
+        this.tippyInstance = tippy(this.popoverContent.nativeElement, {
+            content: this.getContent(),
+            allowHTML: true,
+            theme: this.theme,
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['theme']) {
+            this.theme = changes['theme'].currentValue;
+            if (this.tippyInstance) {
+                this.tippyInstance.setProps({ theme: this.theme });
+            }
+        }
+        if (changes['content']) {
+            this.content = changes['content'].currentValue;
+            if (this.tippyInstance) {
+                this.tippyInstance.setContent(this.getContent());
+            }
+        }
+    }
+    ngOnDestroy() {
+        if (this.tippyInstance) {
+            this.tippyInstance.destroy();
+        }
+        if (this.view) {
+            this.view.destroy();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PopoverComponent, isStandalone: true, selector: "gn-ui-popover", inputs: { content: "content", theme: "theme" }, viewQueries: [{ propertyName: "popoverContent", first: true, predicate: ["popoverContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span #popoverContent>\n  <ng-content></ng-content>\n</span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-popover', standalone: true, imports: [CommonModule], template: "<span #popoverContent>\n  <ng-content></ng-content>\n</span>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, propDecorators: { popoverContent: [{
+                type: ViewChild,
+                args: ['popoverContent', { static: false }]
+            }], content: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
+
 class PopupAlertComponent {
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
@@ -24970,7 +25483,7 @@ class CopyTextButtonComponent {
         event.target.blur();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CopyTextButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: { text: "text", tooltipText: "tooltipText", displayText: "displayText", rows: "rows" }, ngImport: i0, template: "<div class=\"flex\">\n  <input\n    *ngIf=\"displayText && rows <= 1\"\n    type=\"text\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 truncate\"\n    value=\"{{ text }}\"\n    readonly\n  />\n  <textarea\n    *ngIf=\"displayText && rows > 1\"\n    [rows]=\"rows\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 overflow-y-auto h-max\"\n    readonly\n    >{{ text }}</textarea\n  >\n  <button\n    type=\"button\"\n    (click)=\"copyText($event)\"\n    [ngClass]=\"{\n      'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n        displayText\n    }\"\n    mat-raised-button\n    [matTooltip]=\"tooltipText\"\n    matTooltipPosition=\"above\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n      >content_copy</mat-icon\n    >\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: { text: "text", tooltipText: "tooltipText", displayText: "displayText", rows: "rows" }, ngImport: i0, template: "<div class=\"flex\">\n  <input\n    *ngIf=\"displayText && rows <= 1\"\n    type=\"text\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 truncate\"\n    value=\"{{ text }}\"\n    readonly\n  />\n  <textarea\n    *ngIf=\"displayText && rows > 1\"\n    [rows]=\"rows\"\n    class=\"grow py-2 px-4 bg-gray-200 opacity-50 rounded-l-md border border-gray-300 overflow-y-auto h-max\"\n    readonly\n    >{{ text }}</textarea\n  >\n  <button\n    type=\"button\"\n    (click)=\"copyText($event)\"\n    [ngClass]=\"{\n      'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n        displayText\n    }\"\n    mat-raised-button\n    [matTooltip]=\"tooltipText\"\n    matTooltipPosition=\"above\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n      >content_copy</mat-icon\n    >\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CopyTextButtonComponent, decorators: [{
             type: Component,
@@ -24990,7 +25503,7 @@ class DatePickerComponent {
         this.dateChange = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerComponent, isStandalone: true, selector: "gn-ui-date-picker", inputs: { date: "date" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <input\n    class=\"pl-3\"\n    [matDatepicker]=\"picker\"\n    [value]=\"date\"\n    (dateChange)=\"dateChange.emit($event.value)\"\n  />\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n</div>\n<mat-datepicker #picker></mat-datepicker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerComponent, isStandalone: true, selector: "gn-ui-date-picker", inputs: { date: "date" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <input\n    class=\"pl-3\"\n    [matDatepicker]=\"picker\"\n    [value]=\"date\"\n    (dateChange)=\"dateChange.emit($event.value)\"\n  />\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n</div>\n<mat-datepicker #picker></mat-datepicker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
@@ -25007,7 +25520,7 @@ class DateRangePickerComponent {
         this.endDateChange = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, ngImport: i0, template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <div class=\"pl-3 flex justify-center\">\n    <mat-date-range-input [rangePicker]=\"picker\" class=\"w-full\">\n      <input\n        matStartDate\n        placeholder=\"Start date\"\n        [value]=\"startDate\"\n        (dateInput)=\"startDateChange.emit($event.value)\"\n      />\n      <input\n        matEndDate\n        placeholder=\"End date\"\n        [value]=\"endDate\"\n        (dateInput)=\"endDateChange.emit($event.value)\"\n      />\n    </mat-date-range-input>\n  </div>\n  <mat-datepicker-toggle matSuffix [for]=\"picker\">\n    <mat-icon>calendar_today</mat-icon>\n  </mat-datepicker-toggle>\n</div>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$4.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$4.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, ngImport: i0, template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <div class=\"pl-3 flex justify-center\">\n    <mat-date-range-input [rangePicker]=\"picker\" class=\"w-full\">\n      <input\n        matStartDate\n        placeholder=\"Start date\"\n        [value]=\"startDate\"\n        (dateInput)=\"startDateChange.emit($event.value)\"\n      />\n      <input\n        matEndDate\n        placeholder=\"End date\"\n        [value]=\"endDate\"\n        (dateInput)=\"endDateChange.emit($event.value)\"\n      />\n    </mat-date-range-input>\n  </div>\n  <mat-datepicker-toggle matSuffix [for]=\"picker\">\n    <mat-icon>calendar_today</mat-icon>\n  </mat-datepicker-toggle>\n</div>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$3.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$3.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePickerComponent, decorators: [{
             type: Component,
@@ -25039,7 +25552,7 @@ class DragAndDropFileInputComponent {
         this.fileChange.emit(this.selectedFile);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropFileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DragAndDropFileInputComponent, selector: "gn-ui-drag-and-drop-file-input", inputs: { placeholder: "placeholder", accept: "accept" }, outputs: { fileChange: "fileChange" }, ngImport: i0, template: "<div class=\"flex h-full\">\n  <ngx-dropzone\n    class=\"flex-1\"\n    multiple=\"false\"\n    (change)=\"selectFile($event)\"\n    [accept]=\"accept\"\n  >\n    <div *ngIf=\"!fileName\" class=\"text-gray-900 pl-2 py-2\" translate=\"\">\n      {{ placeholder }}\n    </div>\n\n    <div *ngIf=\"fileName\" class=\"text-gray-900 pl-2 py-2\">{{ fileName }}</div>\n  </ngx-dropzone>\n</div>\n", styles: ["ngx-dropzone{height:auto;border:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3$1.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable", "disableClick", "processDirectoryDrop", "id", "aria-label", "aria-labelledby", "aria-describedby"], outputs: ["change"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DragAndDropFileInputComponent, selector: "gn-ui-drag-and-drop-file-input", inputs: { placeholder: "placeholder", accept: "accept" }, outputs: { fileChange: "fileChange" }, ngImport: i0, template: "<div class=\"flex h-full\">\n  <ngx-dropzone\n    class=\"flex-1\"\n    multiple=\"false\"\n    (change)=\"selectFile($event)\"\n    [accept]=\"accept\"\n  >\n    <div *ngIf=\"!fileName\" class=\"text-gray-900 pl-2 py-2\" translate=\"\">\n      {{ placeholder }}\n    </div>\n\n    <div *ngIf=\"fileName\" class=\"text-gray-900 pl-2 py-2\">{{ fileName }}</div>\n  </ngx-dropzone>\n</div>\n", styles: ["ngx-dropzone{height:auto;border:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3$2.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable", "disableClick", "processDirectoryDrop", "id", "aria-label", "aria-labelledby", "aria-describedby"], outputs: ["change"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropFileInputComponent, decorators: [{
             type: Component,
@@ -26680,11 +27193,11 @@ class MetadataQualityItemComponent {
         return `record.metadata.quality.${this.name}.${this.value ? 'success' : 'failed'}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataQualityItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: { name: "name", value: "value" }, ngImport: i0, template: "<div class=\"ml-4 flex flex-row\">\n  <mat-icon class=\"material-symbols-outlined\">{{ icon }}</mat-icon>\n  <p class=\"ml-2 text\">{{ labelKey | translate }}</p>\n</div>\n", dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: { name: "name", value: "value" }, ngImport: i0, template: "<div class=\"ml-4 flex flex-row\">\n  <mat-icon class=\"material-symbols-outlined min-w-fit\">{{ icon }}</mat-icon>\n  <p class=\"ml-2 text\">{{ labelKey | translate }}</p>\n</div>\n", dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataQualityItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-metadata-quality-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ml-4 flex flex-row\">\n  <mat-icon class=\"material-symbols-outlined\">{{ icon }}</mat-icon>\n  <p class=\"ml-2 text\">{{ labelKey | translate }}</p>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-metadata-quality-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ml-4 flex flex-row\">\n  <mat-icon class=\"material-symbols-outlined min-w-fit\">{{ icon }}</mat-icon>\n  <p class=\"ml-2 text\">{{ labelKey | translate }}</p>\n</div>\n" }]
         }], propDecorators: { name: [{
                 type: Input
             }], value: [{
@@ -26695,7 +27208,6 @@ class MetadataQualityComponent {
     constructor() {
         this.smaller = false;
         this.items = [];
-        this.isMenuShown = false;
     }
     get qualityScore() {
         const qualityScore = this.metadata?.extras?.qualityScore;
@@ -26706,12 +27218,6 @@ class MetadataQualityComponent {
     get calculatedQualityScore() {
         return Math.round((this.items.filter(({ value }) => value).length * 100) / this.items.length);
     }
-    showMenu() {
-        this.isMenuShown = true;
-    }
-    hideMenu() {
-        this.isMenuShown = false;
-    }
     add(name, value) {
         if (this.metadataQualityDisplay?.[name] !== false) {
             this.items.push({ name, value });
@@ -26735,11 +27241,11 @@ class MetadataQualityComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataQualityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: { metadata: "metadata", smaller: "smaller", metadataQualityDisplay: "metadataQualityDisplay" }, usesOnChanges: true, ngImport: i0, template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"mb-6 metadata-quality\"\n  (mouseenter)=\"showMenu()\"\n  (mouseleave)=\"hideMenu()\"\n>\n  <div class=\"min-w-[200px]\" [class]=\"smaller ? 'leading-[8px]' : ''\">\n    <gn-ui-progress-bar\n      (focus)=\"showMenu()\"\n      (blur)=\"hideMenu()\"\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      type=\"primary\"\n    ></gn-ui-progress-bar>\n  </div>\n  <div\n    class=\"absolute z-10 bg-white border border-black border-opacity-35 rounded-lg shadow-lg p-5 whitespace-nowrap\"\n    [class]=\"isMenuShown ? 'block' : 'hidden'\"\n  >\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</div>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: { metadata: "metadata", smaller: "smaller", metadataQualityDisplay: "metadataQualityDisplay" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"metadataQualityDisplay\" class=\"mb-6 metadata-quality\">\n  <gn-ui-popover [content]=\"popoverItems\" theme=\"light-border\">\n    <div class=\"min-w-[200px]\" [class]=\"smaller ? 'leading-[8px]' : ''\">\n      <gn-ui-progress-bar\n        tabindex=\"0\"\n        [value]=\"qualityScore\"\n        type=\"primary\"\n      ></gn-ui-progress-bar>\n    </div>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataQualityComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-metadata-quality', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"mb-6 metadata-quality\"\n  (mouseenter)=\"showMenu()\"\n  (mouseleave)=\"hideMenu()\"\n>\n  <div class=\"min-w-[200px]\" [class]=\"smaller ? 'leading-[8px]' : ''\">\n    <gn-ui-progress-bar\n      (focus)=\"showMenu()\"\n      (blur)=\"hideMenu()\"\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      type=\"primary\"\n    ></gn-ui-progress-bar>\n  </div>\n  <div\n    class=\"absolute z-10 bg-white border border-black border-opacity-35 rounded-lg shadow-lg p-5 whitespace-nowrap\"\n    [class]=\"isMenuShown ? 'block' : 'hidden'\"\n  >\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</div>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
+            args: [{ selector: 'gn-ui-metadata-quality', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"metadataQualityDisplay\" class=\"mb-6 metadata-quality\">\n  <gn-ui-popover [content]=\"popoverItems\" theme=\"light-border\">\n    <div class=\"min-w-[200px]\" [class]=\"smaller ? 'leading-[8px]' : ''\">\n      <gn-ui-progress-bar\n        tabindex=\"0\"\n        [value]=\"qualityScore\"\n        type=\"primary\"\n      ></gn-ui-progress-bar>\n    </div>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], smaller: [{
@@ -26934,11 +27440,11 @@ class ApiCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApiCardComponent, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden\"\n  [ngClass]=\"{ 'cursor-pointer': displayApiFormButton }\"\n  (click)=\"openRecordApiFormPanel()\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        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      <gn-ui-copy-text-button\n        *ngIf=\"!displayApiFormButton\"\n        [text]=\"link.url.toString()\"\n        [tooltipText]=\"'tooltip.url.copy' | translate\"\n        [displayText]=\"false\"\n      ></gn-ui-copy-text-button>\n      <button\n        *ngIf=\"displayApiFormButton\"\n        type=\"button\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText\n        }\"\n        mat-raised-button\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon\n          class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive\n          }\"\n          >more_horiz</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApiCardComponent, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden cursor-default\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        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      <div class=\"flex flex-row gap-2 items-center\">\n        <gn-ui-copy-text-button\n          [text]=\"link.url\"\n          [tooltipText]=\"'tooltip.url.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <button\n          *ngIf=\"displayApiFormButton\"\n          type=\"button\"\n          [ngClass]=\"{\n            'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n              displayText\n          }\"\n          mat-raised-button\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          <mat-icon\n            class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n            [ngClass]=\"{\n              'text-secondary opacity-100': currentlyActive\n            }\"\n            >more_horiz</mat-icon\n          >\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApiCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-api-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden\"\n  [ngClass]=\"{ 'cursor-pointer': displayApiFormButton }\"\n  (click)=\"openRecordApiFormPanel()\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        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      <gn-ui-copy-text-button\n        *ngIf=\"!displayApiFormButton\"\n        [text]=\"link.url.toString()\"\n        [tooltipText]=\"'tooltip.url.copy' | translate\"\n        [displayText]=\"false\"\n      ></gn-ui-copy-text-button>\n      <button\n        *ngIf=\"displayApiFormButton\"\n        type=\"button\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText\n        }\"\n        mat-raised-button\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon\n          class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive\n          }\"\n          >more_horiz</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-api-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden cursor-default\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        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      <div class=\"flex flex-row gap-2 items-center\">\n        <gn-ui-copy-text-button\n          [text]=\"link.url\"\n          [tooltipText]=\"'tooltip.url.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <button\n          *ngIf=\"displayApiFormButton\"\n          type=\"button\"\n          [ngClass]=\"{\n            'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n              displayText\n          }\"\n          mat-raised-button\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          <mat-icon\n            class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n            [ngClass]=\"{\n              'text-secondary opacity-100': currentlyActive\n            }\"\n            >more_horiz</mat-icon\n          >\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], currentLink: [{
@@ -26963,6 +27469,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class ConfirmationDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+    }
+    onConfirm() {
+        this.dialogRef.close(true);
+    }
+    onCancel() {
+        this.dialogRef.close(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: i1$7.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, isStandalone: true, selector: "gn-ui-confirmation-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ data.title }}</h1>\n<div mat-dialog-content>{{ data.message }}</div>\n<div mat-dialog-actions>\n  <gn-ui-button (buttonClick)=\"onCancel()\">{{ data.cancelText }}</gn-ui-button>\n  <gn-ui-button\n    (buttonClick)=\"onConfirm()\"\n    cdkFocusInitial\n    class=\"ml-2\"\n    data-cy=\"confirm-button\"\n    >{{ data.confirmText }}</gn-ui-button\n  >\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-confirmation-dialog', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatDialogModule, ButtonComponent], template: "<h1 mat-dialog-title>{{ data.title }}</h1>\n<div mat-dialog-content>{{ data.message }}</div>\n<div mat-dialog-actions>\n  <gn-ui-button (buttonClick)=\"onCancel()\">{{ data.cancelText }}</gn-ui-button>\n  <gn-ui-button\n    (buttonClick)=\"onConfirm()\"\n    cdkFocusInitial\n    class=\"ml-2\"\n    data-cy=\"confirm-button\"\n    >{{ data.confirmText }}</gn-ui-button\n  >\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$7.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
+
 class ContentGhostComponent {
     constructor() {
         this.ghostClass = '';
@@ -27150,11 +27678,11 @@ class MarkdownParserComponent {
         return marked.parse(this.textContent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkdownParserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkdownParserComponent, isStandalone: true, selector: "gn-ui-markdown-parser", inputs: { textContent: "textContent" }, ngImport: i0, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0px 0px 1.5rem;line-height:1.5;word-wrap:break-word}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important;@apply underline;}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkdownParserComponent, isStandalone: true, selector: "gn-ui-markdown-parser", inputs: { textContent: "textContent" }, ngImport: i0, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;line-height:1.5;word-wrap:break-word;height:100%}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important;@apply underline;}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkdownParserComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-markdown-parser', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0px 0px 1.5rem;line-height:1.5;word-wrap:break-word}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important;@apply underline;}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"] }]
+            args: [{ selector: 'gn-ui-markdown-parser', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"markdown-body\" [innerHTML]=\"parsedMarkdown\"></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;line-height:1.5;word-wrap:break-word;height:100%}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important;@apply underline;}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"] }]
         }], propDecorators: { textContent: [{
                 type: Input
             }] } });
@@ -27169,7 +27697,7 @@ class MarkdownEditorComponent {
         this.textContentChanged.emit(this.textContent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkdownEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkdownEditorComponent, isStandalone: true, selector: "gn-ui-markdown-editor", inputs: { preview: "preview", helperText: "helperText", placeholder: "placeholder", textContent: "textContent" }, outputs: { textContentChanged: "textContentChanged" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\">\n  <p class=\"flex-none mb-2 font-medium text-sm text-gray-900\">\n    {{ helperText }}\n  </p>\n  <div class=\"flex-1\" [hidden]=\"preview\">\n    <gn-ui-text-area\n      [placeholder]=\"placeholder\"\n      [value]=\"textContent\"\n      (valueChange)=\"textContentChangedHandler($event)\"\n    ></gn-ui-text-area>\n  </div>\n  <div\n    class=\"flex-1 border border-gray-800 rounded overflow-y-scroll\"\n    [hidden]=\"!preview\"\n  >\n    <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkdownEditorComponent, isStandalone: true, selector: "gn-ui-markdown-editor", inputs: { preview: "preview", helperText: "helperText", placeholder: "placeholder", textContent: "textContent" }, outputs: { textContentChanged: "textContentChanged" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\">\n  <p\n    *ngIf=\"helperText\"\n    class=\"flex-none mb-2 font-medium text-sm text-gray-900\"\n  >\n    {{ helperText }}\n  </p>\n  <div class=\"flex-1\" [hidden]=\"preview\">\n    <gn-ui-text-area\n      [placeholder]=\"placeholder\"\n      [value]=\"textContent\"\n      (valueChange)=\"textContentChangedHandler($event)\"\n    ></gn-ui-text-area>\n  </div>\n  <div\n    class=\"flex-1 border border-gray-800 rounded overflow-y-scroll\"\n    [hidden]=\"!preview\"\n  >\n    <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkdownEditorComponent, decorators: [{
             type: Component,
@@ -27182,7 +27710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TextAreaComponent,
                         MarkdownParserComponent,
                         TranslateModule,
-                    ], template: "<div class=\"h-full flex flex-col\">\n  <p class=\"flex-none mb-2 font-medium text-sm text-gray-900\">\n    {{ helperText }}\n  </p>\n  <div class=\"flex-1\" [hidden]=\"preview\">\n    <gn-ui-text-area\n      [placeholder]=\"placeholder\"\n      [value]=\"textContent\"\n      (valueChange)=\"textContentChangedHandler($event)\"\n    ></gn-ui-text-area>\n  </div>\n  <div\n    class=\"flex-1 border border-gray-800 rounded overflow-y-scroll\"\n    [hidden]=\"!preview\"\n  >\n    <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"h-full flex flex-col\">\n  <p\n    *ngIf=\"helperText\"\n    class=\"flex-none mb-2 font-medium text-sm text-gray-900\"\n  >\n    {{ helperText }}\n  </p>\n  <div class=\"flex-1\" [hidden]=\"preview\">\n    <gn-ui-text-area\n      [placeholder]=\"placeholder\"\n      [value]=\"textContent\"\n      (valueChange)=\"textContentChangedHandler($event)\"\n    ></gn-ui-text-area>\n  </div>\n  <div\n    class=\"flex-1 border border-gray-800 rounded overflow-y-scroll\"\n    [hidden]=\"!preview\"\n  >\n    <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n  </div>\n</div>\n" }]
         }], propDecorators: { preview: [{
                 type: Input
             }], helperText: [{
@@ -27269,6 +27797,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['contentDiv']
             }] } });
 
+class MaxLinesComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.maxLines = 6;
+        this.isExpanded = false;
+        this.maxHeight = '';
+        this.showToggleButton = false;
+    }
+    ngAfterViewInit() {
+        this.calculateMaxHeight();
+        this.observer = new ResizeObserver((mutations) => {
+            mutations.forEach(() => {
+                this.calculateMaxHeight();
+            });
+        });
+        this.observer.observe(this.container.nativeElement.children[0]);
+    }
+    toggleDisplay() {
+        this.isExpanded = !this.isExpanded;
+        this.calculateMaxHeight();
+    }
+    calculateMaxHeight() {
+        const containerElement = this.container.nativeElement;
+        const contentElement = containerElement.children[0];
+        const contentHeight = contentElement.getBoundingClientRect().height;
+        if (contentHeight) {
+            if (contentHeight > this.maxLines * this.getLineHeight(contentElement)) {
+                this.showToggleButton = true;
+                this.maxHeight = this.isExpanded
+                    ? `${contentHeight}px`
+                    : `${this.maxLines * this.getLineHeight(contentElement)}px`;
+            }
+            else {
+                this.showToggleButton = false;
+                this.maxHeight = `${contentHeight}px`;
+            }
+            containerElement.setAttribute('style', `max-height: ${this.maxHeight}; overflow: hidden`);
+            this.cdr.detectChanges();
+        }
+    }
+    getLineHeight(element) {
+        const computedStyle = window.getComputedStyle(element);
+        const lineHeight = parseFloat(computedStyle.lineHeight);
+        const fontSize = parseFloat(computedStyle.fontSize || '14');
+        const result = isNaN(lineHeight) ? fontSize * 1.2 : lineHeight; // Use a default if line height is not specified
+        return result;
+    }
+    ngOnDestroy() {
+        if (!this.observer)
+            return;
+        this.observer.unobserve(this.container.nativeElement.children[0]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaxLinesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MaxLinesComponent, isStandalone: true, selector: "gn-ui-max-lines", inputs: { maxLines: "maxLines" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-3\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-secondary cursor-pointer pt-2.5\"\n  data-cy=\"readMoreButton\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaxLinesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-max-lines', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule], template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-3\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-secondary cursor-pointer pt-2.5\"\n  data-cy=\"readMoreButton\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { maxLines: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['container']
+            }] } });
+
 /* eslint-disable @angular-eslint/directive-selector */
 class GnUiLinkifyDirective {
     constructor(el, renderer) {
@@ -27408,11 +28001,11 @@ class MetadataInfoComponent {
         this.keyword.emit(keyword);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MetadataInfoComponent, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div>\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n    <div *ngIf=\"metadata.keywords?.length\">\n      <p class=\"mt-6 mb-3 font-medium text-primary text-sm\" translate>\n        record.metadata.keywords\n      </p>\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 [title]=\"'record.metadata.usage' | translate\">\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <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      <gn-ui-markdown-parser\n        *ngFor=\"let constraint of legalConstraints\"\n        [textContent]=\"constraint\"\n      >\n      </gn-ui-markdown-parser>\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        <gn-ui-markdown-parser [textContent]=\"constraint\">\n        </gn-ui-markdown-parser>\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.recordUpdated ||\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"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.recordCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordCreated.toLocaleDateString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.recordPublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordPublished.toLocaleDateString() }}\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.languages\">\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.languages\"\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 && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.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 mat-icon{transform:scale(.8)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MetadataInfoComponent, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div 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    <div *ngIf=\"metadata.keywords?.length\">\n      <p class=\"mt-6 mb-3 font-medium text-primary text-sm\" translate>\n        record.metadata.keywords\n      </p>\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 [title]=\"'record.metadata.usage' | translate\">\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <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.recordUpdated ||\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"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.recordCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordCreated.toLocaleDateString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.recordPublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordPublished.toLocaleDateString() }}\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.languages\">\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.languages\"\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 && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.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 mat-icon{transform:scale(.8)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { 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: ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "directive", type: GnUiLinkifyDirective, selector: "[gnUiLinkify]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-metadata-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div>\n        <gn-ui-markdown-parser\n          [textContent]=\"metadata.abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n    </gn-ui-max-lines>\n    <div *ngIf=\"metadata.keywords?.length\">\n      <p class=\"mt-6 mb-3 font-medium text-primary text-sm\" translate>\n        record.metadata.keywords\n      </p>\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 [title]=\"'record.metadata.usage' | translate\">\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <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      <gn-ui-markdown-parser\n        *ngFor=\"let constraint of legalConstraints\"\n        [textContent]=\"constraint\"\n      >\n      </gn-ui-markdown-parser>\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        <gn-ui-markdown-parser [textContent]=\"constraint\">\n        </gn-ui-markdown-parser>\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.recordUpdated ||\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"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.recordCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordCreated.toLocaleDateString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.recordPublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordPublished.toLocaleDateString() }}\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.languages\">\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.languages\"\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 && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.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 mat-icon{transform:scale(.8)}\n"] }]
+            args: [{ selector: 'gn-ui-metadata-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <gn-ui-max-lines [maxLines]=\"6\" *ngIf=\"metadata.abstract\">\n      <div 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    <div *ngIf=\"metadata.keywords?.length\">\n      <p class=\"mt-6 mb-3 font-medium text-primary text-sm\" translate>\n        record.metadata.keywords\n      </p>\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 [title]=\"'record.metadata.usage' | translate\">\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <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.recordUpdated ||\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          <mat-icon\n            class=\"material-symbols-outlined !w-[12px] !h-[12px] !text-[12px] opacity-75 shrink-0\"\n            >open_in_new</mat-icon\n          >\n        </a>\n      </div>\n      <div class=\"mt-4\" *ngIf=\"resourceContact.email\">\n        <div class=\"flex\">\n          <mat-icon\n            class=\"material-symbols-outlined !w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n          >\n            mail_outline</mat-icon\n          >\n          <a\n            *ngIf=\"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.recordCreated\">\n      <p class=\"text-sm\" translate>record.metadata.creation</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordCreated.toLocaleDateString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.recordPublished\">\n      <p class=\"text-sm\" translate>record.metadata.publication</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordPublished.toLocaleDateString() }}\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.languages\">\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.languages\"\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 && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.landingPage\">\n      <p class=\"text-sm\" translate>record.metadata.sheet</p>\n      <p class=\"text-primary font-medium\" translate>\n        <a [href]=\"metadata.landingPage\" target=\"_blank\">\n          <span class=\"break-all\" gnUiLinkify>{{ metadata.landingPage }}</span>\n        </a>\n      </p>\n    </div>\n    <div *ngIf=\"metadata.ownerOrganization\">\n      <p class=\"text-sm\" translate>record.metadata.owner</p>\n      <p class=\"text-primary font-medium\">\n        {{ metadata.ownerOrganization.name }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.uniqueIdentifier\">\n      <p class=\"text-sm\" translate>record.metadata.uniqueId</p>\n      <div class=\"flex flex-row content-align items-end gap-1\">\n        <gn-ui-copy-text-button\n          [text]=\"metadata.uniqueIdentifier\"\n          [tooltipText]=\"'tooltip.id.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <p class=\"text-primary font-medium\">\n          {{ metadata.uniqueIdentifier }}\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"metadata.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 mat-icon{transform:scale(.8)}\n"] }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], incomplete: [{
@@ -27669,7 +28262,7 @@ class RecordApiFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordApiFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecordApiFormComponent, selector: "gn-ui-record-api-form", inputs: { apiLink: "apiLink" }, ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <div class=\"flex flex-col bg-white p-8 ng-star-inserted shadow-xl gap-8\">\n    <div class=\"flex flex-row\">\n      <div class=\"text-[16px] text-black truncate font-title w-11/12\" translate>\n        record.metadata.api.form.create\n      </div>\n      <button\n        (click)=\"resetUrl()\"\n        class=\"bg-primary-opacity-50 inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize text-primary-lightest hover:bg-primary transition-colors\"\n      >\n        <p class=\"text-[13px] uppercase\" translate>\n          record.metadata.api.form.reset\n        </p>\n      </button>\n    </div>\n    <div class=\"flex flex-row flex-wrap justify-between grow gap-5\">\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-[14px]\" translate>record.metadata.api.form.limit</p>\n        <div class=\"flex flex-row items-center gap-2\">\n          <gn-ui-text-input\n            class=\"mr-2 w-20\"\n            (valueChange)=\"setLimit($event)\"\n            [value]=\"displayLimit$ | async\"\n            hint=\"\"\n          >\n          </gn-ui-text-input>\n          <div class=\"flex items-center\">\n            <input\n              class=\"mr-2 cursor-pointer\"\n              type=\"checkbox\"\n              [checked]=\"noLimitChecked$ | async\"\n              (change)=\"setLimit('-1')\"\n            />\n            <span class=\"text-sm\" translate\n              >record.metadata.api.form.limit.all</span\n            >\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3 relative\">\n        <p class=\"text-sm\" [class.text-gray-600]=\"!supportOffset\" translate>\n          record.metadata.api.form.offset\n        </p>\n        <div class=\"flex items-center\">\n          <gn-ui-text-input\n            class=\"w-20\"\n            [value]=\"offset$ | async\"\n            [disabled]=\"!supportOffset\"\n            (valueChange)=\"supportOffset ? setOffset($event) : null\"\n            hint=\"\"\n          >\n          </gn-ui-text-input>\n          <div\n            *ngIf=\"!supportOffset\"\n            class=\"flex items-center gap-2 text-orange-500 z-10 ml-3\"\n          >\n            <span\n              class=\"material-symbols-outlined\"\n              matTooltip=\"Not supported on this service\"\n            >\n              warning\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-sm\" translate>record.metadata.api.form.type</p>\n        <gn-ui-dropdown-selector\n          #dropdown\n          [title]=\"''\"\n          extraBtnClass=\"secondary min-w-full !w-40 !text-black\"\n          [showTitle]=\"false\"\n          class=\"text-black\"\n          [choices]=\"outputFormats\"\n          (selectValue)=\"setFormat($event)\"\n          [selected]=\"format$ | async\"\n        ></gn-ui-dropdown-selector>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex flex-col gap-3 mb-3\">\n    <div class=\"text-sm text-black truncate font-title w-11/12\" translate>\n      record.metadata.api.form.customUrl\n    </div>\n    <div class=\"bg-white rounded-lg\">\n      <gn-ui-copy-text-button\n        [text]=\"apiQueryUrl$ | async\"\n      ></gn-ui-copy-text-button>\n    </div>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button mat-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover mat-icon{color:#d3d3d3!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "hint", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecordApiFormComponent, selector: "gn-ui-record-api-form", inputs: { apiLink: "apiLink" }, ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <div class=\"flex flex-col bg-white p-8 ng-star-inserted shadow-xl gap-8\">\n    <div class=\"flex flex-row\">\n      <div class=\"text-[16px] text-black truncate font-title w-11/12\" translate>\n        record.metadata.api.form.create\n      </div>\n      <button\n        (click)=\"resetUrl()\"\n        class=\"bg-primary-opacity-50 inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize text-primary-lightest hover:bg-primary transition-colors\"\n      >\n        <p class=\"text-[13px] uppercase\" translate>\n          record.metadata.api.form.reset\n        </p>\n      </button>\n    </div>\n    <div class=\"flex flex-row flex-wrap justify-between grow gap-5\">\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-[14px]\" translate>record.metadata.api.form.limit</p>\n        <div class=\"flex flex-row items-center gap-2\">\n          <gn-ui-text-input\n            class=\"mr-2 w-20\"\n            (valueChange)=\"setLimit($event)\"\n            [value]=\"displayLimit$ | async\"\n            hint=\"\"\n          >\n          </gn-ui-text-input>\n          <div class=\"flex items-center\">\n            <input\n              class=\"mr-2 cursor-pointer\"\n              type=\"checkbox\"\n              [checked]=\"noLimitChecked$ | async\"\n              (change)=\"setLimit('-1')\"\n            />\n            <span class=\"text-sm\" translate\n              >record.metadata.api.form.limit.all</span\n            >\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3 relative\">\n        <p class=\"text-sm\" [class.text-gray-600]=\"!supportOffset\" translate>\n          record.metadata.api.form.offset\n        </p>\n        <div class=\"flex items-center\">\n          <gn-ui-text-input\n            class=\"w-20\"\n            [value]=\"offset$ | async\"\n            [disabled]=\"!supportOffset\"\n            (valueChange)=\"supportOffset ? setOffset($event) : null\"\n            hint=\"\"\n          >\n          </gn-ui-text-input>\n          <div\n            *ngIf=\"!supportOffset\"\n            class=\"flex items-center gap-2 text-orange-500 z-10 ml-3\"\n          >\n            <span\n              class=\"material-symbols-outlined\"\n              matTooltip=\"Not supported on this service\"\n            >\n              warning\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col gap-3\">\n        <p class=\"text-sm\" translate>record.metadata.api.form.type</p>\n        <gn-ui-dropdown-selector\n          #dropdown\n          [title]=\"''\"\n          extraBtnClass=\"secondary min-w-full !w-40 !text-black\"\n          [showTitle]=\"false\"\n          class=\"text-black\"\n          [choices]=\"outputFormats\"\n          (selectValue)=\"setFormat($event)\"\n          [selected]=\"format$ | async\"\n        ></gn-ui-dropdown-selector>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex flex-col gap-3 mb-3\">\n    <div class=\"text-sm text-black truncate font-title w-11/12\" translate>\n      record.metadata.api.form.customUrl\n    </div>\n    <div class=\"bg-white rounded-lg\">\n      <gn-ui-copy-text-button\n        [text]=\"apiQueryUrl$ | async\"\n      ></gn-ui-copy-text-button>\n    </div>\n  </div>\n</div>\n", styles: [":host ::ng-deep input{color:#000;opacity:1}:host ::ng-deep gn-ui-copy-text-button input[type=text]{color:#000;background-color:#fff}:host ::ng-deep gn-ui-copy-text-button button,host ::ng-deep gn-ui-copy-text-button button:hover{background-color:var(--color-secondary)!important}:host ::ng-deep gn-ui-copy-text-button button mat-icon{color:#fff!important;opacity:1!important}:host ::ng-deep gn-ui-copy-text-button button:hover mat-icon{color:#d3d3d3!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "hint", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordApiFormComponent, decorators: [{
             type: Component,
@@ -27697,7 +28290,7 @@ class RelatedRecordCardComponent {
         return `${this.baseClasses} ${this.extraClass}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelatedRecordCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RelatedRecordCardComponent, selector: "gn-ui-related-record-card", inputs: { record: "record", extraClass: "extraClass" }, ngImport: i0, template: "<a\n  [class]=\"classList\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RelatedRecordCardComponent, selector: "gn-ui-related-record-card", inputs: { record: "record", extraClass: "extraClass" }, ngImport: i0, template: "<a\n  [class]=\"classList\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0]?.url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelatedRecordCardComponent, decorators: [{
             type: Component,
@@ -27721,8 +28314,11 @@ class SortableListComponent {
         this.elements = this.elements.filter((_, i) => i !== index);
         this.elementsChange.emit(this.elements);
     }
+    trackByFn(index) {
+        return index;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SortableListComponent, isStandalone: true, selector: "gn-ui-sortable-list", inputs: { elements: "elements", addOptions: "addOptions" }, outputs: { elementsChange: "elementsChange", add: "add" }, ngImport: i0, template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    *ngFor=\"let addOption of addOptions\"\n    (buttonClick)=\"add.emit(addOption.eventName)\"\n  >\n    <span class=\"material-symbols-outlined gn-ui-icon-small\"> add </span>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<div\n  cdkDropList\n  class=\"sortable-list flex flex-col gap-3 p-2\"\n  (cdkDropListDropped)=\"drop($event)\"\n>\n  <ng-container *ngFor=\"let element of elements; index as index\">\n    <div class=\"sortable-box bg-white flex items-center\" cdkDrag>\n      <span\n        cdkDragHandle\n        class=\"material-symbols-outlined mx-[10px] cursor-grab gn-ui-icon-medium flex-none\"\n      >\n        drag_handle\n      </span>\n      <div class=\"flex-1\">\n        <ng-container\n          *ngComponentOutlet=\"element.component; inputs: element.inputs\"\n        ></ng-container>\n      </div>\n      <span\n        (click)=\"removeElement(index)\"\n        class=\"material-symbols-outlined mx-[10px] cursor-pointer gn-ui-icon-medium flex-none\"\n      >\n        close\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.sortable-list.cdk-drop-list-dragging .sortable-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SortableListComponent, isStandalone: true, selector: "gn-ui-sortable-list", inputs: { elements: "elements", addOptions: "addOptions" }, outputs: { elementsChange: "elementsChange", add: "add" }, ngImport: i0, template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    *ngFor=\"let addOption of addOptions\"\n    (buttonClick)=\"add.emit(addOption.eventName)\"\n  >\n    <span class=\"material-symbols-outlined gn-ui-icon-small\"> add </span>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<div\n  cdkDropList\n  class=\"sortable-list flex flex-col gap-3 p-2\"\n  (cdkDropListDropped)=\"drop($event)\"\n>\n  <ng-container\n    *ngFor=\"let element of elements; index as index; trackBy: trackByFn\"\n  >\n    <div class=\"sortable-box bg-white flex items-center\" cdkDrag>\n      <span\n        cdkDragHandle\n        class=\"material-symbols-outlined mx-[10px] cursor-grab gn-ui-icon-medium flex-none\"\n      >\n        drag_handle\n      </span>\n      <div class=\"flex-1\">\n        <ng-container\n          *ngComponentOutlet=\"element.component; inputs: element.inputs\"\n        ></ng-container>\n      </div>\n      <span\n        (click)=\"removeElement(index)\"\n        class=\"material-symbols-outlined mx-[10px] cursor-pointer gn-ui-icon-medium flex-none\"\n      >\n        close\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.sortable-list.cdk-drop-list-dragging .sortable-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableListComponent, decorators: [{
             type: Component,
@@ -27734,7 +28330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CdkDragHandle,
                         MatIconModule,
                         ButtonComponent,
-                    ], template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    *ngFor=\"let addOption of addOptions\"\n    (buttonClick)=\"add.emit(addOption.eventName)\"\n  >\n    <span class=\"material-symbols-outlined gn-ui-icon-small\"> add </span>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<div\n  cdkDropList\n  class=\"sortable-list flex flex-col gap-3 p-2\"\n  (cdkDropListDropped)=\"drop($event)\"\n>\n  <ng-container *ngFor=\"let element of elements; index as index\">\n    <div class=\"sortable-box bg-white flex items-center\" cdkDrag>\n      <span\n        cdkDragHandle\n        class=\"material-symbols-outlined mx-[10px] cursor-grab gn-ui-icon-medium flex-none\"\n      >\n        drag_handle\n      </span>\n      <div class=\"flex-1\">\n        <ng-container\n          *ngComponentOutlet=\"element.component; inputs: element.inputs\"\n        ></ng-container>\n      </div>\n      <span\n        (click)=\"removeElement(index)\"\n        class=\"material-symbols-outlined mx-[10px] cursor-pointer gn-ui-icon-medium flex-none\"\n      >\n        close\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.sortable-list.cdk-drop-list-dragging .sortable-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+                    ], template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    *ngFor=\"let addOption of addOptions\"\n    (buttonClick)=\"add.emit(addOption.eventName)\"\n  >\n    <span class=\"material-symbols-outlined gn-ui-icon-small\"> add </span>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<div\n  cdkDropList\n  class=\"sortable-list flex flex-col gap-3 p-2\"\n  (cdkDropListDropped)=\"drop($event)\"\n>\n  <ng-container\n    *ngFor=\"let element of elements; index as index; trackBy: trackByFn\"\n  >\n    <div class=\"sortable-box bg-white flex items-center\" cdkDrag>\n      <span\n        cdkDragHandle\n        class=\"material-symbols-outlined mx-[10px] cursor-grab gn-ui-icon-medium flex-none\"\n      >\n        drag_handle\n      </span>\n      <div class=\"flex-1\">\n        <ng-container\n          *ngComponentOutlet=\"element.component; inputs: element.inputs\"\n        ></ng-container>\n      </div>\n      <span\n        (click)=\"removeElement(index)\"\n        class=\"material-symbols-outlined mx-[10px] cursor-pointer gn-ui-icon-medium flex-none\"\n      >\n        close\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.sortable-list.cdk-drop-list-dragging .sortable-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
         }], propDecorators: { elements: [{
                 type: Input
             }], addOptions: [{
@@ -27872,82 +28468,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class FormFieldWrapperComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 overflow-y-auto\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatTooltipModule], template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatTooltipModule], template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 overflow-y-auto\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], hint: [{
                 type: Input
             }] } });
 
-class MaxLinesComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.maxLines = 6;
-        this.isExpanded = false;
-        this.maxHeight = '';
-        this.showToggleButton = false;
-    }
-    ngAfterViewInit() {
-        this.calculateMaxHeight();
-        this.observer = new ResizeObserver((mutations) => {
-            mutations.forEach(() => {
-                this.calculateMaxHeight();
-            });
-        });
-        this.observer.observe(this.container.nativeElement.children[0]);
-    }
-    toggleDisplay() {
-        this.isExpanded = !this.isExpanded;
-        this.calculateMaxHeight();
-    }
-    calculateMaxHeight() {
-        const containerElement = this.container.nativeElement;
-        const contentElement = containerElement.children[0];
-        const contentHeight = contentElement.getBoundingClientRect().height;
-        if (contentHeight) {
-            if (contentHeight > this.maxLines * this.getLineHeight(contentElement)) {
-                this.showToggleButton = true;
-                this.maxHeight = this.isExpanded
-                    ? `${contentHeight}px`
-                    : `${this.maxLines * this.getLineHeight(contentElement)}px`;
-            }
-            else {
-                this.showToggleButton = false;
-                this.maxHeight = `${contentHeight}px`;
-            }
-            containerElement.setAttribute('style', `max-height: ${this.maxHeight}; overflow: hidden`);
-            this.cdr.detectChanges();
-        }
-    }
-    getLineHeight(element) {
-        const computedStyle = window.getComputedStyle(element);
-        const lineHeight = parseFloat(computedStyle.lineHeight);
-        const fontSize = parseFloat(computedStyle.fontSize || '14');
-        const result = isNaN(lineHeight) ? fontSize * 1.2 : lineHeight; // Use a default if line height is not specified
-        return result;
-    }
-    ngOnDestroy() {
-        if (!this.observer)
-            return;
-        this.observer.unobserve(this.container.nativeElement.children[0]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaxLinesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MaxLinesComponent, isStandalone: true, selector: "gn-ui-max-lines", inputs: { maxLines: "maxLines" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-3\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-secondary cursor-pointer pt-2.5\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaxLinesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-max-lines', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule], template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-3\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-secondary cursor-pointer pt-2.5\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { maxLines: [{
-                type: Input
-            }], container: [{
-                type: ViewChild,
-                args: ['container']
-            }] } });
-
 class InteractiveTableColumnComponent {
     constructor() {
         this.grow = false;
@@ -27997,11 +28528,11 @@ class InteractiveTableComponent {
         this.itemClick.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InteractiveTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell\"\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          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            >expand_less</mat-icon\n          >\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            >expand_more</mat-icon\n          >\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  >\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-4 py-3 flex items-center bg-white transition-colors duration-75 truncate group-hover:text-main group-hover:bg-gray-50 border-b border-gray-200\"\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: [".sort-button mat-icon{padding:0;margin:0;height:8px;line-height:8px;font-size:18px}.table-header-cell{@apply text-gray-700 px-4 py-5 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;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell\"\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          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            >expand_less</mat-icon\n          >\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            >expand_more</mat-icon\n          >\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  >\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-4 py-3 flex items-center bg-white transition-colors duration-75 truncate group-hover:text-main group-hover:bg-gray-50 border-b border-gray-200\"\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: [".sort-button mat-icon{padding:0;margin:0;height:8px;line-height:8px;font-size:18px}.table-header-cell{@apply text-gray-700 px-4 py-5 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;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InteractiveTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, InteractiveTableColumnComponent, MatIconModule], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell\"\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          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            >expand_less</mat-icon\n          >\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            >expand_more</mat-icon\n          >\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  >\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-4 py-3 flex items-center bg-white transition-colors duration-75 truncate group-hover:text-main group-hover:bg-gray-50 border-b border-gray-200\"\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: [".sort-button mat-icon{padding:0;margin:0;height:8px;line-height:8px;font-size:18px}.table-header-cell{@apply text-gray-700 px-4 py-5 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;}\n"] }]
+            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, InteractiveTableColumnComponent, MatIconModule], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell\"\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          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            >expand_less</mat-icon\n          >\n          <mat-icon\n            class=\"material-symbols-outlined text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            >expand_more</mat-icon\n          >\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  >\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-4 py-3 flex items-center bg-white transition-colors duration-75 truncate group-hover:text-main group-hover:bg-gray-50 border-b border-gray-200\"\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: [".sort-button mat-icon{padding:0;margin:0;height:8px;line-height:8px;font-size:18px}.table-header-cell{@apply text-gray-700 px-4 py-5 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;}\n"] }]
         }], propDecorators: { columns: [{
                 type: ContentChildren,
                 args: [InteractiveTableColumnComponent]
@@ -28193,11 +28724,11 @@ class UserPreviewComponent {
         return (this.user.name + ' ' + this.user.surname).trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserPreviewComponent, selector: "gn-ui-user-preview", inputs: { user: "user", avatarPlaceholder: "avatarPlaceholder" }, ngImport: i0, template: "<figure class=\"text-center\">\n  <div\n    class=\"w-12 h-12 border border-primary rounded-full capitalize\"\n    [matTooltip]=\"userFullName\"\n  >\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n", dependencies: [{ kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: AvatarComponent, selector: "gn-ui-avatar", inputs: ["avatarUrl", "avatarPlaceholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserPreviewComponent, selector: "gn-ui-user-preview", inputs: { user: "user", avatarPlaceholder: "avatarPlaceholder" }, ngImport: i0, template: "<figure class=\"text-center\">\n  <div\n    class=\"w-10 h-10 border border-primary rounded-full capitalize\"\n    [matTooltip]=\"userFullName\"\n  >\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n", dependencies: [{ kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: AvatarComponent, selector: "gn-ui-avatar", inputs: ["avatarUrl", "avatarPlaceholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-user-preview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure class=\"text-center\">\n  <div\n    class=\"w-12 h-12 border border-primary rounded-full capitalize\"\n    [matTooltip]=\"userFullName\"\n  >\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n" }]
+            args: [{ selector: 'gn-ui-user-preview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure class=\"text-center\">\n  <div\n    class=\"w-10 h-10 border border-primary rounded-full capitalize\"\n    [matTooltip]=\"userFullName\"\n  >\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n" }]
         }], propDecorators: { user: [{
                 type: Input
             }], avatarPlaceholder: [{
@@ -28337,10 +28868,12 @@ class UiElementsModule {
             UiInputsModule,
             FormsModule,
             NgOptimizedImage,
+            PopoverComponent,
             MarkdownParserComponent,
             ThumbnailComponent,
             TimeSincePipe,
-            BadgeComponent], exports: [MetadataInfoComponent,
+            BadgeComponent,
+            MaxLinesComponent], exports: [MetadataInfoComponent,
             ContentGhostComponent,
             DownloadItemComponent,
             DownloadsListComponent,
@@ -28370,8 +28903,10 @@ class UiElementsModule {
             RouterModule,
             UiInputsModule,
             FormsModule,
+            PopoverComponent,
             ThumbnailComponent,
-            BadgeComponent] }); }
+            BadgeComponent,
+            MaxLinesComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -28388,10 +28923,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         UiInputsModule,
                         FormsModule,
                         NgOptimizedImage,
+                        PopoverComponent,
                         MarkdownParserComponent,
                         ThumbnailComponent,
                         TimeSincePipe,
                         BadgeComponent,
+                        MaxLinesComponent,
                     ],
                     declarations: [
                         MetadataInfoComponent,
@@ -28543,15 +29080,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class ActionMenuComponent {
+    constructor(dialog, translateService) {
+        this.dialog = dialog;
+        this.translateService = translateService;
+        this.duplicate = new EventEmitter();
+        this.delete = new EventEmitter();
+    }
+    openMenu() {
+        this.trigger.openMenu();
+    }
+    openDeleteConfirmationDialog() {
+        const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
+            data: {
+                title: this.translateService.instant('editor.record.delete.confirmation.title'),
+                message: this.translateService.instant('editor.record.delete.confirmation.message'),
+                confirmText: this.translateService.instant('editor.record.delete.confirmation.confirmText'),
+                cancelText: this.translateService.instant('editor.record.delete.confirmation.cancelText'),
+            },
+            restoreFocus: false,
+        });
+        // Manually restore focus to the menu trigger since the element that
+        // opens the dialog won't be in the DOM any more when the dialog closes.
+        dialogRef.afterClosed().subscribe((confirmed) => {
+            this.trigger.focus();
+            if (confirmed) {
+                this.delete.emit();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionMenuComponent, deps: [{ token: i1$7.MatDialog }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionMenuComponent, isStandalone: true, selector: "gn-ui-action-menu", inputs: { canDuplicate: "canDuplicate", canDelete: "canDelete" }, outputs: { duplicate: "duplicate", delete: "delete" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<gn-ui-button\n  type=\"light\"\n  [matMenuTriggerFor]=\"menu\"\n  (buttonClick)=\"openMenu()\"\n  data-test=\"record-menu-button\"\n>\n  <mat-icon class=\"material-symbols-outlined\">more_vert</mat-icon>\n</gn-ui-button>\n<mat-menu #menu=\"matMenu\">\n  <button\n    mat-menu-item\n    [disabled]=\"!canDuplicate\"\n    (click)=\"duplicate.emit()\"\n    data-test=\"record-menu-duplicate-button\"\n  >\n    <span translate>record.action.duplicate</span>\n  </button>\n  <button\n    mat-menu-item\n    [disabled]=\"!canDelete\"\n    (click)=\"openDeleteConfirmationDialog()\"\n    data-test=\"record-menu-delete-button\"\n  >\n    <span translate>record.action.delete</span>\n  </button>\n</mat-menu>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-action-menu', standalone: true, imports: [
+                        MatIconModule,
+                        ButtonComponent,
+                        MatMenuModule,
+                        MatDialogModule,
+                        ConfirmationDialogComponent,
+                        TranslateModule,
+                    ], template: "<gn-ui-button\n  type=\"light\"\n  [matMenuTriggerFor]=\"menu\"\n  (buttonClick)=\"openMenu()\"\n  data-test=\"record-menu-button\"\n>\n  <mat-icon class=\"material-symbols-outlined\">more_vert</mat-icon>\n</gn-ui-button>\n<mat-menu #menu=\"matMenu\">\n  <button\n    mat-menu-item\n    [disabled]=\"!canDuplicate\"\n    (click)=\"duplicate.emit()\"\n    data-test=\"record-menu-duplicate-button\"\n  >\n    <span translate>record.action.duplicate</span>\n  </button>\n  <button\n    mat-menu-item\n    [disabled]=\"!canDelete\"\n    (click)=\"openDeleteConfirmationDialog()\"\n    data-test=\"record-menu-delete-button\"\n  >\n    <span translate>record.action.delete</span>\n  </button>\n</mat-menu>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$7.MatDialog }, { type: i1$1.TranslateService }]; }, propDecorators: { canDuplicate: [{
+                type: Input
+            }], canDelete: [{
+                type: Input
+            }], duplicate: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], trigger: [{
+                type: ViewChild,
+                args: [MatMenuTrigger]
+            }] } });
+
 class ResultsTableComponent {
     constructor() {
         this.records = [];
         this.selectedRecordsIdentifiers = [];
         this.sortOrder = null;
-        this.recordHasDraft = () => false;
+        this.hasDraft = () => false;
+        this.canDuplicate = () => true;
+        this.canDelete = () => true;
         // emits the column (field) as well as the order
         this.sortByChange = new EventEmitter();
         this.recordClick = new EventEmitter();
+        this.duplicateRecord = new EventEmitter();
+        this.deleteRecord = new EventEmitter();
         this.recordsSelectedChange = new EventEmitter();
     }
     dateToString(date) {
@@ -28586,6 +29182,12 @@ class ResultsTableComponent {
     handleRecordClick(item) {
         this.recordClick.emit(item);
     }
+    handleDuplicate(item) {
+        this.duplicateRecord.emit(item);
+    }
+    handleDelete(item) {
+        this.deleteRecord.emit(item);
+    }
     setSortBy(col, order) {
         this.sortByChange.emit([col, order]);
     }
@@ -28621,7 +29223,7 @@ class ResultsTableComponent {
         return !allSelected && someSelected;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", recordHasDraft: "recordHasDraft" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", recordsSelectedChange: "recordsSelectedChange" }, ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <gn-ui-checkbox\n        [checked]=\"isAllSelected()\"\n        [indeterminate]=\"isSomeSelected()\"\n        (changed)=\"toggleSelectAll()\"\n        type=\"default\"\n        class=\"-m-2 mr-3\"\n      >\n      </gn-ui-checkbox>\n    </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\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    [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\">\n        <span class=\"overflow-hidden text-ellipsis\">{{ item.title }}</span>\n        <gn-ui-badge\n          *ngIf=\"recordHasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.4em 0.6em'\"\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>\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\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-sm text-white 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-sm text-white 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\" *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    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.author</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <mat-icon class=\"material-symbols-outlined\">person</mat-icon>\n      <span>{{ formatUserInfo(item.extras?.ownerInfo) }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ item.status }}\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.updatedOn</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ dateToString(item.recordUpdated) }}\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$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { 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"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", recordsSelectedChange: "recordsSelectedChange" }, ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <gn-ui-checkbox\n        [checked]=\"isAllSelected()\"\n        [indeterminate]=\"isSomeSelected()\"\n        (changed)=\"toggleSelectAll()\"\n        type=\"default\"\n        class=\"-m-2 mr-3\"\n      >\n      </gn-ui-checkbox>\n    </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\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    [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\">\n        <span class=\"overflow-hidden text-ellipsis\">{{ item.title }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.4em 0.6em'\"\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>\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\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-sm text-white 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-sm text-white 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\" *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    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.author</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <mat-icon class=\"material-symbols-outlined\">person</mat-icon>\n      <span>{{ formatUserInfo(item.extras?.ownerInfo) }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ item.status }}\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.updatedOn</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ dateToString(item.recordUpdated) }}\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-action-menu\n        [canDuplicate]=\"canDuplicate(item)\"\n        [canDelete]=\"canDelete(item)\"\n        (duplicate)=\"handleDuplicate(item)\"\n        (delete)=\"handleDelete(item)\"\n      >\n      </gn-ui-action-menu>\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$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { 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"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { 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"], outputs: ["duplicate", "delete"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -28633,19 +29235,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatIconModule,
                         TranslateModule,
                         BadgeComponent,
-                    ], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <gn-ui-checkbox\n        [checked]=\"isAllSelected()\"\n        [indeterminate]=\"isSomeSelected()\"\n        (changed)=\"toggleSelectAll()\"\n        type=\"default\"\n        class=\"-m-2 mr-3\"\n      >\n      </gn-ui-checkbox>\n    </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\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    [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\">\n        <span class=\"overflow-hidden text-ellipsis\">{{ item.title }}</span>\n        <gn-ui-badge\n          *ngIf=\"recordHasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.4em 0.6em'\"\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>\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\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-sm text-white 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-sm text-white 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\" *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    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.author</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <mat-icon class=\"material-symbols-outlined\">person</mat-icon>\n      <span>{{ formatUserInfo(item.extras?.ownerInfo) }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ item.status }}\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.updatedOn</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ dateToString(item.recordUpdated) }}\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
+                        ActionMenuComponent,
+                    ], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <gn-ui-checkbox\n        [checked]=\"isAllSelected()\"\n        [indeterminate]=\"isSomeSelected()\"\n        (changed)=\"toggleSelectAll()\"\n        type=\"default\"\n        class=\"-m-2 mr-3\"\n      >\n      </gn-ui-checkbox>\n    </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\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    [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\">\n        <span class=\"overflow-hidden text-ellipsis\">{{ item.title }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.4em 0.6em'\"\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>\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\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-sm text-white 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-sm text-white 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\" *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    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.author</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <mat-icon class=\"material-symbols-outlined\">person</mat-icon>\n      <span>{{ formatUserInfo(item.extras?.ownerInfo) }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ item.status }}\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.updatedOn</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      {{ dateToString(item.recordUpdated) }}\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-action-menu\n        [canDuplicate]=\"canDuplicate(item)\"\n        [canDelete]=\"canDelete(item)\"\n        (duplicate)=\"handleDuplicate(item)\"\n        (delete)=\"handleDelete(item)\"\n      >\n      </gn-ui-action-menu>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
         }], propDecorators: { records: [{
                 type: Input
             }], selectedRecordsIdentifiers: [{
                 type: Input
             }], sortOrder: [{
                 type: Input
-            }], recordHasDraft: [{
+            }], hasDraft: [{
+                type: Input
+            }], canDuplicate: [{
+                type: Input
+            }], canDelete: [{
                 type: Input
             }], sortByChange: [{
                 type: Output
             }], recordClick: [{
                 type: Output
+            }], duplicateRecord: [{
+                type: Output
+            }], deleteRecord: [{
+                type: Output
             }], recordsSelectedChange: [{
                 type: Output
             }] } });
@@ -29259,6 +29870,10 @@ class SearchFacade {
         this.store.dispatch(new RequestMoreResults(this.searchId));
         return this;
     }
+    requestNewResults() {
+        this.store.dispatch(new RequestNewResults(this.searchId));
+        return this;
+    }
     requestMoreOnAggregation(key, increment) {
         this.store.dispatch(new RequestMoreOnAggregation(key, increment, this.searchId));
         return this;
@@ -30110,12 +30725,12 @@ class SearchEffects {
             );
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchEffects, deps: [{ token: i1$8.Actions }, { token: i1$2.Store }, { token: RecordsRepositoryInterface }, { token: FavoritesService }, { token: PlatformServiceInterface }, { token: FILTER_GEOMETRY, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchEffects, deps: [{ token: i1$9.Actions }, { token: i1$2.Store }, { token: RecordsRepositoryInterface }, { token: FavoritesService }, { token: PlatformServiceInterface }, { token: FILTER_GEOMETRY, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$8.Actions }, { type: i1$2.Store }, { type: RecordsRepositoryInterface }, { type: FavoritesService }, { type: PlatformServiceInterface }, { type: Promise, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$9.Actions }, { type: i1$2.Store }, { type: RecordsRepositoryInterface }, { type: FavoritesService }, { type: PlatformServiceInterface }, { type: Promise, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -30420,12 +31035,14 @@ marker('search.filters.keyword');
 marker('search.filters.isSpatial');
 marker('search.filters.license');
 marker('search.filters.publicationYear');
-marker('search.filters.publisher');
+marker('search.filters.organization');
 marker('search.filters.representationType');
 marker('search.filters.resourceType');
 marker('search.filters.standard');
 marker('search.filters.topic');
 marker('search.filters.contact');
+marker('search.filters.producerOrg');
+marker('search.filters.publisherOrg');
 class FieldsService {
     get supportedFields() {
         return Object.keys(this.fields);
@@ -30433,7 +31050,7 @@ class FieldsService {
     constructor(injector) {
         this.injector = injector;
         this.fields = {
-            publisher: new OrganizationSearchField(this.injector),
+            organization: new OrganizationSearchField(this.injector),
             format: new SimpleSearchField('format', this.injector, 'asc'),
             resourceType: new TranslatedSearchField('resourceType', this.injector, 'asc'),
             representationType: new TranslatedSearchField('cl_spatialRepresentationType.key', this.injector, 'asc'),
@@ -30446,6 +31063,8 @@ class FieldsService {
             q: new FullTextSearchField(),
             license: new LicenseSearchField(this.injector),
             owner: new OwnerSearchField(this.injector),
+            producerOrg: new MultilingualSearchField('originatorOrgForResourceObject', this.injector, 'asc', 'key'),
+            publisherOrg: new MultilingualSearchField('distributorOrgForResourceObject', this.injector, 'asc', 'key'),
         };
     }
     getAvailableValues(fieldName) {
@@ -30525,7 +31144,7 @@ class FeatureSearchModule {
             ResultsHitsContainerComponent,
             SearchStateContainerDirective,
             FavoriteStarComponent,
-            FilterDropdownComponent], imports: [CommonModule, i1$1.TranslateModule, i1$2.StoreFeatureModule, i1$8.EffectsFeatureModule, HttpClientModule,
+            FilterDropdownComponent], imports: [CommonModule, i1$1.TranslateModule, i1$2.StoreFeatureModule, i1$9.EffectsFeatureModule, HttpClientModule,
             HttpClientXsrfModule,
             UiSearchModule,
             UiInputsModule,
@@ -30616,13 +31235,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class NotificationsService {
+    constructor() {
+        this.notifications$ = new BehaviorSubject([]);
+    }
+    showNotification(content, timeoutMs) {
+        const id = Math.floor(Math.random() * 1000000);
+        this.notifications$.next([...this.notifications$.value, { ...content, id }]);
+        if (typeof timeoutMs === 'undefined')
+            return;
+        setTimeout(() => {
+            this.removeNotificationById(id);
+        }, timeoutMs);
+    }
+    removeNotificationById(id) {
+        this.notifications$.next(this.notifications$.value.filter((n) => n.id !== id));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class FeatureNotificationsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule, providers: [NotificationsService] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    exports: [],
+                    imports: [],
+                    providers: [NotificationsService],
+                }]
+        }] });
+
+class NotificationsContainerComponent {
+    constructor(notificationsService) {
+        this.notificationsService = notificationsService;
+    }
+    trackById(index, notification) {
+        return notification.id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsContainerComponent, deps: [{ token: NotificationsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotificationsContainerComponent, isStandalone: true, selector: "gn-ui-notifications-container", ngImport: i0, template: "<div class=\"flex flex-col gap-6 p-6 items-start pointer-events-none\">\n  <gn-ui-notification\n    *ngFor=\"\n      let notification of notificationsService.notifications$ | async;\n      trackBy: trackById\n    \"\n    class=\"max-w-full pointer-events-auto\"\n    [text]=\"notification.text\"\n    [type]=\"notification.type\"\n    [title]=\"notification.title\"\n    [closeMessage]=\"notification.closeMessage\"\n    (notificationClose)=\"\n      notificationsService.removeNotificationById(notification.id)\n    \"\n    [@enterExit]\n  ></gn-ui-notification>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: NotificationComponent, selector: "gn-ui-notification", inputs: ["type", "title", "text", "closeMessage"], outputs: ["notificationClose"] }], animations: [
+            trigger('enterExit', [
+                transition(':enter', [
+                    animate('150ms', keyframes([
+                        style({ transform: 'scale(1)', opacity: 0 }),
+                        style({ transform: 'scale(1.03)', opacity: 0.5 }),
+                        style({ transform: 'scale(1)', opacity: 1 }),
+                    ])),
+                ]),
+                transition(':leave', [
+                    animate('200ms', style({ transform: 'translateX(50px)', opacity: 0 })),
+                ]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-notifications-container', standalone: true, imports: [CommonModule, NotificationComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('enterExit', [
+                            transition(':enter', [
+                                animate('150ms', keyframes([
+                                    style({ transform: 'scale(1)', opacity: 0 }),
+                                    style({ transform: 'scale(1.03)', opacity: 0.5 }),
+                                    style({ transform: 'scale(1)', opacity: 1 }),
+                                ])),
+                            ]),
+                            transition(':leave', [
+                                animate('200ms', style({ transform: 'translateX(50px)', opacity: 0 })),
+                            ]),
+                        ]),
+                    ], template: "<div class=\"flex flex-col gap-6 p-6 items-start pointer-events-none\">\n  <gn-ui-notification\n    *ngFor=\"\n      let notification of notificationsService.notifications$ | async;\n      trackBy: trackById\n    \"\n    class=\"max-w-full pointer-events-auto\"\n    [text]=\"notification.text\"\n    [type]=\"notification.type\"\n    [title]=\"notification.title\"\n    [closeMessage]=\"notification.closeMessage\"\n    (notificationClose)=\"\n      notificationsService.removeNotificationById(notification.id)\n    \"\n    [@enterExit]\n  ></gn-ui-notification>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: NotificationsService }]; } });
+
 class ResultsTableContainerComponent {
-    constructor(searchFacade, searchService, selectionService, recordsRepository) {
+    constructor(searchFacade, searchService, selectionService, recordsRepository, notificationsService, translateService) {
         this.searchFacade = searchFacade;
         this.searchService = searchService;
         this.selectionService = selectionService;
         this.recordsRepository = recordsRepository;
+        this.notificationsService = notificationsService;
+        this.translateService = translateService;
         this.recordClick = new EventEmitter();
+        this.duplicateRecord = new EventEmitter();
+        this.subscription = new Subscription();
         this.records$ = this.searchFacade.results$;
         this.selectedRecords$ = this.selectionService.selectedRecordsIdentifiers$;
         this.sortBy$ = this.searchFacade.sortBy$;
@@ -30631,6 +31336,26 @@ class ResultsTableContainerComponent {
     handleRecordClick(item) {
         this.recordClick.emit(item);
     }
+    handleDuplicateRecord(item) {
+        this.duplicateRecord.emit(item);
+    }
+    async handleDeleteRecord(item) {
+        const uniqueIdentifier = item.uniqueIdentifier;
+        this.subscription.add(this.recordsRepository.deleteRecord(uniqueIdentifier).subscribe({
+            next: () => {
+                this.recordsRepository.clearRecordDraft(uniqueIdentifier);
+                this.searchFacade.requestNewResults();
+            },
+            error: (error) => {
+                this.notificationsService.showNotification({
+                    type: 'error',
+                    title: this.translateService.instant('editor.record.deleteError.title'),
+                    text: `${this.translateService.instant('editor.record.deleteError.body')} ${error}`,
+                    closeMessage: this.translateService.instant('editor.record.deleteError.closeMessage'),
+                });
+            },
+        }));
+    }
     handleSortByChange(col, order) {
         this.searchService.setSortBy([order, col]);
     }
@@ -30642,13 +31367,18 @@ class ResultsTableContainerComponent {
             this.selectionService.selectRecords(records);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultsTableContainerComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: SelectionService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResultsTableContainerComponent, isStandalone: true, selector: "gn-ui-results-table-container", outputs: { recordClick: "recordClick" }, ngImport: i0, template: "<gn-ui-results-table\n  [records]=\"records$ | async\"\n  [recordHasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: ResultsTableComponent, selector: "gn-ui-results-table", inputs: ["records", "selectedRecordsIdentifiers", "sortOrder", "recordHasDraft"], outputs: ["sortByChange", "recordClick", "recordsSelectedChange"] }] }); }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultsTableContainerComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: SelectionService }, { token: RecordsRepositoryInterface }, { token: NotificationsService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResultsTableContainerComponent, isStandalone: true, selector: "gn-ui-results-table-container", outputs: { recordClick: "recordClick", duplicateRecord: "duplicateRecord" }, ngImport: i0, template: "<gn-ui-results-table\n  [records]=\"records$ | async\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: ResultsTableComponent, selector: "gn-ui-results-table", inputs: ["records", "selectedRecordsIdentifiers", "sortOrder", "hasDraft", "canDuplicate", "canDelete"], outputs: ["sortByChange", "recordClick", "duplicateRecord", "deleteRecord", "recordsSelectedChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultsTableContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  [records]=\"records$ | async\"\n  [recordHasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
-        }], ctorParameters: function () { return [{ type: SearchFacade }, { type: SearchService }, { type: SelectionService }, { type: RecordsRepositoryInterface }]; }, propDecorators: { recordClick: [{
+            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  [records]=\"records$ | async\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
+        }], ctorParameters: function () { return [{ type: SearchFacade }, { type: SearchService }, { type: SelectionService }, { type: RecordsRepositoryInterface }, { type: NotificationsService }, { type: i1$1.TranslateService }]; }, propDecorators: { recordClick: [{
+                type: Output
+            }], duplicateRecord: [{
                 type: Output
             }] } });
 
@@ -30949,7 +31679,7 @@ class LayersPanelComponent {
         this.mapFacade.addLayer(layer);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayersPanelComponent, deps: [{ token: MapFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LayersPanelComponent, selector: "gn-ui-layers-panel", ngImport: i0, template: "<div\n  class=\"bg-white rounded shadow shadow-lg relative h-full w-[400px] overflow-hidden\"\n>\n  <div class=\"p-3 border-b border-gray-300 flex items-center\">\n    <mat-icon class=\"material-symbols-outlined mr-2\">layers</mat-icon>\n    <span translate>map.layers.list</span>\n  </div>\n  <div class=\"flex flex-col px-4 divide-y divide-y-gray-50\">\n    <div\n      *ngFor=\"let layer of layers$ | async; let index = index\"\n      class=\"flex flex-row py-3\"\n    >\n      <mat-icon class=\"material-symbols-outlined -ml-2 mr-2 shrink-0\"\n        >chevron_right</mat-icon\n      >\n      <span class=\"mr-2 grow\">{{ layer.title }}</span>\n      <a\n        href\n        class=\"underline text-sm text-red-700 hover:text-red-900\"\n        (click)=\"deleteLayer(index)\"\n      >\n        delete\n      </a>\n    </div>\n  </div>\n  <gn-ui-expandable-panel-button [titleTemplate]=\"addLayerTitle\">\n    <mat-tab-group animationDuration=\"200ms\" class=\"h-full\">\n      <mat-tab [label]=\"'map.add.layer.catalog' | translate\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-catalog></gn-ui-add-layer-from-catalog>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wms' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wms></gn-ui-add-layer-from-wms>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wfs' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wfs></gn-ui-add-layer-from-wfs>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.ogc.api' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-ogc-api\n            [ogcUrl]=\"ogcUrl\"\n            (layerAdded)=\"addLayer($event)\"\n          ></gn-ui-add-layer-from-ogc-api>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.file' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-file></gn-ui-add-layer-from-file>\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </gn-ui-expandable-panel-button>\n</div>\n\n<ng-template #addLayerTitle>\n  <mat-icon class=\"material-symbols-outlined mr-4\">add_circle</mat-icon>\n  <span translate>map.add.layer</span>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ExpandablePanelButtonComponent, selector: "gn-ui-expandable-panel-button", inputs: ["titleTemplate", "collapsed"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$5.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: AddLayerFromOgcApiComponent, selector: "gn-ui-add-layer-from-ogc-api", inputs: ["ogcUrl"], outputs: ["layerAdded"] }, { kind: "component", type: AddLayerFromCatalogComponent, selector: "gn-ui-add-layer-from-catalog" }, { kind: "component", type: AddLayerFromWmsComponent, selector: "gn-ui-add-layer-from-wms" }, { kind: "component", type: AddLayerFromFileComponent, selector: "gn-ui-add-layer-from-file" }, { kind: "component", type: AddLayerFromWfsComponent, selector: "gn-ui-add-layer-from-wfs" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LayersPanelComponent, selector: "gn-ui-layers-panel", ngImport: i0, template: "<div\n  class=\"bg-white rounded shadow shadow-lg relative h-full w-[400px] overflow-hidden\"\n>\n  <div class=\"p-3 border-b border-gray-300 flex items-center\">\n    <mat-icon class=\"material-symbols-outlined mr-2\">layers</mat-icon>\n    <span translate>map.layers.list</span>\n  </div>\n  <div class=\"flex flex-col px-4 divide-y divide-y-gray-50\">\n    <div\n      *ngFor=\"let layer of layers$ | async; let index = index\"\n      class=\"flex flex-row py-3\"\n    >\n      <mat-icon class=\"material-symbols-outlined -ml-2 mr-2 shrink-0\"\n        >chevron_right</mat-icon\n      >\n      <span class=\"mr-2 grow\">{{ layer.title }}</span>\n      <a\n        href\n        class=\"underline text-sm text-red-700 hover:text-red-900\"\n        (click)=\"deleteLayer(index)\"\n      >\n        delete\n      </a>\n    </div>\n  </div>\n  <gn-ui-expandable-panel-button [titleTemplate]=\"addLayerTitle\">\n    <mat-tab-group animationDuration=\"200ms\" class=\"h-full\">\n      <mat-tab [label]=\"'map.add.layer.catalog' | translate\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-catalog></gn-ui-add-layer-from-catalog>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wms' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wms></gn-ui-add-layer-from-wms>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wfs' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wfs></gn-ui-add-layer-from-wfs>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.ogc.api' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-ogc-api\n            [ogcUrl]=\"ogcUrl\"\n            (layerAdded)=\"addLayer($event)\"\n          ></gn-ui-add-layer-from-ogc-api>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.file' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-file></gn-ui-add-layer-from-file>\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </gn-ui-expandable-panel-button>\n</div>\n\n<ng-template #addLayerTitle>\n  <mat-icon class=\"material-symbols-outlined mr-4\">add_circle</mat-icon>\n  <span translate>map.add.layer</span>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ExpandablePanelButtonComponent, selector: "gn-ui-expandable-panel-button", inputs: ["titleTemplate", "collapsed"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$4.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: AddLayerFromOgcApiComponent, selector: "gn-ui-add-layer-from-ogc-api", inputs: ["ogcUrl"], outputs: ["layerAdded"] }, { kind: "component", type: AddLayerFromCatalogComponent, selector: "gn-ui-add-layer-from-catalog" }, { kind: "component", type: AddLayerFromWmsComponent, selector: "gn-ui-add-layer-from-wms" }, { kind: "component", type: AddLayerFromFileComponent, selector: "gn-ui-add-layer-from-file" }, { kind: "component", type: AddLayerFromWfsComponent, selector: "gn-ui-add-layer-from-wfs" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayersPanelComponent, decorators: [{
             type: Component,
@@ -30960,12 +31690,12 @@ class MapEffects {
     constructor(actions$) {
         this.actions$ = actions$;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapEffects, deps: [{ token: i1$8.Actions }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapEffects, deps: [{ token: i1$9.Actions }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$8.Actions }]; } });
+        }], ctorParameters: function () { return [{ type: i1$9.Actions }]; } });
 
 class MapContainerComponent {
     constructor(mapFacade) {
@@ -31118,7 +31848,7 @@ class FeatureMapModule {
             MatIconModule,
             MatTabsModule,
             TranslateModule,
-            FeatureSearchModule, i1$2.StoreFeatureModule, i1$8.EffectsFeatureModule, UiElementsModule,
+            FeatureSearchModule, i1$2.StoreFeatureModule, i1$9.EffectsFeatureModule, UiElementsModule,
             UiInputsModule,
             AddLayerFromOgcApiComponent], exports: [MapContextComponent,
             MapInstanceDirective,
@@ -31242,88 +31972,6 @@ const DEFAULT_STYLE_HL_FIXTURE = new Style$1({
     }),
 });
 
-class NotificationsService {
-    constructor() {
-        this.notifications$ = new BehaviorSubject([]);
-    }
-    showNotification(content, timeoutMs) {
-        const id = Math.floor(Math.random() * 1000000);
-        this.notifications$.next([...this.notifications$.value, { ...content, id }]);
-        if (typeof timeoutMs === 'undefined')
-            return;
-        setTimeout(() => {
-            this.removeNotificationById(id);
-        }, timeoutMs);
-    }
-    removeNotificationById(id) {
-        this.notifications$.next(this.notifications$.value.filter((n) => n.id !== id));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class FeatureNotificationsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule, providers: [NotificationsService] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureNotificationsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    exports: [],
-                    imports: [],
-                    providers: [NotificationsService],
-                }]
-        }] });
-
-class NotificationsContainerComponent {
-    constructor(notificationsService) {
-        this.notificationsService = notificationsService;
-    }
-    trackById(index, notification) {
-        return notification.id;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsContainerComponent, deps: [{ token: NotificationsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotificationsContainerComponent, isStandalone: true, selector: "gn-ui-notifications-container", ngImport: i0, template: "<div class=\"flex flex-col gap-6 p-6 items-start pointer-events-none\">\n  <gn-ui-notification\n    *ngFor=\"\n      let notification of notificationsService.notifications$ | async;\n      trackBy: trackById\n    \"\n    class=\"max-w-full pointer-events-auto\"\n    [text]=\"notification.text\"\n    [type]=\"notification.type\"\n    [title]=\"notification.title\"\n    [closeMessage]=\"notification.closeMessage\"\n    (notificationClose)=\"\n      notificationsService.removeNotificationById(notification.id)\n    \"\n    [@enterExit]\n  ></gn-ui-notification>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: NotificationComponent, selector: "gn-ui-notification", inputs: ["type", "title", "text", "closeMessage"], outputs: ["notificationClose"] }], animations: [
-            trigger('enterExit', [
-                transition(':enter', [
-                    animate('150ms', keyframes([
-                        style({ transform: 'scale(1)', opacity: 0 }),
-                        style({ transform: 'scale(1.03)', opacity: 0.5 }),
-                        style({ transform: 'scale(1)', opacity: 1 }),
-                    ])),
-                ]),
-                transition(':leave', [
-                    animate('200ms', style({ transform: 'translateX(50px)', opacity: 0 })),
-                ]),
-            ]),
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationsContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-notifications-container', standalone: true, imports: [CommonModule, NotificationComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
-                        trigger('enterExit', [
-                            transition(':enter', [
-                                animate('150ms', keyframes([
-                                    style({ transform: 'scale(1)', opacity: 0 }),
-                                    style({ transform: 'scale(1.03)', opacity: 0.5 }),
-                                    style({ transform: 'scale(1)', opacity: 1 }),
-                                ])),
-                            ]),
-                            transition(':leave', [
-                                animate('200ms', style({ transform: 'translateX(50px)', opacity: 0 })),
-                            ]),
-                        ]),
-                    ], template: "<div class=\"flex flex-col gap-6 p-6 items-start pointer-events-none\">\n  <gn-ui-notification\n    *ngFor=\"\n      let notification of notificationsService.notifications$ | async;\n      trackBy: trackById\n    \"\n    class=\"max-w-full pointer-events-auto\"\n    [text]=\"notification.text\"\n    [type]=\"notification.type\"\n    [title]=\"notification.title\"\n    [closeMessage]=\"notification.closeMessage\"\n    (notificationClose)=\"\n      notificationsService.removeNotificationById(notification.id)\n    \"\n    [@enterExit]\n  ></gn-ui-notification>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: NotificationsService }]; } });
-
 /*
   Metadata actions
  */
@@ -31691,7 +32339,7 @@ class TableComponent {
         return rowIdPrefix + id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "gn-ui-table", inputs: { data: "data", activeId: "activeId" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<div class=\"border border-gray-300 rounded-lg overflow-hidden bg-white h-full\">\n  <cdk-virtual-scroll-viewport\n    tvsItemSize=\"48\"\n    headerHeight=\"56\"\n    style=\"height: calc(100% - 37px)\"\n  >\n    <table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\" matSort>\n      <ng-container *ngFor=\"let prop of properties\" [matColumnDef]=\"prop\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ prop }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[prop] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"row.id === activeId\"\n      ></tr>\n    </table>\n  </cdk-virtual-scroll-viewport>\n  <div class=\"text-gray-900 border-t border-gray-300 px-4 py-2 text-sm\">\n    <span class=\"count font-extrabold text-primary\">{{ count }}</span\n    >&nbsp;<span translate>table.object.count</span>.\n  </div>\n</div>\n", styles: ["table{width:100%;background:white}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:whitesmoke}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$9.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i1$9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i2$6.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2$6.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: TableVirtualScrollModule }, { kind: "directive", type: i3$2.TableItemSizeDirective, selector: "cdk-virtual-scroll-viewport[tvsItemSize]", inputs: ["tvsItemSize", "headerEnabled", "headerHeight", "footerEnabled", "footerHeight", "bufferMultiplier"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "gn-ui-table", inputs: { data: "data", activeId: "activeId" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<div class=\"border border-gray-300 rounded-lg overflow-hidden bg-white h-full\">\n  <cdk-virtual-scroll-viewport\n    tvsItemSize=\"48\"\n    headerHeight=\"56\"\n    style=\"height: calc(100% - 37px)\"\n  >\n    <table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\" matSort>\n      <ng-container *ngFor=\"let prop of properties\" [matColumnDef]=\"prop\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ prop }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[prop] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"row.id === activeId\"\n      ></tr>\n    </table>\n  </cdk-virtual-scroll-viewport>\n  <div class=\"text-gray-900 border-t border-gray-300 px-4 py-2 text-sm\">\n    <span class=\"count font-extrabold text-primary\">{{ count }}</span\n    >&nbsp;<span translate>table.object.count</span>.\n  </div>\n</div>\n", styles: ["table{width:100%;background:white}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:whitesmoke}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$a.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$a.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$a.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$a.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i1$a.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$a.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$a.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$a.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$a.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$a.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i2$5.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2$5.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: TableVirtualScrollModule }, { kind: "directive", type: i3$3.TableItemSizeDirective, selector: "cdk-virtual-scroll-viewport[tvsItemSize]", inputs: ["tvsItemSize", "headerEnabled", "headerHeight", "footerEnabled", "footerHeight", "bufferMultiplier"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i4$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -33064,7 +33712,10 @@ class MdViewFacade {
                         return collectionRecords && collectionRecords.geometry
                             ? link
                             : null;
-                    }), defaultIfEmpty(null));
+                    }), defaultIfEmpty(null), catchError((e) => {
+                        console.error(e);
+                        return of(null);
+                    }));
                 }
                 else {
                     return of(link);
@@ -33154,12 +33805,12 @@ class MdViewEffects {
             }));
         })))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MdViewEffects, deps: [{ token: i1$8.Actions }, { token: RecordsRepositoryInterface }, { token: PlatformServiceInterface }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MdViewEffects, deps: [{ token: i1$9.Actions }, { token: RecordsRepositoryInterface }, { token: PlatformServiceInterface }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MdViewEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MdViewEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$8.Actions }, { type: RecordsRepositoryInterface }, { type: PlatformServiceInterface }]; } });
+        }], ctorParameters: function () { return [{ type: i1$9.Actions }, { type: RecordsRepositoryInterface }, { type: PlatformServiceInterface }]; } });
 
 marker('externalviewer.dataset.unnamed');
 class ExternalViewerButtonComponent {
@@ -33784,9 +34435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class RecordsService {
     constructor(recordsRepository) {
         this.recordsRepository = recordsRepository;
-        this.recordsCount$ = this.recordsRepository
-            .getMatchesCount({})
-            .pipe(shareReplay(1), catchError(() => of(0)));
+        this.recordsCount$ = of(true).pipe(switchMap(() => this.recordsRepository.getMatchesCount({})), shareReplay(1));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordsService, deps: [{ token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordsService, providedIn: 'root' }); }
@@ -33836,37 +34485,54 @@ 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) {
         this.config = config;
         this.wcEmbedderBaseUrl = wcEmbedderBaseUrl;
         this.version = version;
         this.facade = facade;
+        this.viewType$ = new BehaviorSubject('map');
         this.permalinkUrl$ = combineLatest([
+            this.viewType$,
             this.facade.chartConfig$,
             this.facade.metadata$,
-        ]).pipe(map$2(([config, metadata]) => {
-            if (config) {
-                const { aggregation, xProperty, yProperty, chartType } = config;
-                const url = new URL(`${this.wcEmbedderBaseUrl}`, window.location.origin);
-                url.searchParams.set('v', `${this.version}`);
-                url.searchParams.append('e', `gn-dataset-view-chart`);
-                url.searchParams.append('a', `api-url=${this.config.basePath}`);
-                url.searchParams.append('a', `dataset-id=${metadata.uniqueIdentifier}`);
-                url.searchParams.append('a', `primary-color=#0f4395`);
-                url.searchParams.append('a', `secondary-color=#8bc832`);
-                url.searchParams.append('a', `main-color=#555`);
-                url.searchParams.append('a', `background-color=#fdfbff`);
-                url.searchParams.append('a', `aggregation=${aggregation}`);
-                url.searchParams.append('a', `x-property=${xProperty}`);
-                url.searchParams.append('a', `y-property=${yProperty}`);
-                url.searchParams.append('a', `chart-type=${chartType}`);
-                return url.toString();
+        ]).pipe(map$2(([viewType, config, metadata]) => {
+            const url = new URL(`${this.wcEmbedderBaseUrl}`, window.location.origin);
+            url.searchParams.set('v', `${this.version}`);
+            if (viewType === 'chart') {
+                if (config) {
+                    const { aggregation, xProperty, yProperty, chartType } = config;
+                    url.searchParams.append('e', `gn-dataset-view-chart`);
+                    url.searchParams.append('a', `aggregation=${aggregation}`);
+                    url.searchParams.append('a', `x-property=${xProperty}`);
+                    url.searchParams.append('a', `y-property=${yProperty}`);
+                    url.searchParams.append('a', `chart-type=${chartType}`);
+                }
+                else {
+                    return '';
+                }
             }
-            return '';
+            else if (viewType === 'table') {
+                // table
+                url.searchParams.append('e', `gn-dataset-view-table`);
+            }
+            else {
+                // map
+                url.searchParams.append('e', `gn-dataset-view-map`);
+            }
+            url.searchParams.append('a', `api-url=${this.config.basePath}`);
+            url.searchParams.append('a', `dataset-id=${metadata.uniqueIdentifier}`);
+            url.searchParams.append('a', `primary-color=#0f4395`);
+            url.searchParams.append('a', `secondary-color=#8bc832`);
+            url.searchParams.append('a', `main-color=#555`);
+            url.searchParams.append('a', `background-color=#fdfbff`);
+            return url.toString();
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewPermalinkComponent, selector: "gn-ui-data-view-permalink", 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: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewPermalinkComponent, 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: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewPermalinkComponent, decorators: [{
             type: Component,
@@ -33882,37 +34548,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [GN_UI_VERSION]
-                }] }, { type: MdViewFacade }]; } });
+                }] }, { type: MdViewFacade }]; }, propDecorators: { viewType: [{
+                type: Input
+            }] } });
 
 class DataViewWebComponentComponent {
+    set viewType(value) {
+        this.viewType$.next(value);
+    }
     constructor(config, version, facade) {
         this.config = config;
         this.version = version;
         this.facade = facade;
-        this.webComponentHtml$ = combineLatest(this.facade.chartConfig$, this.facade.metadata$).pipe(map$2(([config, metadata]) => {
-            if (config) {
-                const { aggregation, xProperty, yProperty, chartType } = config;
+        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>
+  <gn-dataset-view-chart
+          api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
+          dataset-id="${metadata.uniqueIdentifier}"
+          aggregation="${aggregation}"
+          x-property="${xProperty}"
+          y-property="${yProperty}"
+          chart-type="${chartType}"
+          primary-color="#0f4395"
+          secondary-color="#8bc832"
+          main-color="#555"
+          background-color="#fdfbff"
+          main-font="'Inter', sans-serif"
+          title-font="'DM Serif Display', serif"
+  ></gn-dataset-view-chart>`;
+                }
+                return '';
+            }
+            else if (viewType === 'table') {
+                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+  <gn-dataset-view-table
+          api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
+          dataset-id="${metadata.uniqueIdentifier}"
+          primary-color="#0f4395"
+          secondary-color="#8bc832"
+          main-color="#555"
+          background-color="#fdfbff"
+          main-font="'Inter', sans-serif"
+          title-font="'DM Serif Display', serif"
+  ></gn-dataset-view-table>`;
+            }
+            else {
                 return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
-<gn-dataset-view-chart
+<gn-dataset-view-map
         api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
         dataset-id="${metadata.uniqueIdentifier}"
-        aggregation="${aggregation}"
-        x-property="${xProperty}"
-        y-property="${yProperty}"
-        chart-type="${chartType}"
         primary-color="#0f4395"
         secondary-color="#8bc832"
         main-color="#555"
         background-color="#fdfbff"
         main-font="'Inter', sans-serif"
         title-font="'DM Serif Display', serif"
-></gn-dataset-view-chart>`;
+></gn-dataset-view-map>`;
             }
-            return '';
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewWebComponentComponent, deps: [{ token: Configuration }, { token: GN_UI_VERSION }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewWebComponentComponent, selector: "gn-ui-data-view-web-component", 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: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewWebComponentComponent, 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: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewWebComponentComponent, decorators: [{
             type: Component,
@@ -33923,24 +34623,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [GN_UI_VERSION]
-                }] }, { type: MdViewFacade }]; } });
+                }] }, { type: MdViewFacade }]; }, propDecorators: { viewType: [{
+                type: Input
+            }] } });
 
 class DataViewShareComponent {
+    set viewType(value) {
+        this._viewType = value;
+    }
+    get viewType() {
+        return this._viewType;
+    }
     constructor(wcEmbedderBaseUrl) {
         this.wcEmbedderBaseUrl = wcEmbedderBaseUrl;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewShareComponent, deps: [{ token: WEB_COMPONENT_EMBEDDER_URL, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewShareComponent, selector: "gn-ui-data-view-share", ngImport: i0, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$5.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DataViewPermalinkComponent, selector: "gn-ui-data-view-permalink" }, { kind: "component", type: DataViewWebComponentComponent, selector: "gn-ui-data-view-web-component" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewShareComponent, selector: "gn-ui-data-view-share", inputs: { viewType: "viewType" }, ngImport: i0, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$4.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DataViewPermalinkComponent, selector: "gn-ui-data-view-permalink", inputs: ["viewType"] }, { kind: "component", type: DataViewWebComponentComponent, selector: "gn-ui-data-view-web-component", inputs: ["viewType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewShareComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-data-view-share', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"] }]
+            args: [{ selector: 'gn-ui-data-view-share', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [WEB_COMPONENT_EMBEDDER_URL]
-                }] }]; } });
+                }] }]; }, propDecorators: { viewType: [{
+                type: Input
+            }] } });
 
 class FeatureRecordModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureRecordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -33949,7 +34659,7 @@ class FeatureRecordModule {
             ExternalViewerButtonComponent,
             DataViewPermalinkComponent,
             DataViewWebComponentComponent,
-            DataViewShareComponent], imports: [CommonModule, i1$2.StoreFeatureModule, i1$8.EffectsFeatureModule, UiLayoutModule,
+            DataViewShareComponent], imports: [CommonModule, i1$2.StoreFeatureModule, i1$9.EffectsFeatureModule, UiLayoutModule,
             FeatureMapModule,
             FeatureCatalogModule,
             UiMapModule,
@@ -34030,75 +34740,169 @@ const saveRecord = createAction('[Editor] Save record');
 const saveRecordSuccess = createAction('[Editor] Save record success');
 const saveRecordFailure = createAction('[Editor] Save record failure', props());
 const draftSaveSuccess = createAction('[Editor] Draft save success');
+const setCurrentPage = createAction('[Editor] Set current page', props());
 
-const DEFAULT_FIELDS = [
-    {
-        model: 'title',
-        formFieldConfig: {
-            labelKey: 'Metadata title',
-            type: 'text',
-        },
+/**
+ * This file contains the configuration of the fields that will be displayed in the editor.
+ * To add a new field, you need to create a new EditorField object in the fields part of this file.
+ * Then add it to the corresponding section in the sections part of this file.
+ * Finally, add the section to the corresponding page in the pages part of this file.
+ */
+/************************************************************
+ ***************           FIELDS           *****************
+ ************************************************************
+ */
+const RECORD_LICENSE_FIELD = {
+    model: 'licenses',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.license'),
     },
-    {
-        model: 'abstract',
-        formFieldConfig: {
-            labelKey: 'Abstract',
-            type: 'rich',
-        },
+};
+const RECORD_KEYWORDS_FIELD = {
+    model: 'keywords',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.keywords'),
     },
-    {
-        model: 'uniqueIdentifier',
-        formFieldConfig: {
-            labelKey: 'Unique identifier',
-            type: 'text',
-            locked: true,
-        },
+};
+const RECORD_UNIQUE_IDENTIFIER_FIELD = {
+    model: 'uniqueIdentifier',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.uniqueIdentifier'),
+        locked: true,
     },
-    {
-        model: 'recordUpdated',
-        formFieldConfig: {
-            labelKey: 'Record Updated',
-            type: 'text',
-            locked: true,
-        },
-        onSaveProcess: '${dateNow()}',
+};
+const RECORD_RESOURCE_UPDATED_FIELD = {
+    model: 'resourceUpdated',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.resourceUpdated'),
     },
-    {
-        model: 'licenses',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.license'),
-            type: 'list',
-        },
+};
+const RECORD_UPDATED_FIELD = {
+    model: 'recordUpdated',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.recordUpdated'),
+        locked: true,
     },
-    {
-        model: 'resourceUpdated',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.resourceUpdated'),
-            type: 'date',
-        },
+    onSaveProcess: '${dateNow()}',
+};
+const RECORD_UPDATE_FREQUENCY_FIELD = {
+    model: 'updateFrequency',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.updateFrequency'),
     },
-    {
-        model: 'updateFrequency',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.updateFrequency'),
-            type: 'text',
-        },
+};
+const RECORD_TEMPORAL_EXTENTS_FIELD = {
+    model: 'temporalExtents',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.temporalExtents'),
     },
-    {
-        model: 'temporalExtents',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.temporalExtents'),
-            type: 'list',
-        },
+};
+const RECORD_TITLE_FIELD = {
+    model: 'title',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.title'),
     },
-    {
-        model: 'keywords',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.keywords'),
-            type: 'list',
-        },
+};
+const RECORD_ABSTRACT_FIELD = {
+    model: 'abstract',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.abstract'),
     },
-];
+};
+const RECORD_GRAPHICAL_OVERVIEW_FIELD = {
+    model: 'overviews',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.overviews'),
+    },
+};
+/************************************************************
+ ***************          SECTIONS          *****************
+ ************************************************************
+ */
+const TITLE_SECTION = {
+    hidden: false,
+    fields: [
+        RECORD_TITLE_FIELD,
+        RECORD_ABSTRACT_FIELD,
+        RECORD_GRAPHICAL_OVERVIEW_FIELD,
+    ],
+};
+const ABOUT_SECTION = {
+    labelKey: marker('editor.record.form.section.about.label'),
+    descriptionKey: marker('editor.record.form.section.about.description'),
+    hidden: false,
+    fields: [
+        RECORD_UNIQUE_IDENTIFIER_FIELD,
+        RECORD_RESOURCE_UPDATED_FIELD,
+        RECORD_UPDATED_FIELD,
+        RECORD_UPDATE_FREQUENCY_FIELD,
+        RECORD_TEMPORAL_EXTENTS_FIELD,
+    ],
+};
+const GEOGRAPHICAL_COVERAGE_SECTION = {
+    labelKey: marker('editor.record.form.section.geographicalCoverage.label'),
+    hidden: false,
+    fields: [],
+};
+const ASSOCIATED_RESOURCES_SECTION = {
+    labelKey: marker('editor.record.form.section.associatedResources.label'),
+    descriptionKey: marker('editor.record.form.section.associatedResources.description'),
+    hidden: false,
+    fields: [],
+};
+const ANNEXES_SECTION = {
+    labelKey: marker('editor.record.form.section.annexes.label'),
+    hidden: false,
+    fields: [],
+};
+const CLASSIFICATION_SECTION = {
+    labelKey: marker('editor.record.form.section.classification.label'),
+    descriptionKey: marker('editor.record.form.section.classification.description'),
+    hidden: false,
+    fields: [RECORD_KEYWORDS_FIELD],
+};
+const USE_AND_ACCESS_CONDITIONS_SECTION = {
+    labelKey: marker('editor.record.form.section.useAndAccessConditions.label'),
+    hidden: false,
+    fields: [RECORD_LICENSE_FIELD],
+};
+const DATA_MANAGERS_SECTION = {
+    labelKey: marker('editor.record.form.section.dataManagers.label'),
+    descriptionKey: marker('editor.record.form.section.dataManagers.description'),
+    hidden: false,
+    fields: [],
+};
+const DATA_POINT_OF_CONTACT_SECTION = {
+    labelKey: marker('editor.record.form.section.dataPointOfContact.label'),
+    descriptionKey: marker('editor.record.form.section.dataPointOfContact.description'),
+    hidden: false,
+    fields: [],
+};
+/************************************************************
+ ***************           PAGES            *****************
+ ************************************************************
+ */
+const DEFAULT_CONFIGURATION = {
+    pages: [
+        {
+            labelKey: marker('editor.record.form.page.description'),
+            sections: [TITLE_SECTION, ABOUT_SECTION, GEOGRAPHICAL_COVERAGE_SECTION],
+        },
+        {
+            labelKey: marker('editor.record.form.page.ressources'),
+            sections: [ASSOCIATED_RESOURCES_SECTION, ANNEXES_SECTION],
+        },
+        {
+            labelKey: marker('editor.record.form.page.accessAndContact'),
+            sections: [
+                CLASSIFICATION_SECTION,
+                USE_AND_ACCESS_CONDITIONS_SECTION,
+                DATA_MANAGERS_SECTION,
+                DATA_POINT_OF_CONTACT_SECTION,
+            ],
+        },
+    ],
+};
 
 const EDITOR_FEATURE_KEY = 'editor';
 const initialEditorState = {
@@ -34108,7 +34912,8 @@ const initialEditorState = {
     saving: false,
     saveError: null,
     changedSinceSave: false,
-    fieldsConfig: DEFAULT_FIELDS,
+    editorConfig: DEFAULT_CONFIGURATION,
+    currentPage: 0,
 };
 const reducer = createReducer(initialEditorState, on(openRecord, (state, { record, recordSource, alreadySavedOnce }) => ({
     ...state,
@@ -34138,6 +34943,9 @@ const reducer = createReducer(initialEditorState, on(openRecord, (state, { recor
 })), on(markRecordAsChanged, (state) => ({
     ...state,
     changedSinceSave: true,
+})), on(setCurrentPage, (state, { page }) => ({
+    ...state,
+    currentPage: page,
 })));
 function editorReducer(state, action) {
     return reducer(state, action);
@@ -34150,11 +34958,21 @@ const selectRecordSaving = createSelector(selectEditorState, (state) => state.sa
 const selectRecordSaveError = createSelector(selectEditorState, (state) => state.saveError);
 const selectRecordChangedSinceSave = createSelector(selectEditorState, (state) => state.changedSinceSave);
 const selectRecordAlreadySavedOnce = createSelector(selectEditorState, (state) => state.alreadySavedOnce);
-const selectRecordFieldsConfig = createSelector(selectEditorState, (state) => state.fieldsConfig);
-const selectRecordFields = createSelector(selectEditorState, (state) => state.fieldsConfig.map((fieldConfig) => ({
-    config: fieldConfig,
-    value: state.record?.[fieldConfig.model] ?? null,
-})));
+const selectEditorConfig = createSelector(selectEditorState, (state) => state.editorConfig);
+const selectCurrentPage = createSelector(selectEditorState, (state) => state.currentPage);
+const selectRecordSections = createSelector(selectEditorState, (state) => {
+    const currentPage = state.editorConfig.pages[state.currentPage];
+    if (!currentPage) {
+        return [];
+    }
+    return currentPage.sections.map((section) => ({
+        ...section,
+        fieldsWithValues: section.fields.map((fieldConfig) => ({
+            config: fieldConfig,
+            value: state.record?.[fieldConfig.model] ?? null,
+        })),
+    }));
+});
 
 class EditorFacade {
     constructor() {
@@ -34167,8 +34985,10 @@ class EditorFacade {
         this.saveError$ = this.store.pipe(select(selectRecordSaveError), filter$1((error) => !!error));
         this.saveSuccess$ = this.actions$.pipe(ofType(saveRecordSuccess));
         this.changedSinceSave$ = this.store.pipe(select(selectRecordChangedSinceSave));
-        this.recordFields$ = this.store.pipe(select(selectRecordFields));
+        this.currentSections$ = this.store.pipe(select(selectRecordSections));
         this.draftSaveSuccess$ = this.actions$.pipe(ofType(draftSaveSuccess));
+        this.currentPage$ = this.store.pipe(select(selectCurrentPage));
+        this.editorConfig$ = this.store.pipe(select(selectEditorConfig));
     }
     openRecord(record, recordSource, alreadySavedOnce) {
         this.store.dispatch(openRecord({ record, recordSource, alreadySavedOnce }));
@@ -34179,6 +34999,9 @@ class EditorFacade {
     updateRecordField(field, value) {
         this.store.dispatch(updateRecordField({ field, value }));
     }
+    setCurrentPage(page) {
+        this.store.dispatch(setCurrentPage({ page }));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorFacade }); }
 }
@@ -34206,12 +35029,13 @@ class EditorService {
     // returns the record as it was when saved, alongside its source
     saveRecord(record, fieldsConfig, generateNewUniqueIdentifier = false) {
         const savedRecord = { ...record };
+        const fields = fieldsConfig.pages.flatMap((page) => page.sections.flatMap((section) => section.fields));
         // run onSave processes
-        for (const field of fieldsConfig) {
+        for (const field of fields) {
             if (field.onSaveProcess && field.model) {
                 const evaluator = evaluate(field.onSaveProcess);
                 savedRecord[field.model] = evaluator({
-                    config: field,
+                    model: field.model,
                     value: record[field.model],
                 });
             }
@@ -34248,7 +35072,7 @@ class EditorEffects {
         this.editorService = inject(EditorService);
         this.recordsRepository = inject(RecordsRepositoryInterface);
         this.store = inject(Store);
-        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordFieldsConfig), this.store.select(selectRecordAlreadySavedOnce)), switchMap$1(([, record, fieldsConfig, alreadySavedOnce]) => this.editorService
+        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectEditorConfig), this.store.select(selectRecordAlreadySavedOnce)), switchMap$1(([, record, fieldsConfig, alreadySavedOnce]) => this.editorService
             .saveRecord(record, fieldsConfig, !alreadySavedOnce)
             .pipe(switchMap$1(([record, recordSource]) => of(saveRecordSuccess(), openRecord({
             record,
@@ -34489,7 +35313,7 @@ class WizardFieldComponent {
                 deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
             },
             { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
-        ], viewQueries: [{ propertyName: "searchText", first: true, predicate: ["searchText"], descendants: true }, { propertyName: "chips", first: true, predicate: ["chips"], descendants: true }, { propertyName: "textArea", first: true, predicate: ["textArea"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-1\">\n  <span [class]=\"wizardFieldConfig.icon + ' pr-10'\"></span>\n  <div class=\"flex flex-col flex-1\">\n    <div translate class=\"text-xl font-bold pb-1\">\n      {{ wizardFieldConfig.label }}\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.TEXT === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-input\n        #searchText\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        hint=\"\"\n      ></gn-ui-text-input>\n    </div>\n    <div\n      class=\"flex-1 w-11/12\"\n      *ngIf=\"wizardFieldType.CHIPS === wizardFieldConfig.type\"\n    >\n      <gn-ui-chips-input\n        #chips\n        [selectedItems]=\"wizardFieldData\"\n        placeholder=\"\"\n        [id]=\"wizardFieldConfig.id\"\n        [url]=\"wizardFieldConfig.options.url\"\n        [loadOnce]=\"wizardFieldConfig.options.loadOnce\"\n      ></gn-ui-chips-input>\n    </div>\n    <div\n      class=\"h-32 w-11/12\"\n      *ngIf=\"wizardFieldType.TEXT_AREA === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-area\n        #textArea\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-area>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DATA_PICKER === wizardFieldConfig.type\"\n    >\n      <input\n        [id]=\"wizardFieldConfig.id\"\n        type=\"text\"\n        (click)=\"datepicker.open()\"\n        class=\"rounded p-2 text-gray-700 w-full leading-tight focus:outline-none focus:border-primary\"\n        [value]=\"wizardFieldData\"\n        [matDatepicker]=\"datepicker\"\n        (dateChange)=\"onDateChange($event)\"\n      />\n      <mat-datepicker #datepicker></mat-datepicker>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DROPDOWN === wizardFieldConfig.type\"\n    >\n      <gn-ui-dropdown-selector\n        #dropdown\n        [id]=\"wizardFieldConfig.id\"\n        [title]=\"''\"\n        [extraBtnClass]=\"'secondary min-w-full'\"\n        [showTitle]=\"false\"\n        [choices]=\"dropdownChoices\"\n        [selected]=\"wizardFieldData\"\n        ariaName=\"search-sort-by\"\n      ></gn-ui-dropdown-selector>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex:1}gn-ui-text-input::ng-deep input,input[type=text]{height:100%;background:white;color:#000;font-style:italic;border-width:2px;border-color:var(--color-primary)}gn-ui-text-area::ng-deep textarea{border-width:2px;border-color:var(--color-primary)}gn-ui-dropdown-selector::ng-deep div{height:100%}gn-ui-dropdown-selector::ng-deep select{height:100%;border-width:2px;border-color:var(--color-primary);background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "hint", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: ChipsInputComponent, selector: "gn-ui-chips-input", inputs: ["url", "placeholder", "selectedItems", "required", "loadOnce", "autocompleteItems"], outputs: ["itemsChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i2$4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "searchText", first: true, predicate: ["searchText"], descendants: true }, { propertyName: "chips", first: true, predicate: ["chips"], descendants: true }, { propertyName: "textArea", first: true, predicate: ["textArea"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-1\">\n  <span [class]=\"wizardFieldConfig.icon + ' pr-10'\"></span>\n  <div class=\"flex flex-col flex-1\">\n    <div translate class=\"text-xl font-bold pb-1\">\n      {{ wizardFieldConfig.label }}\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.TEXT === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-input\n        #searchText\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        hint=\"\"\n      ></gn-ui-text-input>\n    </div>\n    <div\n      class=\"flex-1 w-11/12\"\n      *ngIf=\"wizardFieldType.CHIPS === wizardFieldConfig.type\"\n    >\n      <gn-ui-chips-input\n        #chips\n        [selectedItems]=\"wizardFieldData\"\n        placeholder=\"\"\n        [id]=\"wizardFieldConfig.id\"\n        [url]=\"wizardFieldConfig.options.url\"\n        [loadOnce]=\"wizardFieldConfig.options.loadOnce\"\n      ></gn-ui-chips-input>\n    </div>\n    <div\n      class=\"h-32 w-11/12\"\n      *ngIf=\"wizardFieldType.TEXT_AREA === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-area\n        #textArea\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-area>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DATA_PICKER === wizardFieldConfig.type\"\n    >\n      <input\n        [id]=\"wizardFieldConfig.id\"\n        type=\"text\"\n        (click)=\"datepicker.open()\"\n        class=\"rounded p-2 text-gray-700 w-full leading-tight focus:outline-none focus:border-primary\"\n        [value]=\"wizardFieldData\"\n        [matDatepicker]=\"datepicker\"\n        (dateChange)=\"onDateChange($event)\"\n      />\n      <mat-datepicker #datepicker></mat-datepicker>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DROPDOWN === wizardFieldConfig.type\"\n    >\n      <gn-ui-dropdown-selector\n        #dropdown\n        [id]=\"wizardFieldConfig.id\"\n        [title]=\"''\"\n        [extraBtnClass]=\"'secondary min-w-full'\"\n        [showTitle]=\"false\"\n        [choices]=\"dropdownChoices\"\n        [selected]=\"wizardFieldData\"\n        ariaName=\"search-sort-by\"\n      ></gn-ui-dropdown-selector>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex:1}gn-ui-text-input::ng-deep input,input[type=text]{height:100%;background:white;color:#000;font-style:italic;border-width:2px;border-color:var(--color-primary)}gn-ui-text-area::ng-deep textarea{border-width:2px;border-color:var(--color-primary)}gn-ui-dropdown-selector::ng-deep div{height:100%}gn-ui-dropdown-selector::ng-deep select{height:100%;border-width:2px;border-color:var(--color-primary);background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "hint", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: ChipsInputComponent, selector: "gn-ui-chips-input", inputs: ["url", "placeholder", "selectedItems", "required", "loadOnce", "autocompleteItems"], outputs: ["itemsChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WizardFieldComponent, decorators: [{
             type: Component,
@@ -34639,7 +35463,7 @@ class FeatureEditorModule {
             MatNativeDateModule,
             MatFormFieldModule,
             HttpClientModule,
-            HttpClientXsrfModule, i1$2.StoreFeatureModule, i1$8.EffectsFeatureModule], exports: [WizardComponent, WizardSummarizeComponent] }); }
+            HttpClientXsrfModule, i1$2.StoreFeatureModule, i1$9.EffectsFeatureModule], exports: [WizardComponent, WizardSummarizeComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureEditorModule, providers: [EditorFacade, Gn4PlatformService], imports: [CommonModule,
             UiInputsModule,
             UiWidgetsModule,
@@ -34685,7 +35509,9 @@ class FormFieldKeywordsComponent {
             return `${item.title} (${item.value.thesaurus?.name})`;
         };
         this.autoCompleteAction = (query) => {
-            return this.platformService.searchKeywords(query).pipe(map$2((keywords) => keywords.map((keyword) => {
+            return this.platformService
+                .searchKeywords(query, ['temporal', 'theme', 'other'])
+                .pipe(map$2((keywords) => keywords.map((keyword) => {
                 return { title: keyword.label, value: keyword };
             })));
         };
@@ -34867,7 +35693,7 @@ class FormFieldTemporalExtentsComponent {
     }
     resetValueFromInput(value) {
         this.array.clear({ emitEvent: false });
-        this.elements = [];
+        let newElements = [];
         value.forEach((v) => {
             if ('start' in v && 'end' in v) {
                 const rangeControl = new FormControl({
@@ -34875,8 +35701,8 @@ class FormFieldTemporalExtentsComponent {
                     end: v.end,
                 });
                 this.array.push(rangeControl, { emitEvent: false });
-                this.elements = [
-                    ...this.elements,
+                newElements = [
+                    ...newElements,
                     {
                         component: FormFieldTemporalExtentsRangeComponent,
                         inputs: {
@@ -34888,8 +35714,8 @@ class FormFieldTemporalExtentsComponent {
             else {
                 const dateControl = new FormControl({ start: v.start });
                 this.array.push(dateControl, { emitEvent: false });
-                this.elements = [
-                    ...this.elements,
+                newElements = [
+                    ...newElements,
                     {
                         component: FormFieldTemporalExtentsDateComponent,
                         inputs: {
@@ -34899,6 +35725,7 @@ class FormFieldTemporalExtentsComponent {
                 ];
             }
         });
+        this.elements = newElements;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldTemporalExtentsComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldTemporalExtentsComponent, isStandalone: true, selector: "gn-ui-form-field-temporal-extents", inputs: { control: "control" }, ngImport: i0, template: "<gn-ui-sortable-list\n  [elements]=\"elements\"\n  (elementsChange)=\"onElementsChange($event)\"\n  [addOptions]=\"addOptions$ | async\"\n  (add)=\"onAdd($event)\"\n></gn-ui-sortable-list>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elements", "addOptions"], outputs: ["elementsChange", "add"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -35152,13 +35979,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class OverviewUploadComponent {
+    constructor(recordsApiService, cd) {
+        this.recordsApiService = recordsApiService;
+        this.cd = cd;
+        this.overviewChange = new EventEmitter();
+        this.altTextChange = new EventEmitter();
+        this.errorHandle = (error) => {
+            console.error(error);
+            this.resourceUrl = '';
+            this.resourceAltText = '';
+            this.resourceFileName = '';
+            this.overviewChange.emit(null);
+            this.cd.markForCheck();
+        };
+    }
+    ngOnInit() {
+        this.recordsApiService.getAllResources(this.metadataUuid).subscribe({
+            next: (resources) => {
+                if (resources && resources.length > 0) {
+                    this.resourceUrl = resources[0].url;
+                    this.resourceFileName = resources[0].filename;
+                    if (!this.resourceAltText) {
+                        this.resourceAltText = this.resourceFileName;
+                    }
+                }
+                else {
+                    this.resourceUrl = '';
+                    this.resourceAltText = '';
+                    this.resourceFileName = '';
+                }
+                this.cd.markForCheck();
+            },
+            error: this.errorHandle,
+        });
+    }
+    handleFileChange(file) {
+        this.recordsApiService
+            .putResource(this.metadataUuid, file, 'public')
+            .subscribe({
+            next: (resource) => {
+                this.resourceUrl = resource.url;
+                this.resourceAltText = resource.filename;
+                this.overviewChange.emit({
+                    url: new URL(resource.url),
+                    description: resource.filename,
+                });
+                this.cd.markForCheck();
+            },
+            error: this.errorHandle,
+        });
+    }
+    handleUrlChange(url) {
+        this.recordsApiService
+            .putResourceFromURL(this.metadataUuid, url, 'public')
+            .subscribe({
+            next: (resource) => {
+                this.resourceUrl = resource.url;
+                this.resourceAltText = resource.filename;
+                this.overviewChange.emit({
+                    url: new URL(resource.url),
+                    description: resource.filename,
+                });
+                this.cd.markForCheck();
+            },
+            error: this.errorHandle,
+        });
+    }
+    handleAltTextChange(newAltText) {
+        this.resourceAltText = newAltText;
+        this.overviewChange.emit({
+            url: new URL(this.resourceUrl),
+            description: this.resourceAltText,
+        });
+        this.cd.markForCheck();
+    }
+    handleDelete() {
+        //this.formControl.markAsDirty()
+        this.recordsApiService
+            .delResource(this.metadataUuid, this.resourceFileName)
+            .subscribe({
+            next: () => {
+                this.resourceAltText = '';
+                this.resourceUrl = '';
+                this.overviewChange.emit(null);
+                this.cd.markForCheck();
+            },
+            error: this.errorHandle,
+        });
+    }
+    ngOnChanges(changes) {
+        const overviewChanges = changes['formControl'];
+        if (overviewChanges &&
+            overviewChanges.currentValue !== overviewChanges.previousValue) {
+            let overview;
+            if (overviewChanges.currentValue.value &&
+                overviewChanges.currentValue.value.length > 0) {
+                overview = overviewChanges.currentValue.value[0];
+            }
+            else {
+                return;
+            }
+            if (overview.description) {
+                this.resourceAltText = overview.description;
+                this.cd.markForCheck();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverviewUploadComponent, deps: [{ token: RecordsApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OverviewUploadComponent, isStandalone: true, selector: "gn-ui-overview-upload", inputs: { metadataUuid: "metadataUuid", formControl: "formControl" }, outputs: { overviewChange: "overviewChange", altTextChange: "altTextChange" }, usesOnChanges: true, ngImport: i0, template: "<gn-ui-image-input\n  [maxSizeMB]=\"5\"\n  [previewUrl]=\"resourceUrl\"\n  [altText]=\"resourceAltText\"\n  (fileChange)=\"handleFileChange($event)\"\n  (urlChange)=\"handleUrlChange($event)\"\n  (altTextChange)=\"handleAltTextChange($event)\"\n  (delete)=\"handleDelete()\"\n></gn-ui-image-input>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ImageInputComponent, selector: "gn-ui-image-input", inputs: ["maxSizeMB", "previewUrl", "altText", "uploadProgress", "uploadError"], outputs: ["fileChange", "urlChange", "uploadCancel", "delete", "altTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverviewUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-overview-upload', standalone: true, imports: [CommonModule, UiInputsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-image-input\n  [maxSizeMB]=\"5\"\n  [previewUrl]=\"resourceUrl\"\n  [altText]=\"resourceAltText\"\n  (fileChange)=\"handleFileChange($event)\"\n  (urlChange)=\"handleUrlChange($event)\"\n  (altTextChange)=\"handleAltTextChange($event)\"\n  (delete)=\"handleDelete()\"\n></gn-ui-image-input>\n" }]
+        }], ctorParameters: function () { return [{ type: RecordsApiService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { metadataUuid: [{
+                type: Input
+            }], formControl: [{
+                type: Input
+            }], overviewChange: [{
+                type: Output
+            }], altTextChange: [{
+                type: Output
+            }] } });
+
+class FormFieldOverviewsComponent {
+    handleOverviewChange(overView) {
+        this.control.setValue(overView ? [overView] : []);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldOverviewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldOverviewsComponent, isStandalone: true, selector: "gn-ui-form-field-overviews", inputs: { metadataUuid: "metadataUuid", control: "control" }, ngImport: i0, template: "<gn-ui-overview-upload\n  [metadataUuid]=\"metadataUuid\"\n  [formControl]=\"control\"\n  (overviewChange)=\"handleOverviewChange($event)\"\n></gn-ui-overview-upload>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OverviewUploadComponent, selector: "gn-ui-overview-upload", inputs: ["metadataUuid", "formControl"], outputs: ["overviewChange", "altTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldOverviewsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-form-field-overviews', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, OverviewUploadComponent], template: "<gn-ui-overview-upload\n  [metadataUuid]=\"metadataUuid\"\n  [formControl]=\"control\"\n  (overviewChange)=\"handleOverviewChange($event)\"\n></gn-ui-overview-upload>\n" }]
+        }], propDecorators: { metadataUuid: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }] } });
+
 class FormFieldComponent {
     set value(v) {
         this.formControl.setValue(v, {
             emitEvent: false,
         });
     }
-    constructor() {
+    constructor(facade) {
+        this.facade = facade;
+        this.metadataUuid$ = this.facade.record$.pipe(take(1), map$1((record) => record.uniqueIdentifier));
         this.formControl = new FormControl();
         this.valueChange = this.formControl.valueChanges;
     }
@@ -35186,6 +36154,9 @@ class FormFieldComponent {
     get isSpatialExtentField() {
         return this.model === 'spatialExtents';
     }
+    get isGraphicOverview() {
+        return this.model === 'overviews';
+    }
     get isSimpleField() {
         return this.model === 'uniqueIdentifier' || this.model === 'recordUpdated';
     }
@@ -35198,8 +36169,8 @@ class FormFieldComponent {
     get withoutWrapper() {
         return this.model === 'title' || this.model === 'abstract';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { model: "model", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey | translate\"\n      [hint]=\"config.hintKey | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <h2\n        #titleInput\n        class=\"grow text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </h2>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey | translate\"\n      [hint]=\"config.hintKey | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: EditableLabelDirective, selector: "[gnUiEditableLabel]", inputs: ["gnUiEditableLabel"], outputs: ["editableLabelChanged"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["control", "label"] }, { kind: "component", type: FormFieldResourceUpdatedComponent, selector: "gn-ui-form-field-resource-updated", inputs: ["control"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["control"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["control"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "control", "readonly", "invalid", "placeholder", "options"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["control", "label", "hint", "helperText", "placeholder"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["control"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { model: "model", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <span\n        #titleInput\n        class=\"grow font-title text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </span>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey! | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isGraphicOverview\">\n    <gn-ui-form-field-overviews\n      [control]=\"formControl\"\n      [metadataUuid]=\"metadataUuid$ | async\"\n    ></gn-ui-form-field-overviews>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: EditableLabelDirective, selector: "[gnUiEditableLabel]", inputs: ["gnUiEditableLabel"], outputs: ["editableLabelChanged"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["control", "label"] }, { kind: "component", type: FormFieldResourceUpdatedComponent, selector: "gn-ui-form-field-resource-updated", inputs: ["control"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["control"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["control"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "control", "readonly", "invalid", "placeholder", "options"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["control", "label", "hint", "helperText", "placeholder"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["control"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -35222,8 +36193,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FormFieldArrayComponent,
                         FormFieldKeywordsComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey | translate\"\n      [hint]=\"config.hintKey | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <h2\n        #titleInput\n        class=\"grow text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </h2>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey | translate\"\n      [hint]=\"config.hintKey | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                        FormFieldOverviewsComponent,
+                    ], template: "<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <span\n        #titleInput\n        class=\"grow font-title text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </span>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey! | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isGraphicOverview\">\n    <gn-ui-form-field-overviews\n      [control]=\"formControl\"\n      [metadataUuid]=\"metadataUuid$ | async\"\n    ></gn-ui-form-field-overviews>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: EditorFacade }]; }, propDecorators: { model: [{
                 type: Input
             }], config: [{
                 type: Input
@@ -35239,23 +36211,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class RecordFormComponent {
     constructor(facade) {
         this.facade = facade;
-        this.fields$ = this.facade.recordFields$;
     }
-    handleFieldValueChange(field, newValue) {
-        if (!field.config.model) {
+    handleFieldValueChange(model, newValue) {
+        if (!model) {
             return;
         }
-        this.facade.updateRecordField(field.config.model, newValue);
+        this.facade.updateRecordField(model, newValue);
     }
     fieldTracker(index, field) {
         return field.config.model;
     }
+    sectionTracker(index, section) {
+        return section.labelKey;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordFormComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<div class=\"flex flex-col gap-6 p-6\">\n  <ng-container *ngFor=\"let field of fields$ | async; trackBy: fieldTracker\">\n    <gn-ui-form-field\n      *ngIf=\"field.config.formFieldConfig && !field.config.hidden\"\n      [model]=\"field.config.model\"\n      [config]=\"field.config.formFieldConfig\"\n      [value]=\"field.value\"\n      (valueChange)=\"handleFieldValueChange(field, $event)\"\n    ></gn-ui-form-field>\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["model", "config", "value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-petrona text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [model]=\"field.config.model!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["model", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent], template: "<div class=\"flex flex-col gap-6 p-6\">\n  <ng-container *ngFor=\"let field of fields$ | async; trackBy: fieldTracker\">\n    <gn-ui-form-field\n      *ngIf=\"field.config.formFieldConfig && !field.config.hidden\"\n      [model]=\"field.config.model\"\n      [config]=\"field.config.formFieldConfig\"\n      [value]=\"field.value\"\n      (valueChange)=\"handleFieldValueChange(field, $event)\"\n    ></gn-ui-form-field>\n  </ng-container>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-petrona text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [model]=\"field.config.model!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: EditorFacade }]; } });
 
 const ROUTER_STATE_KEY = 'router';
@@ -35305,7 +36279,7 @@ class RouterService {
     getOrganizationPageRoute() {
         return ROUTER_ROUTE_ORGANIZATION;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterService, decorators: [{
@@ -35316,7 +36290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
-                }] }, { type: i1$7.Router }]; } });
+                }] }, { type: i1$8.Router }]; } });
 
 const goAction = createAction('[Router] Go', props());
 const backAction = createAction('[Router] Back');
@@ -35573,12 +36547,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: "16.2.12", ngImport: i0, type: RouterEffects, deps: [{ token: i1$8.Actions }, { token: i1$7.Router }, { token: i1$3.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterEffects, deps: [{ token: i1$9.Actions }, { token: i1$8.Router }, { token: i1$3.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$8.Actions }, { type: i1$7.Router }, { type: i1$3.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$9.Actions }, { type: i1$8.Router }, { type: i1$3.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
                 }] }, { type: FieldsService }]; } });
@@ -35595,7 +36569,7 @@ class DefaultRouterModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultRouterModule, deps: [{ token: RouterService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DefaultRouterModule, declarations: [SearchRouterContainerDirective], imports: [i1$2.StoreFeatureModule, i3$3.StoreRouterConnectingModule, i1$8.EffectsFeatureModule], exports: [SearchRouterContainerDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DefaultRouterModule, declarations: [SearchRouterContainerDirective], imports: [i1$2.StoreFeatureModule, i3$4.StoreRouterConnectingModule, i1$9.EffectsFeatureModule], exports: [SearchRouterContainerDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultRouterModule, providers: [
             RouterFacade,
             {
@@ -35638,5 +36612,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BLOCK_MODEL_FIXTURE, BadgeComponent, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CONFIG_MALFORMED, CONFIG_MINIMAL, CONFIG_MISSING_MANDATORY, CONFIG_OK, CONFIG_UNRECOGNIZED_KEYS, CONFIG_WITH_TRANSLATIONS, CONFIG_WRONG_LANGUAGE_CODE, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASELAYER_CONTEXT, DEFAULT_GN4_LOGIN_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_STYLE_FIXTURE, DEFAULT_STYLE_HL_FIXTURE, DEFAULT_VIEW, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangePickerComponent, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, EMPTY_BLOCK_MODEL_FIXTURE, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FACET_ITEM_FIXTURE, FEATURE_MAP_OPTIONS, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDatavizModule, FeatureDetailComponent, FeatureEditorModule, FeatureInfoService, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageOverlayPreviewComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_CONFIG_FIXTURE, MAP_FEATURE_KEY, METADATA_LANGUAGE, MY_FORMATS, MapComponent, MapContainerComponent, MapContextComponent, MapContextLayerTypeEnum, MapContextService, MapFacade, MapInstanceDirective, MapManagerService, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataQualityComponent, MetadataQualityItemComponent, MultilingualSearchField, MyOrgService, 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, PatchResultsAggregations, 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, 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, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchInputComponent, 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, StepBarComponent, StickyHeaderComponent, SupportedTypes, TABLE_ITEM_FIXTURE, TABLE_ITEM_FIXTURE_HAB, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiCatalogModule, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiMapModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UserPreviewComponent, UtilI18nModule, UtilSharedModule, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WFS_MAX_FEATURES, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, _reset, addLayer, changeLayerOrder, checkFileFormat, clearLayerError, createFuzzyFilter, currentPage, defaultMapOptions, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, findConverterForDocument, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapLayers, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, initSearch, initialEditorState, initialMapState, initialState, isBeginningOfResults, isConfigLoaded, isEndOfResults, isFormatInQueryParam, loadAppConfig, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, mouseWheelZoomCondition, openDataset, openRecord, parse, placeholder, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readDataset, readDatasetHeaders, reducer$2 as reducer, reducerSearch, removeLayer, removeSearchParams, removeWhitespace, saveRecord, saveRecordFailure, saveRecordSuccess, selectEditorState, selectFallback, selectFallbackFields, selectField, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordFields, selectRecordFieldsConfig, selectRecordSaveError, selectRecordSaving, selectRecordSource, selectTranslatedField, selectTranslatedValue, setLayerError, sortByFromString, sortByToString, sortByToStrings, stripHtml, toDate, totalPages, updateLayer, updateRecordField };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BLOCK_MODEL_FIXTURE, BadgeComponent, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CONFIG_MALFORMED, CONFIG_MINIMAL, CONFIG_MISSING_MANDATORY, CONFIG_OK, CONFIG_UNRECOGNIZED_KEYS, CONFIG_WITH_TRANSLATIONS, CONFIG_WRONG_LANGUAGE_CODE, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASELAYER_CONTEXT, DEFAULT_GN4_LOGIN_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_STYLE_FIXTURE, DEFAULT_STYLE_HL_FIXTURE, DEFAULT_VIEW, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangePickerComponent, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, EMPTY_BLOCK_MODEL_FIXTURE, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FACET_ITEM_FIXTURE, FEATURE_MAP_OPTIONS, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDatavizModule, FeatureDetailComponent, FeatureEditorModule, FeatureInfoService, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageOverlayPreviewComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_CONFIG_FIXTURE, MAP_FEATURE_KEY, METADATA_LANGUAGE, MY_FORMATS, MapComponent, MapContainerComponent, MapContextComponent, MapContextLayerTypeEnum, MapContextService, MapFacade, MapInstanceDirective, MapManagerService, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataQualityComponent, MetadataQualityItemComponent, MultilingualSearchField, MyOrgService, 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, 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, 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, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchInputComponent, 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, StepBarComponent, StickyHeaderComponent, SupportedTypes, TABLE_ITEM_FIXTURE, TABLE_ITEM_FIXTURE_HAB, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiCatalogModule, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiMapModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UserPreviewComponent, UtilI18nModule, UtilSharedModule, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WFS_MAX_FEATURES, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, _reset, addLayer, changeLayerOrder, checkFileFormat, clearLayerError, createFuzzyFilter, currentPage, defaultMapOptions, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, findConverterForDocument, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapLayers, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, initSearch, initialEditorState, initialMapState, initialState, isBeginningOfResults, isConfigLoaded, isEndOfResults, isFormatInQueryParam, loadAppConfig, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, mouseWheelZoomCondition, openDataset, openRecord, parse, placeholder, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readDataset, readDatasetHeaders, reducer$2 as reducer, reducerSearch, removeLayer, removeSearchParams, removeWhitespace, saveRecord, saveRecordFailure, saveRecordSuccess, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setCurrentPage, setLayerError, sortByFromString, sortByToString, sortByToStrings, stripHtml, toDate, totalPages, updateLayer, updateRecordField };
 //# sourceMappingURL=geonetwork-ui.mjs.map