geonetwork-ui 2.4.0-dev.cec60ff1 → 2.4.0-dev.db93b4c4

package/fesm2022/geonetwork-ui.mjs

@@ -2176,6 +2176,7 @@ const mapKeywords = (thesauri, language) => {
             keywords.push({
                 label: selectTranslatedValue(keyword, language),
                 type: getKeywordTypeFromKeywordTypeCode(rawThesaurus.theme),
+                ...(keyword.link && { key: keyword.link }),
                 ...(thesaurus && { thesaurus }),
             });
         }
@@ -17472,38 +17473,70 @@ var de = {
 	"downloads.format.unknown": "unbekannt",
 	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
-	"editor.record.form.keywords": "Schlagwörter",
+	"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",
-	"editor.record.form.license.cc-by": "",
-	"editor.record.form.license.cc-by-sa": "",
-	"editor.record.form.license.cc-zero": "",
-	"editor.record.form.license.etalab": "",
-	"editor.record.form.license.etalab-v2": "",
-	"editor.record.form.license.odbl": "",
-	"editor.record.form.license.odc-by": "",
-	"editor.record.form.license.pddl": "",
+	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
+	"editor.record.form.license.cc-by-sa": "Creative Commons CC-BY-SA",
+	"editor.record.form.license.cc-zero": "Creative Commons CC-0",
+	"editor.record.form.license.etalab": "Offene Lizenz (Etalab)",
+	"editor.record.form.license.etalab-v2": "Offene Lizenz v2.0 (Etalab)",
+	"editor.record.form.license.odbl": "Open Data Commons ODbL",
+	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
+	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "Unbekannt oder nicht vorhanden",
-	"editor.record.form.resourceUpdated": "",
-	"editor.record.form.temporalExtents": "",
-	"editor.record.form.temporalExtents.addDate": "",
-	"editor.record.form.temporalExtents.addRange": "",
-	"editor.record.form.temporalExtents.date": "",
-	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency": "",
-	"editor.record.form.updateFrequency.planned": "",
-	"editor.record.loadError.body": "",
-	"editor.record.loadError.closeMessage": "",
-	"editor.record.loadError.title": "",
-	"editor.record.publish": "",
-	"editor.record.publishError.body": "",
-	"editor.record.publishError.closeMessage": "",
-	"editor.record.publishError.title": "",
-	"editor.record.publishSuccess.body": "",
-	"editor.record.publishSuccess.title": "",
-	"editor.record.saveStatus.asDraftOnly": "",
-	"editor.record.saveStatus.draftWithChangesPending": "",
-	"editor.record.saveStatus.recordUpToDate": "",
-	"editor.record.upToDate": "",
+	"editor.record.form.page.accessAndContact": "",
+	"editor.record.form.page.description": "",
+	"editor.record.form.page.ressources": "",
+	"editor.record.form.section.about.description": "",
+	"editor.record.form.section.about.label": "",
+	"editor.record.form.section.annexes.label": "",
+	"editor.record.form.section.associatedResources.description": "",
+	"editor.record.form.section.associatedResources.label": "",
+	"editor.record.form.section.classification.description": "",
+	"editor.record.form.section.classification.label": "",
+	"editor.record.form.section.dataManagers.description": "",
+	"editor.record.form.section.dataManagers.label": "",
+	"editor.record.form.section.dataPointOfContact.description": "",
+	"editor.record.form.section.dataPointOfContact.label": "",
+	"editor.record.form.section.geographicalCoverage.label": "",
+	"editor.record.form.section.useAndAccessConditions.label": "",
+	"editor.record.form.metadata.title": "Metadaten-Titel",
+	"editor.record.form.record.updated": "Datensatz zuletzt aktualisiert",
+	"editor.record.form.resourceUpdated": "Letztes Aktualisierungsdatum",
+	"editor.record.form.temporalExtents": "Zeitlicher Umfang",
+	"editor.record.form.temporalExtents.addDate": "Zeitpunkt",
+	"editor.record.form.temporalExtents.addRange": "Zeitraum",
+	"editor.record.form.temporalExtents.date": "Datum",
+	"editor.record.form.temporalExtents.range": "Datumsbereich",
+	"editor.record.form.unique.identifier": "Eindeutige Kennung (ID)",
+	"editor.record.form.updateFrequency": "Aktualisierungshäufigkeit",
+	"editor.record.form.updateFrequency.planned": "Die Daten sollten regelmäßig aktualisiert werden.",
+	"editor.record.loadError.body": "Der Datensatz konnte nicht geladen werden:",
+	"editor.record.loadError.closeMessage": "Verstanden",
+	"editor.record.loadError.title": "Fehler beim Laden des Datensatzes",
+	"editor.record.publish": "Diesen Datensatz veröffentlichen",
+	"editor.record.publishError.body": "Der Datensatz konnte nicht veröffentlicht werden:",
+	"editor.record.publishError.closeMessage": "Verstanden",
+	"editor.record.publishError.title": "Fehler beim Veröffentlichen des Datensatzes",
+	"editor.record.publishSuccess.body": "Der Datensatz wurde erfolgreich veröffentlicht!",
+	"editor.record.publishSuccess.title": "Veröffentlichung erfolgreich",
+	"editor.record.saveStatus.asDraftOnly": "Nur als Entwurf gespeichert - noch nicht veröffentlicht",
+	"editor.record.saveStatus.draftWithChangesPending": "Als Entwurf gespeichert - Änderungen stehen aus",
+	"editor.record.saveStatus.recordUpToDate": "Datensatz ist auf dem neuesten Stand",
+	"editor.record.upToDate": "Dieser Datensatz ist auf dem neuesten Stand",
 	"externalviewer.dataset.unnamed": "Datensatz aus dem Datahub",
 	"facets.block.title.OrgForResource": "Organisation",
 	"facets.block.title.availableInServices": "Verfügbar für",
@@ -17903,6 +17936,19 @@ 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",
 	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
@@ -17914,12 +17960,31 @@ 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",
 	"editor.record.form.temporalExtents": "Temporal extent",
 	"editor.record.form.temporalExtents.addDate": "Time instant",
 	"editor.record.form.temporalExtents.addRange": "Time period",
 	"editor.record.form.temporalExtents.date": "Date",
 	"editor.record.form.temporalExtents.range": "Date range",
+	"editor.record.form.unique.identifier": "Unique identifier",
 	"editor.record.form.updateFrequency": "Update frequency",
 	"editor.record.form.updateFrequency.planned": "The data should be updated regularly.",
 	"editor.record.loadError.body": "The record could not be loaded:",
@@ -18003,8 +18068,8 @@ var en = {
 	"organisations.sortBy.nameDesc": "Name Z → A",
 	"organisations.sortBy.recordCountAsc": "Publications 0 → 9",
 	"organisations.sortBy.recordCountDesc": "Publications 9 → 0",
-	"organization.details.lastPublishedDatasets": "Last published datasets",
-	"organization.details.lastPublishedDatasets.searchAllButton": "Search all",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "Contact by email",
 	"organization.header.recordCount": "{count, plural, =0{data} one{data} other{datas}}",
 	"pagination.nextPage": "Next page",
@@ -18334,6 +18399,19 @@ 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": "",
 	"editor.record.form.license.cc-by": "",
@@ -18345,12 +18423,31 @@ 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": "",
 	"editor.record.form.temporalExtents": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
+	"editor.record.form.unique.identifier": "",
 	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
@@ -18765,7 +18862,20 @@ 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.keywords": "Mots-clés",
+	"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",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
@@ -18776,12 +18886,31 @@ 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",
 	"editor.record.form.temporalExtents": "Étendue temporelle",
 	"editor.record.form.temporalExtents.addDate": "Date déterminée",
 	"editor.record.form.temporalExtents.addRange": "Période de temps",
 	"editor.record.form.temporalExtents.date": "Date concernée",
 	"editor.record.form.temporalExtents.range": "Période concernée",
+	"editor.record.form.unique.identifier": "",
 	"editor.record.form.updateFrequency": "Fréquence de mise à jour",
 	"editor.record.form.updateFrequency.planned": "Ces données doivent être mise à jour régulièrement.",
 	"editor.record.loadError.body": "",
@@ -18865,8 +18994,8 @@ var fr = {
 	"organisations.sortBy.nameDesc": "Nom Z → A",
 	"organisations.sortBy.recordCountAsc": "Données 0 → 9",
 	"organisations.sortBy.recordCountDesc": "Données 9 → 0",
-	"organization.details.lastPublishedDatasets": "Dernières données publiées",
-	"organization.details.lastPublishedDatasets.searchAllButton": "Rechercher tous",
+	"organization.details.lastPublishedDatasets": "",
+	"organization.details.lastPublishedDatasets.searchAllButton": "",
 	"organization.details.mailContact": "Contacter par mail",
 	"organization.header.recordCount": "{count, plural, =0{donnée} one{donnée} other{données}}",
 	"pagination.nextPage": "Page suivante",
@@ -19196,6 +19325,19 @@ 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",
 	"editor.record.form.license.cc-by": "",
@@ -19207,12 +19349,31 @@ 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": "",
 	"editor.record.form.temporalExtents": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
+	"editor.record.form.unique.identifier": "",
 	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
@@ -19627,6 +19788,19 @@ 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": "",
 	"editor.record.form.license.cc-by": "",
@@ -19638,12 +19812,31 @@ 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": "",
 	"editor.record.form.temporalExtents": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
+	"editor.record.form.unique.identifier": "",
 	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
@@ -20058,6 +20251,19 @@ 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": "",
 	"editor.record.form.license.cc-by": "",
@@ -20069,12 +20275,31 @@ 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": "",
 	"editor.record.form.temporalExtents": "",
 	"editor.record.form.temporalExtents.addDate": "",
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
+	"editor.record.form.unique.identifier": "",
 	"editor.record.form.updateFrequency": "",
 	"editor.record.form.updateFrequency.planned": "",
 	"editor.record.loadError.body": "",
@@ -27029,11 +27254,11 @@ class ApiCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApiCardComponent, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden\"\n  [ngClass]=\"{ 'cursor-pointer': displayApiFormButton }\"\n  (click)=\"openRecordApiFormPanel()\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <gn-ui-copy-text-button\n        *ngIf=\"!displayApiFormButton\"\n        [text]=\"link.url.toString()\"\n        [tooltipText]=\"'tooltip.url.copy' | translate\"\n        [displayText]=\"false\"\n      ></gn-ui-copy-text-button>\n      <button\n        *ngIf=\"displayApiFormButton\"\n        type=\"button\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText\n        }\"\n        mat-raised-button\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon\n          class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive\n          }\"\n          >more_horiz</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApiCardComponent, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden cursor-default\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <gn-ui-copy-text-button\n          [text]=\"link.url\"\n          [tooltipText]=\"'tooltip.url.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <button\n          *ngIf=\"displayApiFormButton\"\n          type=\"button\"\n          [ngClass]=\"{\n            'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n              displayText\n          }\"\n          mat-raised-button\n          [matTooltip]=\"\n            !currentlyActive\n              ? ('record.metadata.api.form.openForm' | translate)\n              : ('record.metadata.api.form.closeForm' | translate)\n          \"\n          matTooltipPosition=\"above\"\n          (click)=\"openRecordApiFormPanel()\"\n        >\n          <mat-icon\n            class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n            [ngClass]=\"{\n              'text-secondary opacity-100': currentlyActive\n            }\"\n            >more_horiz</mat-icon\n          >\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApiCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-api-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden\"\n  [ngClass]=\"{ 'cursor-pointer': displayApiFormButton }\"\n  (click)=\"openRecordApiFormPanel()\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <gn-ui-copy-text-button\n        *ngIf=\"!displayApiFormButton\"\n        [text]=\"link.url.toString()\"\n        [tooltipText]=\"'tooltip.url.copy' | translate\"\n        [displayText]=\"false\"\n      ></gn-ui-copy-text-button>\n      <button\n        *ngIf=\"displayApiFormButton\"\n        type=\"button\"\n        [ngClass]=\"{\n          'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n            displayText\n        }\"\n        mat-raised-button\n        [matTooltip]=\"\n          !currentlyActive\n            ? ('record.metadata.api.form.openForm' | translate)\n            : ('record.metadata.api.form.closeForm' | translate)\n        \"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon\n          class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n          [ngClass]=\"{\n            'text-secondary opacity-100': currentlyActive\n          }\"\n          >more_horiz</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-api-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"group flex flex-col justify-between h-40 pt-5 pb-6 px-7 rounded filter overflow-hidden cursor-default\"\n>\n  <div\n    class=\"font-title font-medium text-21 text-black text-ellipsis overflow-hidden break-words pb-5 h-[4.5rem]\"\n  >\n    {{ link.name || link.description }}\n  </div>\n  <div class=\"\">\n    <div class=\"flex flex-row justify-between\">\n      <span\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <gn-ui-copy-text-button\n          [text]=\"link.url\"\n          [tooltipText]=\"'tooltip.url.copy' | translate\"\n          [displayText]=\"false\"\n        ></gn-ui-copy-text-button>\n        <button\n          *ngIf=\"displayApiFormButton\"\n          type=\"button\"\n          [ngClass]=\"{\n            'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n              displayText\n          }\"\n          mat-raised-button\n          [matTooltip]=\"\n            !currentlyActive\n              ? ('record.metadata.api.form.openForm' | translate)\n              : ('record.metadata.api.form.closeForm' | translate)\n          \"\n          matTooltipPosition=\"above\"\n          (click)=\"openRecordApiFormPanel()\"\n        >\n          <mat-icon\n            class=\"material-symbols-outlined pointer-events-none align-middle card-icon\"\n            [ngClass]=\"{\n              'text-secondary opacity-100': currentlyActive\n            }\"\n            >more_horiz</mat-icon\n          >\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], currentLink: [{
@@ -33939,37 +34164,54 @@ const GN_UI_VERSION = new InjectionToken('gnUiVersion');
 
 const WEB_COMPONENT_EMBEDDER_URL = new InjectionToken('webComponentEmbedderUrl');
 class DataViewPermalinkComponent {
+    set viewType(value) {
+        this.viewType$.next(value);
+    }
     constructor(config, wcEmbedderBaseUrl, version, facade) {
         this.config = config;
         this.wcEmbedderBaseUrl = wcEmbedderBaseUrl;
         this.version = version;
         this.facade = facade;
+        this.viewType$ = new BehaviorSubject('map');
         this.permalinkUrl$ = combineLatest([
+            this.viewType$,
             this.facade.chartConfig$,
             this.facade.metadata$,
-        ]).pipe(map$2(([config, metadata]) => {
-            if (config) {
-                const { aggregation, xProperty, yProperty, chartType } = config;
-                const url = new URL(`${this.wcEmbedderBaseUrl}`, window.location.origin);
-                url.searchParams.set('v', `${this.version}`);
-                url.searchParams.append('e', `gn-dataset-view-chart`);
-                url.searchParams.append('a', `api-url=${this.config.basePath}`);
-                url.searchParams.append('a', `dataset-id=${metadata.uniqueIdentifier}`);
-                url.searchParams.append('a', `primary-color=#0f4395`);
-                url.searchParams.append('a', `secondary-color=#8bc832`);
-                url.searchParams.append('a', `main-color=#555`);
-                url.searchParams.append('a', `background-color=#fdfbff`);
-                url.searchParams.append('a', `aggregation=${aggregation}`);
-                url.searchParams.append('a', `x-property=${xProperty}`);
-                url.searchParams.append('a', `y-property=${yProperty}`);
-                url.searchParams.append('a', `chart-type=${chartType}`);
-                return url.toString();
+        ]).pipe(map$2(([viewType, config, metadata]) => {
+            const url = new URL(`${this.wcEmbedderBaseUrl}`, window.location.origin);
+            url.searchParams.set('v', `${this.version}`);
+            if (viewType === 'chart') {
+                if (config) {
+                    const { aggregation, xProperty, yProperty, chartType } = config;
+                    url.searchParams.append('e', `gn-dataset-view-chart`);
+                    url.searchParams.append('a', `aggregation=${aggregation}`);
+                    url.searchParams.append('a', `x-property=${xProperty}`);
+                    url.searchParams.append('a', `y-property=${yProperty}`);
+                    url.searchParams.append('a', `chart-type=${chartType}`);
+                }
+                else {
+                    return '';
+                }
             }
-            return '';
+            else if (viewType === 'table') {
+                // table
+                url.searchParams.append('e', `gn-dataset-view-table`);
+            }
+            else {
+                // map
+                url.searchParams.append('e', `gn-dataset-view-map`);
+            }
+            url.searchParams.append('a', `api-url=${this.config.basePath}`);
+            url.searchParams.append('a', `dataset-id=${metadata.uniqueIdentifier}`);
+            url.searchParams.append('a', `primary-color=#0f4395`);
+            url.searchParams.append('a', `secondary-color=#8bc832`);
+            url.searchParams.append('a', `main-color=#555`);
+            url.searchParams.append('a', `background-color=#fdfbff`);
+            return url.toString();
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewPermalinkComponent, deps: [{ token: Configuration }, { token: WEB_COMPONENT_EMBEDDER_URL, optional: true }, { token: GN_UI_VERSION }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewPermalinkComponent, selector: "gn-ui-data-view-permalink", ngImport: i0, template: "<gn-ui-copy-text-button\n  *ngIf=\"wcEmbedderBaseUrl\"\n  [text]=\"permalinkUrl$ | async\"\n  [tooltipText]=\"'tooltip.url.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewPermalinkComponent, selector: "gn-ui-data-view-permalink", inputs: { viewType: "viewType" }, ngImport: i0, template: "<gn-ui-copy-text-button\n  *ngIf=\"wcEmbedderBaseUrl\"\n  [text]=\"permalinkUrl$ | async\"\n  [tooltipText]=\"'tooltip.url.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewPermalinkComponent, decorators: [{
             type: Component,
@@ -33985,37 +34227,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [GN_UI_VERSION]
-                }] }, { type: MdViewFacade }]; } });
+                }] }, { type: MdViewFacade }]; }, propDecorators: { viewType: [{
+                type: Input
+            }] } });
 
 class DataViewWebComponentComponent {
+    set viewType(value) {
+        this.viewType$.next(value);
+    }
     constructor(config, version, facade) {
         this.config = config;
         this.version = version;
         this.facade = facade;
-        this.webComponentHtml$ = combineLatest(this.facade.chartConfig$, this.facade.metadata$).pipe(map$2(([config, metadata]) => {
-            if (config) {
-                const { aggregation, xProperty, yProperty, chartType } = config;
+        this.viewType$ = new BehaviorSubject('map');
+        this.webComponentHtml$ = combineLatest(this.viewType$, this.facade.chartConfig$, this.facade.metadata$).pipe(map$2(([viewType, config, metadata]) => {
+            if (viewType === 'chart') {
+                if (config) {
+                    const { aggregation, xProperty, yProperty, chartType } = config;
+                    return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+  <gn-dataset-view-chart
+          api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
+          dataset-id="${metadata.uniqueIdentifier}"
+          aggregation="${aggregation}"
+          x-property="${xProperty}"
+          y-property="${yProperty}"
+          chart-type="${chartType}"
+          primary-color="#0f4395"
+          secondary-color="#8bc832"
+          main-color="#555"
+          background-color="#fdfbff"
+          main-font="'Inter', sans-serif"
+          title-font="'DM Serif Display', serif"
+  ></gn-dataset-view-chart>`;
+                }
+                return '';
+            }
+            else if (viewType === 'table') {
+                return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
+  <gn-dataset-view-table
+          api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
+          dataset-id="${metadata.uniqueIdentifier}"
+          primary-color="#0f4395"
+          secondary-color="#8bc832"
+          main-color="#555"
+          background-color="#fdfbff"
+          main-font="'Inter', sans-serif"
+          title-font="'DM Serif Display', serif"
+  ></gn-dataset-view-table>`;
+            }
+            else {
                 return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${this.version}/gn-wc.js"></script>
-<gn-dataset-view-chart
+<gn-dataset-view-map
         api-url="${new URL(this.config.basePath, window.location.origin).toString()}"
         dataset-id="${metadata.uniqueIdentifier}"
-        aggregation="${aggregation}"
-        x-property="${xProperty}"
-        y-property="${yProperty}"
-        chart-type="${chartType}"
         primary-color="#0f4395"
         secondary-color="#8bc832"
         main-color="#555"
         background-color="#fdfbff"
         main-font="'Inter', sans-serif"
         title-font="'DM Serif Display', serif"
-></gn-dataset-view-chart>`;
+></gn-dataset-view-map>`;
             }
-            return '';
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewWebComponentComponent, deps: [{ token: Configuration }, { token: GN_UI_VERSION }, { token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewWebComponentComponent, selector: "gn-ui-data-view-web-component", ngImport: i0, template: "<gn-ui-copy-text-button\n  [text]=\"webComponentHtml$ | async\"\n  [rows]=\"3\"\n  [tooltipText]=\"'tooltip.html.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewWebComponentComponent, selector: "gn-ui-data-view-web-component", inputs: { viewType: "viewType" }, ngImport: i0, template: "<gn-ui-copy-text-button\n  [text]=\"webComponentHtml$ | async\"\n  [rows]=\"3\"\n  [tooltipText]=\"'tooltip.html.copy' | translate\"\n></gn-ui-copy-text-button>\n", styles: [""], dependencies: [{ kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewWebComponentComponent, decorators: [{
             type: Component,
@@ -34026,24 +34302,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [GN_UI_VERSION]
-                }] }, { type: MdViewFacade }]; } });
+                }] }, { type: MdViewFacade }]; }, propDecorators: { viewType: [{
+                type: Input
+            }] } });
 
 class DataViewShareComponent {
+    set viewType(value) {
+        this._viewType = value;
+    }
+    get viewType() {
+        return this._viewType;
+    }
     constructor(wcEmbedderBaseUrl) {
         this.wcEmbedderBaseUrl = wcEmbedderBaseUrl;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewShareComponent, deps: [{ token: WEB_COMPONENT_EMBEDDER_URL, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewShareComponent, selector: "gn-ui-data-view-share", ngImport: i0, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$5.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DataViewPermalinkComponent, selector: "gn-ui-data-view-permalink" }, { kind: "component", type: DataViewWebComponentComponent, selector: "gn-ui-data-view-web-component" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataViewShareComponent, selector: "gn-ui-data-view-share", inputs: { viewType: "viewType" }, ngImport: i0, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataViewShareComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-data-view-share', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"] }]
+            args: [{ selector: 'gn-ui-data-view-share', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-lg px-5 my-1 lg:mx-auto\">\n  <mat-tab-group\n    [selectedIndex]=\"0\"\n    animationDuration=\"0ms\"\n    mat-stretch-tabs=\"false\"\n    mat-align-tabs=\"start\"\n    [disableRipple]=\"!wcEmbedderBaseUrl\"\n  >\n    <mat-tab *ngIf=\"wcEmbedderBaseUrl\">\n      <ng-template mat-tab-label>\n        <span class=\"tab-header-label-gray\" translate>share.tab.permalink</span>\n      </ng-template>\n      <gn-ui-data-view-permalink\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-permalink>\n    </mat-tab>\n    <mat-tab>\n      <ng-template mat-tab-label>\n        <span\n          [class]=\"\n            wcEmbedderBaseUrl\n              ? 'tab-header-label-gray'\n              : 'single-tab-header-label-gray'\n          \"\n          translate\n          >share.tab.webComponent</span\n        >\n      </ng-template>\n      <gn-ui-data-view-web-component\n        [viewType]=\"viewType\"\n      ></gn-ui-data-view-web-component>\n    </mat-tab>\n  </mat-tab-group>\n</div>\n", styles: ["::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray{opacity:100%;font-weight:700}.tab-header-label-gray{@apply text-sm text-gray-700 opacity-75 hover:text-gray-900;}.single-tab-header-label-gray{@apply text-sm text-gray-900;}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [WEB_COMPONENT_EMBEDDER_URL]
-                }] }]; } });
+                }] }]; }, propDecorators: { viewType: [{
+                type: Input
+            }] } });
 
 class FeatureRecordModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureRecordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -34133,75 +34419,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: 'Metadata title',
