geonetwork-ui 2.4.0-dev.71a43b38 → 2.4.0-dev.8118addf

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';
@@ -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';
@@ -48,7 +50,7 @@ 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$6 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';
@@ -60,6 +62,7 @@ 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';
@@ -81,9 +84,10 @@ import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/c
 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 i2$5 from '@angular/material/menu';
+import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
 import * as i1$8 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 { Polygon } from 'ol/geom';
 import { queryDataGouvFr, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
@@ -91,7 +95,7 @@ import { trigger, transition, animate, keyframes, style } from '@angular/animati
 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 { ScrollingModule } from '@angular/cdk/scrolling';
-import * as i2$6 from '@angular/material/sort';
+import * as i2$7 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
 import * as i1$9 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
@@ -269,6 +273,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 +434,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 +568,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 +763,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 +1123,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 +1163,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 +1559,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 +1609,8 @@ class Iso19139Converter extends BaseConverter {
             distributions: readDistributions$1,
             onlineResources: readOnlineResources,
             temporalExtents: readTemporalExtents,
+            spatialExtents: readSpatialExtents,
             // TODO
-            spatialExtents: () => [],
             extras: () => undefined,
             landingPage: () => undefined,
             languages: () => [],
@@ -1559,8 +1643,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 +2260,7 @@ const mapKeywords = (thesauri, language) => {
             keywords.push({
                 label: selectTranslatedValue(keyword, language),
                 type: getKeywordTypeFromKeywordTypeCode(rawThesaurus.theme),
+                ...(keyword.link && { key: keyword.link }),
                 ...(thesaurus && { thesaurus }),
             });
         }
@@ -8641,11 +8726,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);
@@ -17472,6 +17553,18 @@ var de = {
 	"downloads.format.unknown": "unbekannt",
 	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
+	"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": "Schlagwörter",
+	"editor.record.form.field.license": "Lizenz",
+	"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.abstract": "Kurzbeschreibung",
 	"editor.record.form.keywords": "Schlüsselwörter",
 	"editor.record.form.license": "Lizenz",
@@ -17484,6 +17577,22 @@ var de = {
 	"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.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.metadata.title": "Metadaten-Titel",
 	"editor.record.form.record.updated": "Datensatz zuletzt aktualisiert",
 	"editor.record.form.resourceUpdated": "Letztes Aktualisierungsdatum",
@@ -17508,6 +17617,7 @@ var de = {
 	"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",
@@ -17585,6 +17695,7 @@ var de = {
 	"pagination.pageOf": "von",
 	previous: previous$6,
 	"record.action.download": "Herunterladen",
+	"record.action.duplicate": "",
 	"record.action.view": "Anzeigen",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.metadata.about": "Beschreibung",
@@ -17715,7 +17826,7 @@ var de = {
 	"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",
@@ -17907,6 +18018,18 @@ var en = {
 	"downloads.format.unknown": "unknown",
 	"downloads.wfs.featuretype.not.found": "The layer was not found",
 	dropFile: dropFile$5,
+	"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.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.abstract": "Abstract",
 	"editor.record.form.keywords": "Keywords",
 	"editor.record.form.license": "License",
@@ -17919,6 +18042,22 @@ 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.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.metadata.title": "Metadata title",
 	"editor.record.form.record.updated": "Record updated",
 	"editor.record.form.resourceUpdated": "Last update date",
@@ -17943,6 +18082,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",
@@ -18020,6 +18160,7 @@ var en = {
 	"pagination.pageOf": "of",
 	previous: previous$5,
 	"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",
@@ -18150,7 +18291,7 @@ var en = {
 	"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",
@@ -18342,6 +18483,18 @@ var es = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$4,
+	"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.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.abstract": "",
 	"editor.record.form.keywords": "",
 	"editor.record.form.license": "",
@@ -18354,6 +18507,22 @@ var es = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"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.metadata.title": "",
 	"editor.record.form.record.updated": "",
 	"editor.record.form.resourceUpdated": "",
@@ -18378,6 +18547,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": "",
@@ -18455,6 +18625,7 @@ var es = {
 	"pagination.pageOf": "",
 	previous: previous$4,
 	"record.action.download": "",
+	"record.action.duplicate": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.metadata.about": "",
@@ -18777,6 +18948,18 @@ 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.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.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.abstract": "",
 	"editor.record.form.keywords": "",
 	"editor.record.form.license": "Licence",
@@ -18789,6 +18972,22 @@ 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.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.metadata.title": "",
 	"editor.record.form.record.updated": "",
 	"editor.record.form.resourceUpdated": "Date de dernière révision",
@@ -18813,6 +19012,7 @@ var fr = {
 	"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",
@@ -18890,6 +19090,7 @@ var fr = {
 	"pagination.pageOf": "sur",
 	previous: previous$3,
 	"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",
@@ -19020,7 +19221,7 @@ var fr = {
 	"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",
@@ -19212,6 +19413,18 @@ var it = {
 	"downloads.format.unknown": "sconosciuto",
 	"downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
 	dropFile: dropFile$2,
+	"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.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.abstract": "",
 	"editor.record.form.keywords": "",
 	"editor.record.form.license": "Licenza",
@@ -19224,6 +19437,22 @@ 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.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.metadata.title": "",
 	"editor.record.form.record.updated": "",
 	"editor.record.form.resourceUpdated": "",
@@ -19248,6 +19477,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",
@@ -19325,6 +19555,7 @@ var it = {
 	"pagination.pageOf": "di",
 	previous: previous$2,
 	"record.action.download": "Scarica",
+	"record.action.duplicate": "",
 	"record.action.view": "Visualizza",
 	"record.externalViewer.open": "Apri nell'visualizzatore esterno",
 	"record.metadata.about": "Descrizione",
@@ -19455,7 +19686,7 @@ var it = {
 	"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",
@@ -19647,6 +19878,18 @@ var nl = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$1,
+	"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.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.abstract": "",
 	"editor.record.form.keywords": "",
 	"editor.record.form.license": "",
@@ -19659,6 +19902,22 @@ var nl = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"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.metadata.title": "",
 	"editor.record.form.record.updated": "",
 	"editor.record.form.resourceUpdated": "",
@@ -19683,6 +19942,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": "",
@@ -19760,6 +20020,7 @@ var nl = {
 	"pagination.pageOf": "",
 	previous: previous$1,
 	"record.action.download": "",
+	"record.action.duplicate": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.metadata.about": "",
@@ -20082,6 +20343,18 @@ var pt = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile,
+	"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.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.abstract": "",
 	"editor.record.form.keywords": "",
 	"editor.record.form.license": "",
@@ -20094,6 +20367,22 @@ var pt = {
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
 	"editor.record.form.license.unknown": "",
+	"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.metadata.title": "",
 	"editor.record.form.record.updated": "",
 	"editor.record.form.resourceUpdated": "",
@@ -20118,6 +20407,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": "",
@@ -20195,6 +20485,7 @@ var pt = {
 	"pagination.pageOf": "",
 	previous: previous,
 	"record.action.download": "",
+	"record.action.duplicate": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.metadata.about": "",
@@ -21327,6 +21618,17 @@ 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 = `TEMP-ID-${Date.now()}`;
+            record.title = `${record.title} (Copy)`;
+            const xml = await converter.writeRecord(record, recordAsXml);
+            window.localStorage.setItem(this.getLocalStorageKeyForRecord(record.uniqueIdentifier), xml);
+            return [record, xml, false];
+        }));
+    }
     serializeRecordToXml(record, referenceRecordSource) {
         // if there's a reference record, use that standard; otherwise, use iso19139
         const converter = referenceRecordSource
@@ -23100,10 +23402,9 @@ 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 bbox into an including bbox
         const totalExtent = record.spatialExtents.reduce((prev, curr) => {
-            const geom = GEOJSON.readGeometry(curr.geometry);
-            return extend(prev, geom.getExtent());
+            return extend(prev, curr.bbox);
         }, [Infinity, Infinity, -Infinity, -Infinity]);
         return transformExtent(totalExtent, 'EPSG:4326', 'EPSG:3857');
     }
@@ -24689,6 +24990,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;
@@ -26803,11 +27168,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: [{
@@ -26818,7 +27183,6 @@ class MetadataQualityComponent {
     constructor() {
         this.smaller = false;
         this.items = [];
-        this.isMenuShown = false;
     }
     get qualityScore() {
         const qualityScore = this.metadata?.extras?.qualityScore;
@@ -26829,12 +27193,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 });
@@ -26858,11 +27216,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: [{
@@ -28316,11 +28674,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: i2$3.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: [{
@@ -28460,6 +28818,7 @@ class UiElementsModule {
             UiInputsModule,
             FormsModule,
             NgOptimizedImage,
+            PopoverComponent,
             MarkdownParserComponent,
             ThumbnailComponent,
             TimeSincePipe,
@@ -28494,6 +28853,7 @@ class UiElementsModule {
             RouterModule,
             UiInputsModule,
             FormsModule,
+            PopoverComponent,
             ThumbnailComponent,
             BadgeComponent,
             MaxLinesComponent] }); }
@@ -28513,6 +28873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         UiInputsModule,
                         FormsModule,
                         NgOptimizedImage,
+                        PopoverComponent,
                         MarkdownParserComponent,
                         ThumbnailComponent,
                         TimeSincePipe,
@@ -28669,6 +29030,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class ActionMenuComponent {
+    constructor() {
+        this.duplicate = new EventEmitter();
+    }
+    openMenu() {
+        this.trigger.openMenu();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionMenuComponent, deps: [], 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", outputs: { duplicate: "duplicate" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<gn-ui-button\n  type=\"outline\"\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    (click)=\"duplicate.emit()\"\n    data-test=\"record-menu-duplicate-button\"\n  >\n    <span translate>record.action.duplicate</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: i2$5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2$5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { 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, TranslateModule], template: "<gn-ui-button\n  type=\"outline\"\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    (click)=\"duplicate.emit()\"\n    data-test=\"record-menu-duplicate-button\"\n  >\n    <span translate>record.action.duplicate</span>\n  </button>\n</mat-menu>\n" }]
+        }], propDecorators: { duplicate: [{
+                type: Output
+            }], trigger: [{
+                type: ViewChild,
+                args: [MatMenuTrigger]
+            }] } });
+
 class ResultsTableComponent {
     constructor() {
         this.records = [];
@@ -28678,6 +29059,7 @@ class ResultsTableComponent {
         // emits the column (field) as well as the order
         this.sortByChange = new EventEmitter();
         this.recordClick = new EventEmitter();
+        this.duplicateRecord = new EventEmitter();
         this.recordsSelectedChange = new EventEmitter();
     }
     dateToString(date) {
@@ -28712,6 +29094,9 @@ class ResultsTableComponent {
     handleRecordClick(item) {
         this.recordClick.emit(item);
     }
+    handleDuplicate(item) {
+        this.duplicateRecord.emit(item);
+    }
     setSortBy(col, order) {
         this.sortByChange.emit([col, order]);
     }
@@ -28747,7 +29132,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", recordHasDraft: "recordHasDraft" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", 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\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 (duplicate)=\"handleDuplicate(item)\">\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", outputs: ["duplicate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -28759,7 +29144,8 @@ 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=\"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\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 (duplicate)=\"handleDuplicate(item)\">\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: [{
@@ -28772,6 +29158,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], recordClick: [{
                 type: Output
+            }], duplicateRecord: [{
+                type: Output
             }], recordsSelectedChange: [{
                 type: Output
             }] } });
@@ -30753,6 +31141,7 @@ class ResultsTableContainerComponent {
         this.selectionService = selectionService;
         this.recordsRepository = recordsRepository;
         this.recordClick = new EventEmitter();
+        this.duplicateRecord = new EventEmitter();
         this.records$ = this.searchFacade.results$;
         this.selectedRecords$ = this.selectionService.selectedRecordsIdentifiers$;
         this.sortBy$ = this.searchFacade.sortBy$;
@@ -30761,6 +31150,9 @@ class ResultsTableContainerComponent {
     handleRecordClick(item) {
         this.recordClick.emit(item);
     }
+    handleDuplicateRecord(item) {
+        this.duplicateRecord.emit(item);
+    }
     handleSortByChange(col, order) {
         this.searchService.setSortBy([order, col]);
     }
@@ -30773,13 +31165,15 @@ class ResultsTableContainerComponent {
         }
     }
     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"] }] }); }
+    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  [recordHasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($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", "duplicateRecord", "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" }]
+            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  (duplicateRecord)=\"handleDuplicateRecord($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: [{
                 type: Output
+            }], duplicateRecord: [{
+                type: Output
             }] } });
 
 class AddLayerRecordPreviewComponent extends RecordPreviewComponent {
@@ -31079,7 +31473,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$6.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$6.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,
@@ -31821,7 +32215,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$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$7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2$7.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -34120,7 +34514,7 @@ class DataViewShareComponent {
         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", 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$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", inputs: ["viewType"] }, { kind: "component", type: DataViewWebComponentComponent, selector: "gn-ui-data-view-web-component", inputs: ["viewType"] }], 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$6.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$6.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$6.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,
@@ -34222,75 +34616,159 @@ 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: marker('editor.record.form.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: marker('editor.record.form.abstract'),
-            type: 'rich',
-        },
+};
+const RECORD_KEYWORDS_FIELD = {
+    model: 'keywords',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.keywords'),
     },
-    {
-        model: 'uniqueIdentifier',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.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: marker('editor.record.form.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'),
     },
-];
+};
+/************************************************************
+ ***************          SECTIONS          *****************
+ ************************************************************
+ */
+const TITLE_SECTION = {
+    hidden: false,
+    fields: [RECORD_TITLE_FIELD, RECORD_ABSTRACT_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 = {
@@ -34300,7 +34778,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,
@@ -34330,6 +34809,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);
@@ -34342,11 +34824,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() {
@@ -34359,8 +34851,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 }));
@@ -34371,6 +34865,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 }); }
 }
@@ -34398,12 +34895,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],
                 });
             }
@@ -34440,7 +34938,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,
@@ -35393,7 +35891,7 @@ class FormFieldComponent {
         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.ɵ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=\"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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -35416,7 +35914,7 @@ 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" }]
+                    ], 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=\"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: [{
                 type: Input
             }], config: [{
@@ -35433,23 +35931,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';
@@ -35832,5 +36332,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, BaseConverter, 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, MetadataMapperContext, 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