-            type: 'text',
-        },
+/**
+ * This file contains the configuration of the fields that will be displayed in the editor.
+ * To add a new field, you need to create a new EditorField object in the fields part of this file.
+ * Then add it to the corresponding section in the sections part of this file.
+ * Finally, add the section to the corresponding page in the pages part of this file.
+ */
+/************************************************************
+ ***************           FIELDS           *****************
+ ************************************************************
+ */
+const RECORD_LICENSE_FIELD = {
+    model: 'licenses',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.license'),
     },
-    {
-        model: 'abstract',
-        formFieldConfig: {
-            labelKey: 'Abstract',
-            type: 'rich',
-        },
+};
+const RECORD_KEYWORDS_FIELD = {
+    model: 'keywords',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.keywords'),
     },
-    {
-        model: 'uniqueIdentifier',
-        formFieldConfig: {
-            labelKey: 'Unique identifier',
-            type: 'text',
-            locked: true,
-        },
+};
+const RECORD_UNIQUE_IDENTIFIER_FIELD = {
+    model: 'uniqueIdentifier',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.uniqueIdentifier'),
+        locked: true,
     },
-    {
-        model: 'recordUpdated',
-        formFieldConfig: {
-            labelKey: 'Record Updated',
-            type: 'text',
-            locked: true,
-        },
-        onSaveProcess: '${dateNow()}',
+};
+const RECORD_RESOURCE_UPDATED_FIELD = {
+    model: 'resourceUpdated',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.resourceUpdated'),
     },
-    {
-        model: 'licenses',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.license'),
-            type: 'list',
-        },
+};
+const RECORD_UPDATED_FIELD = {
+    model: 'recordUpdated',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.recordUpdated'),
+        locked: true,
     },
-    {
-        model: 'resourceUpdated',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.resourceUpdated'),
-            type: 'date',
-        },
+    onSaveProcess: '${dateNow()}',
+};
+const RECORD_UPDATE_FREQUENCY_FIELD = {
+    model: 'updateFrequency',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.updateFrequency'),
     },
-    {
-        model: 'updateFrequency',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.updateFrequency'),
-            type: 'text',
-        },
+};
+const RECORD_TEMPORAL_EXTENTS_FIELD = {
+    model: 'temporalExtents',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.temporalExtents'),
     },
-    {
-        model: 'temporalExtents',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.temporalExtents'),
-            type: 'list',
-        },
+};
+const RECORD_TITLE_FIELD = {
+    model: 'title',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.title'),
     },
-    {
-        model: 'keywords',
-        formFieldConfig: {
-            labelKey: marker('editor.record.form.keywords'),
-            type: 'list',
-        },
+};
+const RECORD_ABSTRACT_FIELD = {
+    model: 'abstract',
+    formFieldConfig: {
+        labelKey: marker('editor.record.form.field.abstract'),
     },
-];
+};
+/************************************************************
+ ***************          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 = {
@@ -34211,7 +34581,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,
@@ -34241,6 +34612,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);
@@ -34253,11 +34627,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() {
@@ -34270,8 +34654,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 }));
@@ -34282,6 +34668,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 }); }
 }
@@ -34309,12 +34698,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],
                 });
             }
@@ -34351,7 +34741,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,
@@ -35304,7 +35694,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,
@@ -35327,7 +35717,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: [{
@@ -35344,23 +35734,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';
@@ -35743,5 +36135,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BLOCK_MODEL_FIXTURE, BadgeComponent, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CONFIG_MALFORMED, CONFIG_MINIMAL, CONFIG_MISSING_MANDATORY, CONFIG_OK, CONFIG_UNRECOGNIZED_KEYS, CONFIG_WITH_TRANSLATIONS, CONFIG_WRONG_LANGUAGE_CODE, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASELAYER_CONTEXT, DEFAULT_GN4_LOGIN_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_STYLE_FIXTURE, DEFAULT_STYLE_HL_FIXTURE, DEFAULT_VIEW, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangePickerComponent, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, EMPTY_BLOCK_MODEL_FIXTURE, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FACET_ITEM_FIXTURE, FEATURE_MAP_OPTIONS, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDatavizModule, FeatureDetailComponent, FeatureEditorModule, FeatureInfoService, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageOverlayPreviewComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_CONFIG_FIXTURE, MAP_FEATURE_KEY, METADATA_LANGUAGE, MY_FORMATS, MapComponent, MapContainerComponent, MapContextComponent, MapContextLayerTypeEnum, MapContextService, MapFacade, MapInstanceDirective, MapManagerService, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataQualityComponent, MetadataQualityItemComponent, MultilingualSearchField, MyOrgService, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PatchResultsAggregations, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, TABLE_ITEM_FIXTURE, TABLE_ITEM_FIXTURE_HAB, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiCatalogModule, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiMapModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UserPreviewComponent, UtilI18nModule, UtilSharedModule, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WFS_MAX_FEATURES, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, _reset, addLayer, changeLayerOrder, checkFileFormat, clearLayerError, createFuzzyFilter, currentPage, defaultMapOptions, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, findConverterForDocument, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapLayers, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, initSearch, initialEditorState, initialMapState, initialState, isBeginningOfResults, isConfigLoaded, isEndOfResults, isFormatInQueryParam, loadAppConfig, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, mouseWheelZoomCondition, openDataset, openRecord, parse, placeholder, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readDataset, readDatasetHeaders, reducer$2 as reducer, reducerSearch, removeLayer, removeSearchParams, removeWhitespace, saveRecord, saveRecordFailure, saveRecordSuccess, selectEditorState, selectFallback, selectFallbackFields, selectField, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordFields, selectRecordFieldsConfig, selectRecordSaveError, selectRecordSaving, selectRecordSource, selectTranslatedField, selectTranslatedValue, setLayerError, sortByFromString, sortByToString, sortByToStrings, stripHtml, toDate, totalPages, updateLayer, updateRecordField };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BLOCK_MODEL_FIXTURE, BadgeComponent, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CONFIG_MALFORMED, CONFIG_MINIMAL, CONFIG_MISSING_MANDATORY, CONFIG_OK, CONFIG_UNRECOGNIZED_KEYS, CONFIG_WITH_TRANSLATIONS, CONFIG_WRONG_LANGUAGE_CODE, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, 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, 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