geonetwork-ui 2.4.1-dev.e5315d8c8 → 2.4.2-dev.096cd6eb9

package/fesm2022/geonetwork-ui.mjs

@@ -26,7 +26,7 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import EmblaCarousel from 'embla-carousel';
 import * as i2$3 from '@ng-icons/core';
 import { provideIcons, NgIcon, NgIconComponent, provideNgIconsConfig, NgIconsModule } from '@ng-icons/core';
-import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment } from '@ng-icons/iconoir';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
 import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowForward, matArrowBack, matCheck, matWarningAmber, matMoreHoriz, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i1$3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -1114,12 +1114,11 @@ function extractDatasetOnlineResources(getMimeTypeFn) {
             ...descriptionTranslations,
         };
         if (isService) {
-            const hasIdentifier = protocol === 'wms' || protocol === 'wfs';
             return {
                 type: 'service',
                 url: url,
                 accessServiceProtocol: protocol,
-                ...(name && hasIdentifier && { identifierInService: name }),
+                ...(name && { identifierInService: name }), // should we keep the identifierInService? read-write duplicate with name
                 ...(name && { name }),
                 ...(description && { description }),
                 translations,
@@ -1542,6 +1541,8 @@ function getRoleCode(role) {
 }
 function getServiceDistributionProtocol(distribution) {
     switch (distribution.accessServiceProtocol.toLowerCase()) {
+        case 'ogcfeatures':
+            return 'OGC API Features';
         case 'wfs':
             return 'OGC:WFS';
         case 'wms':
@@ -1718,6 +1719,7 @@ function appendOnlineResource(onlineResource, appendFormatFn, translations, defa
     let functionCode;
     let protocol;
     if (onlineResource.type === 'service') {
+        // should we keep the identifierInService? read-write duplicate with name
         name = onlineResource.identifierInService; // this is for GeoNetwork to know the layer name
         functionCode = 'download';
         protocol = getServiceDistributionProtocol(onlineResource);
@@ -18624,7 +18626,8 @@ var de = {
 	"dashboard.createRecord": "Neuer Eintrag",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
-	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.importExternal.subtitle": "",
+	"dashboard.importRecord.importExternal.title": "",
 	"dashboard.labels.catalog": "Katalog",
 	"dashboard.labels.mySpace": "Mein Bereich",
 	"dashboard.records.all": "Metadatenkatalog",
@@ -18793,8 +18796,7 @@ var de = {
 	"downloads.format.unknown": "unbekannt",
 	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
-	"editor.form.keywords.placeholder": "",
-	"editor.form.placeKeywordWithoutExtent": "",
+	"editor.new.record.title": "",
 	"editor.record.delete.confirmation.cancelText": "Stornieren",
 	"editor.record.delete.confirmation.confirmText": "Löschen",
 	"editor.record.delete.confirmation.message": "Sind Sie sicher, dass Sie diesen Datensatz löschen möchten?",
@@ -18827,7 +18829,9 @@ var de = {
 	"editor.record.form.field.abstract": "Kurzbeschreibung",
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
+	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
+	"editor.record.form.field.contactsForResource.placeholder": "",
 	"editor.record.form.field.keywords": "Schlagwörter",
 	"editor.record.form.field.legalConstraints": "Rechtliche Einschränkung",
 	"editor.record.form.field.license": "Lizenz",
@@ -18836,12 +18840,12 @@ var de = {
 	"editor.record.form.field.onlineResource.confirm": "",
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
-	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.identifier.error": "Schichten konnten nicht vom Protokoll abgerufen werden",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Ebenenname",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Prozessname",
 	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Wählen Sie eine Ebene",
 	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link zum Dienst",
+	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -18861,6 +18865,9 @@ var de = {
 	"editor.record.form.field.title.placeholder": "Geben Sie einen Titel ein",
 	"editor.record.form.field.uniqueIdentifier": "Eindeutige Kennung (ID)",
 	"editor.record.form.field.updateFrequency": "Aktualisierungshäufigkeit",
+	"editor.record.form.keywords.place.placeholder": "",
+	"editor.record.form.keywords.place.withoutExtent": "",
+	"editor.record.form.keywords.placeholder": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -18872,7 +18879,7 @@ var de = {
 	"editor.record.form.license.unknown": "",
 	"editor.record.form.page.accessAndContact": "",
 	"editor.record.form.page.description": "",
-	"editor.record.form.page.ressources": "",
+	"editor.record.form.page.resources": "",
 	"editor.record.form.section.about.description": "",
 	"editor.record.form.section.about.label": "",
 	"editor.record.form.section.annexes.description": "",
@@ -19018,6 +19025,7 @@ var de = {
 	"record.action.delete": "Löschen",
 	"record.action.download": "Herunterladen",
 	"record.action.duplicate": "",
+	"record.action.duplicating": "",
 	"record.action.view": "Anzeigen",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.feature.limit": "Die Ressource enthält mehr als {count} Features und kann hier nicht angezeigt werden.",
@@ -19048,6 +19056,8 @@ var de = {
 	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "Zurücksetzen",
 	"record.metadata.api.form.resetTooltip": "",
+	"record.metadata.api.form.title": "Benutzerdefinierte URL generieren",
+	"record.metadata.api.form.title.gpf": "",
 	"record.metadata.api.form.type": "Ausgabeformat",
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
@@ -19116,6 +19126,7 @@ var de = {
 	"record.tab.chart": "Diagramm",
 	"record.tab.data": "Tabelle",
 	"record.tab.map": "Karte",
+	"record.was.created.time": "erstellte diesen Datensatz {time}",
 	records: records$6,
 	"results.layout.selectOne": "Layout auswählen",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Kein Datensatz.} one{1 Datensatz} other{{displayed} Datensätze }} {hits, plural, other{angezeigt von {hits} insgesamt.}}",
@@ -19225,7 +19236,8 @@ var en = {
 	"dashboard.createRecord": "New dataset",
 	"dashboard.importRecord": "Import",
 	"dashboard.importRecord.importExternal": "Import an external file",
-	"dashboard.importRecord.importExternalLabel": "External file URL",
+	"dashboard.importRecord.importExternal.subtitle": "(link to an XML file)",
+	"dashboard.importRecord.importExternal.title": "External file URL",
 	"dashboard.labels.catalog": "Catalog",
 	"dashboard.labels.mySpace": "My space",
 	"dashboard.records.all": "Datasets",
@@ -19394,8 +19406,7 @@ var en = {
 	"downloads.format.unknown": "Unknown",
 	"downloads.wfs.featuretype.not.found": "The layer was not found",
 	dropFile: dropFile$5,
-	"editor.form.keywords.placeholder": "Select a keyword",
-	"editor.form.placeKeywordWithoutExtent": "This keyword is not associated with any geographical extent",
+	"editor.new.record.title": "My dataset",
 	"editor.record.delete.confirmation.cancelText": "Cancel",
 	"editor.record.delete.confirmation.confirmText": "Delete",
 	"editor.record.delete.confirmation.message": "Are you sure you want to delete this dataset?",
@@ -19420,15 +19431,17 @@ var en = {
 	"editor.record.form.constraint.header.securityConstraints": "Applicable security conditions",
 	"editor.record.form.constraint.legalConstraints": "Legal constraints",
 	"editor.record.form.constraint.markdown.placeholder": "Your text here",
-	"editor.record.form.constraint.not.applicable": "No conditions apply.",
-	"editor.record.form.constraint.not.known": "The conditions are unknown.",
+	"editor.record.form.constraint.not.applicable": "No conditions apply",
+	"editor.record.form.constraint.not.known": "The conditions are unknown",
 	"editor.record.form.constraint.otherConstraints": "Other constraints",
 	"editor.record.form.constraint.securityConstraints": "Security constraints",
 	"editor.record.form.draft.updateAlert": "Since you created this draft, the dataset has been updated on { date } by { user }. Publishing your draft might erase their edits. To avoid this, you need to either cancel your changes or knowingly publish your own version.",
 	"editor.record.form.field.abstract": "Abstract",
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "Please provide at least one point of contact.",
+	"editor.record.form.field.contacts.placeholder": "Choose a contact",
 	"editor.record.form.field.contactsForResource.noContact": "Please provide at least one point of contact responsible for the data.",
+	"editor.record.form.field.contactsForResource.placeholder": "Choose a contact",
 	"editor.record.form.field.keywords": "Keywords",
 	"editor.record.form.field.legalConstraints": "Legal constraint",
 	"editor.record.form.field.license": "License",
@@ -19437,12 +19450,12 @@ var en = {
 	"editor.record.form.field.onlineResource.confirm": "Confirm",
 	"editor.record.form.field.onlineResource.dialogTitle": "Modify the dataset preview",
 	"editor.record.form.field.onlineResource.edit.description": "Description",
-	"editor.record.form.field.onlineResource.edit.protocol": "Protocol",
 	"editor.record.form.field.onlineResource.edit.identifier.error": "Unable to retrieve layers from protocol",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Layer name",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Process name",
 	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Select a layer",
 	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link to the service",
+	"editor.record.form.field.onlineResource.edit.protocol": "Protocol",
 	"editor.record.form.field.onlineResource.edit.title": "Title",
 	"editor.record.form.field.onlineResource.fileSize": "{sizeMB}MB",
 	"editor.record.form.field.onlineResource.modify": "Modify",
@@ -19450,7 +19463,7 @@ var en = {
 	"editor.record.form.field.onlineResource.toggle.service": "Link to a service",
 	"editor.record.form.field.onlineResources": "Distribution",
 	"editor.record.form.field.otherConstraints": "Other constraint",
-	"editor.record.form.field.overviews": "Overviews",
+	"editor.record.form.field.overviews": "Overview",
 	"editor.record.form.field.recordUpdated": "Record updated",
 	"editor.record.form.field.resourceCreated": "Dataset created",
 	"editor.record.form.field.resourceIdentifier": "Identifier",
@@ -19462,6 +19475,9 @@ var en = {
 	"editor.record.form.field.title.placeholder": "Enter a title",
 	"editor.record.form.field.uniqueIdentifier": "Unique identifier",
 	"editor.record.form.field.updateFrequency": "Update frequency",
+	"editor.record.form.keywords.place.placeholder": "Search for place keywords",
+	"editor.record.form.keywords.place.withoutExtent": "This keyword is not associated with any geographical extent",
+	"editor.record.form.keywords.placeholder": "Select a keyword",
 	"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",
@@ -19473,26 +19489,26 @@ var en = {
 	"editor.record.form.license.unknown": "Unknown or absent",
 	"editor.record.form.page.accessAndContact": "Information for use",
 	"editor.record.form.page.description": "Dataset description",
-	"editor.record.form.page.ressources": "Resources",
-	"editor.record.form.section.about.description": "This section describes the dataset.",
+	"editor.record.form.page.resources": "Resources",
+	"editor.record.form.section.about.description": "This section describes the dataset",
 	"editor.record.form.section.about.label": "About the dataset",
 	"editor.record.form.section.annexes.description": "Annexes are optional resources. They are attached to the dataset, and help understand the data (manual, etc.).",
 	"editor.record.form.section.annexes.label": "Annexes",
-	"editor.record.form.section.associatedResources.description": "Point out where the data can be found.",
+	"editor.record.form.section.associatedResources.description": "Point out where the data can be found",
 	"editor.record.form.section.associatedResources.label": "Associated resources",
-	"editor.record.form.section.classification.description": "Appropriate keywords help users find the dataset.",
+	"editor.record.form.section.classification.description": "Appropriate keywords help users find the dataset",
 	"editor.record.form.section.classification.label": "Keywords",
-	"editor.record.form.section.dataManagers.description": "The data managers are responsible for the data.",
+	"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.geographicalCoverage.label": "Geographical coverage",
-	"editor.record.form.section.metadataPointOfContact.description": "This information concerns the metadata.",
+	"editor.record.form.section.metadataPointOfContact.description": "This information concerns the metadata",
 	"editor.record.form.section.metadataPointOfContact.label": "Metadata point of contact",
 	"editor.record.form.section.useAndAccessConditions.label": "Use and access conditions",
 	"editor.record.form.temporalExtents.addDate": "Time instant",
 	"editor.record.form.temporalExtents.addRange": "Time period",
 	"editor.record.form.temporalExtents.date": "Date",
 	"editor.record.form.temporalExtents.range": "Date range",
-	"editor.record.form.updateFrequency.planned": "This dataset is updated regularly.",
+	"editor.record.form.updateFrequency.planned": "This dataset is updated regularly",
 	"editor.record.importFromExternalFile.failure.body": "Failure",
 	"editor.record.importFromExternalFile.failure.title": "The dataset import failed: ",
 	"editor.record.importFromExternalFile.success.body": "Import successful",
@@ -19619,6 +19635,7 @@ var en = {
 	"record.action.delete": "Delete",
 	"record.action.download": "Download",
 	"record.action.duplicate": "Duplicate",
+	"record.action.duplicating": "Duplicating...",
 	"record.action.view": "View",
 	"record.externalViewer.open": "Open in the external map viewer",
 	"record.feature.limit": "The resource contains more than {count} features and cannot be displayed here.",
@@ -19649,6 +19666,8 @@ var en = {
 	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "Reset",
 	"record.metadata.api.form.resetTooltip": "Reset all filters",
+	"record.metadata.api.form.title": "Generate a custom URL",
+	"record.metadata.api.form.title.gpf": "Download data",
 	"record.metadata.api.form.type": "Output format",
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Dropdown for selecting a geographic zone",
@@ -19717,6 +19736,7 @@ var en = {
 	"record.tab.chart": "Chart",
 	"record.tab.data": "Table",
 	"record.tab.map": "Map",
+	"record.was.created.time": "created this dataset {time}",
 	records: records$5,
 	"results.layout.selectOne": "Results layout",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{No dataset.} one{1 } other{{displayed} }} {hits, plural, other{displayed on {hits} total.}}",
@@ -19826,7 +19846,8 @@ var es = {
 	"dashboard.createRecord": "",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
-	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.importExternal.subtitle": "",
+	"dashboard.importRecord.importExternal.title": "",
 	"dashboard.labels.catalog": "Catálogo",
 	"dashboard.labels.mySpace": "Mi espacio",
 	"dashboard.records.all": "Catálogo",
@@ -19995,8 +20016,7 @@ var es = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$4,
-	"editor.form.keywords.placeholder": "",
-	"editor.form.placeKeywordWithoutExtent": "",
+	"editor.new.record.title": "",
 	"editor.record.delete.confirmation.cancelText": "",
 	"editor.record.delete.confirmation.confirmText": "",
 	"editor.record.delete.confirmation.message": "",
@@ -20029,7 +20049,9 @@ var es = {
 	"editor.record.form.field.abstract": "",
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
+	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
+	"editor.record.form.field.contactsForResource.placeholder": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.legalConstraints": "",
 	"editor.record.form.field.license": "",
@@ -20038,12 +20060,12 @@ var es = {
 	"editor.record.form.field.onlineResource.confirm": "",
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
-	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.identifier.error": "No se pueden recuperar las capas del protocolo",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nombre de la capa",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nombre del proceso",
 	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Selecciona una capa",
 	"editor.record.form.field.onlineResource.edit.identifier.submit": "Enlace al servicio",
+	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -20063,6 +20085,9 @@ var es = {
 	"editor.record.form.field.title.placeholder": "Introduzca un título",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
+	"editor.record.form.keywords.place.placeholder": "",
+	"editor.record.form.keywords.place.withoutExtent": "",
+	"editor.record.form.keywords.placeholder": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -20074,7 +20099,7 @@ var es = {
 	"editor.record.form.license.unknown": "",
 	"editor.record.form.page.accessAndContact": "",
 	"editor.record.form.page.description": "",
-	"editor.record.form.page.ressources": "",
+	"editor.record.form.page.resources": "",
 	"editor.record.form.section.about.description": "",
 	"editor.record.form.section.about.label": "",
 	"editor.record.form.section.annexes.description": "",
@@ -20220,6 +20245,7 @@ var es = {
 	"record.action.delete": "",
 	"record.action.download": "",
 	"record.action.duplicate": "",
+	"record.action.duplicating": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
@@ -20250,6 +20276,8 @@ var es = {
 	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "",
 	"record.metadata.api.form.resetTooltip": "",
+	"record.metadata.api.form.title": "",
+	"record.metadata.api.form.title.gpf": "",
 	"record.metadata.api.form.type": "",
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
@@ -20318,6 +20346,7 @@ var es = {
 	"record.tab.chart": "",
 	"record.tab.data": "",
 	"record.tab.map": "",
+	"record.was.created.time": "",
 	records: records$4,
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
@@ -20427,7 +20456,8 @@ var fr = {
 	"dashboard.createRecord": "Nouveau jeu de données",
 	"dashboard.importRecord": "Importer",
 	"dashboard.importRecord.importExternal": "Importer un jeu de données externe",
-	"dashboard.importRecord.importExternalLabel": "URL du jeu de données externe",
+	"dashboard.importRecord.importExternal.subtitle": "(lien vers un fichier XML)",
+	"dashboard.importRecord.importExternal.title": "URL du jeu de données externe",
 	"dashboard.labels.catalog": "Catalogue",
 	"dashboard.labels.mySpace": "Mon espace",
 	"dashboard.records.all": "Jeux de données",
@@ -20596,8 +20626,7 @@ var fr = {
 	"downloads.format.unknown": "inconnu",
 	"downloads.wfs.featuretype.not.found": "La couche n'a pas été trouvée",
 	dropFile: dropFile$3,
-	"editor.form.keywords.placeholder": "Sélectionnez un mot-clé",
-	"editor.form.placeKeywordWithoutExtent": "Ce mot-clé n'a pas de localisation géographique associée",
+	"editor.new.record.title": "Mon jeu de données",
 	"editor.record.delete.confirmation.cancelText": "Annuler",
 	"editor.record.delete.confirmation.confirmText": "Supprimer",
 	"editor.record.delete.confirmation.message": "Êtes-vous sûr de vouloir supprimer ce jeu de données ?",
@@ -20622,15 +20651,17 @@ var fr = {
 	"editor.record.form.constraint.header.securityConstraints": "Conditions applicables de type sécurité",
 	"editor.record.form.constraint.legalConstraints": "Contraintes légales",
 	"editor.record.form.constraint.markdown.placeholder": "Votre texte ici",
-	"editor.record.form.constraint.not.applicable": "Aucune condition ne s’applique.",
-	"editor.record.form.constraint.not.known": "Les conditions sont inconnues.",
+	"editor.record.form.constraint.not.applicable": "Aucune condition ne s’applique",
+	"editor.record.form.constraint.not.known": "Les conditions sont inconnues",
 	"editor.record.form.constraint.otherConstraints": "Autres contraintes",
 	"editor.record.form.constraint.securityConstraints": "Contraintes de sécurité",
 	"editor.record.form.draft.updateAlert": "Depuis la création de ce brouillon, ce jeu de données a été modifié le { date } par { user }. Publier votre version peut supprimer ses modifications. Pour éviter cela, vous pouvez annuler vos changements, ou publier votre version en connaissance de cause.",
 	"editor.record.form.field.abstract": "Résumé",
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "Veuillez renseigner au moins un point de contact.",
+	"editor.record.form.field.contacts.placeholder": "Choisissez un contact",
 	"editor.record.form.field.contactsForResource.noContact": "Veuillez renseigner au moins un point de contact responsable de la donnée.",
+	"editor.record.form.field.contactsForResource.placeholder": "Choisissez un contact",
 	"editor.record.form.field.keywords": "Mots-clés",
 	"editor.record.form.field.legalConstraints": "Contrainte légale",
 	"editor.record.form.field.license": "Licence",
@@ -20639,12 +20670,12 @@ var fr = {
 	"editor.record.form.field.onlineResource.confirm": "Valider",
 	"editor.record.form.field.onlineResource.dialogTitle": "Modifier l'aperçu du jeu de données",
 	"editor.record.form.field.onlineResource.edit.description": "Description",
-	"editor.record.form.field.onlineResource.edit.protocol": "Protocole",
 	"editor.record.form.field.onlineResource.edit.identifier.error": "Impossible de récupérer les couches depuis le protocole",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nom de la couche",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nom du processus",
 	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Sélectionner une couche",
 	"editor.record.form.field.onlineResource.edit.identifier.submit": "Lier le service",
+	"editor.record.form.field.onlineResource.edit.protocol": "Protocole",
 	"editor.record.form.field.onlineResource.edit.title": "Titre",
 	"editor.record.form.field.onlineResource.fileSize": "{sizeMB} Mo",
 	"editor.record.form.field.onlineResource.modify": "Modifier",
@@ -20652,7 +20683,7 @@ var fr = {
 	"editor.record.form.field.onlineResource.toggle.service": "Lier un service",
 	"editor.record.form.field.onlineResources": "Distribution",
 	"editor.record.form.field.otherConstraints": "Contrainte générale",
-	"editor.record.form.field.overviews": "Aperçus",
+	"editor.record.form.field.overviews": "Aperçu",
 	"editor.record.form.field.recordUpdated": "Date de mise à jour",
 	"editor.record.form.field.resourceCreated": "Date de création",
 	"editor.record.form.field.resourceIdentifier": "Identifiant",
@@ -20664,6 +20695,9 @@ var fr = {
 	"editor.record.form.field.title.placeholder": "Saisir un titre",
 	"editor.record.form.field.uniqueIdentifier": "Identifiant unique",
 	"editor.record.form.field.updateFrequency": "Fréquence de mise à jour",
+	"editor.record.form.keywords.place.placeholder": "Rechercher une localisation par mot-clé",
+	"editor.record.form.keywords.place.withoutExtent": "Ce mot-clé n'a pas de localisation géographique associée",
+	"editor.record.form.keywords.placeholder": "Sélectionnez un mot-clé",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -20672,29 +20706,29 @@ var fr = {
 	"editor.record.form.license.odbl": "",
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
-	"editor.record.form.license.unknown": "",
+	"editor.record.form.license.unknown": "Inconnue ou absente",
 	"editor.record.form.page.accessAndContact": "Informations pour l'utilisation",
 	"editor.record.form.page.description": "Description du jeu de données",
-	"editor.record.form.page.ressources": "Ressources",
-	"editor.record.form.section.about.description": "Ces informations concernent le jeu de données.",
+	"editor.record.form.page.resources": "Ressources",
+	"editor.record.form.section.about.description": "Ces informations concernent le jeu de données",
 	"editor.record.form.section.about.label": "À propos du jeu de données",
 	"editor.record.form.section.annexes.description": "Les annexes sont des ressources optionnelles. Elles sont attachées au jeu de données, et aident à mieux comprendre la donnée (notice, etc.).",
 	"editor.record.form.section.annexes.label": "Annexes",
-	"editor.record.form.section.associatedResources.description": "Indiquez où la donnée se trouve.",
+	"editor.record.form.section.associatedResources.description": "Indiquez où la donnée se trouve",
 	"editor.record.form.section.associatedResources.label": "Ressources associées",
-	"editor.record.form.section.classification.description": "Des mots-clés appropriés aident à trouver le jeu de données.",
+	"editor.record.form.section.classification.description": "Des mots-clés appropriés aident à trouver le jeu de données",
 	"editor.record.form.section.classification.label": "Mots-clés",
-	"editor.record.form.section.dataManagers.description": "Cette information concerne la donnée.",
+	"editor.record.form.section.dataManagers.description": "Cette information concerne la donnée",
 	"editor.record.form.section.dataManagers.label": "Responsables de la donnée",
 	"editor.record.form.section.geographicalCoverage.label": "Couverture géographique",
-	"editor.record.form.section.metadataPointOfContact.description": "Cette information concerne la métadonnée.",
+	"editor.record.form.section.metadataPointOfContact.description": "Cette information concerne la métadonnée",
 	"editor.record.form.section.metadataPointOfContact.label": "Point de contact de la métadonnée",
 	"editor.record.form.section.useAndAccessConditions.label": "Conditions d'accès et d'utilisation",
 	"editor.record.form.temporalExtents.addDate": "Date déterminée",
 	"editor.record.form.temporalExtents.addRange": "Période de temps",
 	"editor.record.form.temporalExtents.date": "Date concernée",
 	"editor.record.form.temporalExtents.range": "Période concernée",
-	"editor.record.form.updateFrequency.planned": "Ce jeu de données est mis à jour régulièrement.",
+	"editor.record.form.updateFrequency.planned": "Ce jeu de données est mis à jour régulièrement",
 	"editor.record.importFromExternalFile.failure.body": "Une erreur est survenue pendant l'import du jeu de données : ",
 	"editor.record.importFromExternalFile.failure.title": "Erreur",
 	"editor.record.importFromExternalFile.success.body": "L'import du jeu de données à été realisé avec succès.",
@@ -20821,6 +20855,7 @@ var fr = {
 	"record.action.delete": "Supprimer",
 	"record.action.download": "Télécharger",
 	"record.action.duplicate": "Dupliquer",
+	"record.action.duplicating": "Duplication...",
 	"record.action.view": "Voir",
 	"record.externalViewer.open": "Ouvrir dans le visualiseur externe",
 	"record.feature.limit": "La ressource contient plus de {count} entités et ne peut pas être affichée ici.",
@@ -20851,6 +20886,8 @@ var fr = {
 	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "Réinitialiser",
 	"record.metadata.api.form.resetTooltip": "Réinitialiser tous les filtres",
+	"record.metadata.api.form.title": "Générer une URL personnalisée",
+	"record.metadata.api.form.title.gpf": "Téléchargement de données",
 	"record.metadata.api.form.type": "Format en sortie",
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Menu déroulant pour sélectionner une zone géographique",
@@ -20919,6 +20956,7 @@ var fr = {
 	"record.tab.chart": "Graphique",
 	"record.tab.data": "Tableau",
 	"record.tab.map": "Carte",
+	"record.was.created.time": "a créé ce jeu de données {time}",
 	records: records$3,
 	"results.layout.selectOne": "Affichage des résultats",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Aucun jeu de données} one{1 affiché} other{{displayed} affichés}} {hits, plural, other{sur {hits} au total.}}",
@@ -21028,7 +21066,8 @@ var it = {
 	"dashboard.createRecord": "Crea un record",
 	"dashboard.importRecord": "Importare",
 	"dashboard.importRecord.importExternal": "Importare un dataset esterno",
-	"dashboard.importRecord.importExternalLabel": "URL del dataset esterno",
+	"dashboard.importRecord.importExternal.subtitle": "(collegamento a un file XML)",
+	"dashboard.importRecord.importExternal.title": "URL del dataset esterno",
 	"dashboard.labels.catalog": "Catalogo",
 	"dashboard.labels.mySpace": "Il mio spazio",
 	"dashboard.records.all": "Catalogo",
@@ -21197,8 +21236,7 @@ var it = {
 	"downloads.format.unknown": "sconosciuto",
 	"downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
 	dropFile: dropFile$2,
-	"editor.form.keywords.placeholder": "Seleziona una parola chiave",
-	"editor.form.placeKeywordWithoutExtent": "Questa parola chiave non ha una posizione geografica associata",
+	"editor.new.record.title": "Il mio dataset",
 	"editor.record.delete.confirmation.cancelText": "Annulla",
 	"editor.record.delete.confirmation.confirmText": "Elimina",
 	"editor.record.delete.confirmation.message": "E sicuro di voler eliminare questo dataset?",
@@ -21208,6 +21246,9 @@ var it = {
 	"editor.record.deleteError.title": "Errore durante l'eliminazione",
 	"editor.record.deleteSuccess.body": "Il dataset è stato eliminato correttamente",
 	"editor.record.deleteSuccess.title": "Eliminazione riuscita",
+	"editor.record.error.back": "",
+	"editor.record.error.explanation": "",
+	"editor.record.error.message": "",
 	"editor.record.form.bottomButtons.comeBackLater": "Ritorna più tardi",
 	"editor.record.form.bottomButtons.next": "Avanti",
 	"editor.record.form.bottomButtons.previous": "Precedente",
@@ -21220,32 +21261,30 @@ var it = {
 	"editor.record.form.constraint.header.securityConstraints": "Condizioni di tipo di sicurezza applicabili",
 	"editor.record.form.constraint.legalConstraints": "Vincoli legali",
 	"editor.record.form.constraint.markdown.placeholder": "Il suo testo qui",
-	"editor.record.form.constraint.not.applicable": "Non si applicano condizioni.",
-	"editor.record.form.constraint.not.known": "Le condizioni sono sconosciute.",
+	"editor.record.form.constraint.not.applicable": "Non si applicano condizioni",
+	"editor.record.form.constraint.not.known": "Le condizioni sono sconosciute",
 	"editor.record.form.constraint.otherConstraints": "Altri vincoli",
 	"editor.record.form.constraint.securityConstraints": "Vincoli di sicurezza",
 	"editor.record.form.draft.updateAlert": "Da quando è stata creata questa bozza, questo dataset è stato modificato il { date } da { user }. La pubblicazione della sua versione potrebbe rimuovere le loro modifiche. Per evitarlo, puoi annullare le sue modifiche o pubblicare la sua versione consapevolmente.",
 	"editor.record.form.field.abstract": "Riassunto",
-	"editor.record.error.back": "",
-	"editor.record.error.explanation": "",
-	"editor.record.error.message": "",
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "Inserisci almeno un punto di contatto.",
+	"editor.record.form.field.contacts.placeholder": "Scegli un contatto",
 	"editor.record.form.field.contactsForResource.noContact": "Inserisci almeno un punto di contatto responsabile dei dati.",
+	"editor.record.form.field.contactsForResource.placeholder": "Scegli un contatto",
 	"editor.record.form.field.keywords": "Parole chiave",
 	"editor.record.form.field.legalConstraints": "Vincolo legale",
 	"editor.record.form.field.license": "Licenza",
-	"editor.record.form.field.onlineResource.edit.identifier.error": "Impossibile recuperare i livelli dal protocollo",
-	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome del livello",
-	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome del processo",
-	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Seleziona un livello",
-	"editor.record.form.field.onlineResource.edit.identifier.submit": "Collegare il servizio",
-	"editor.record.form.field.title.placeholder": "Inserisci un titolo",
 	"editor.record.form.field.onlineLinkResources": "Risorse allegate",
 	"editor.record.form.field.onlineResource.cancel": "Annulla",
 	"editor.record.form.field.onlineResource.confirm": "Convalida",
 	"editor.record.form.field.onlineResource.dialogTitle": "Modifica anteprima dataset",
 	"editor.record.form.field.onlineResource.edit.description": "Descrizione",
+	"editor.record.form.field.onlineResource.edit.identifier.error": "Impossibile recuperare i livelli dal protocollo",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome del livello",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome del processo",
+	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Seleziona un livello",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Collegare il servizio",
 	"editor.record.form.field.onlineResource.edit.protocol": "Protocollo",
 	"editor.record.form.field.onlineResource.edit.title": "Titolo",
 	"editor.record.form.field.onlineResource.fileSize": "{sizeMB} MB",
@@ -21254,7 +21293,7 @@ var it = {
 	"editor.record.form.field.onlineResource.toggle.service": "Collega un servizio",
 	"editor.record.form.field.onlineResources": "Distribuzione",
 	"editor.record.form.field.otherConstraints": "Vincolo generale",
-	"editor.record.form.field.overviews": "Panoramiche",
+	"editor.record.form.field.overviews": "Panoramica",
 	"editor.record.form.field.recordUpdated": "Data di aggiornamento",
 	"editor.record.form.field.resourceCreated": "Data di creazione",
 	"editor.record.form.field.resourceIdentifier": "Identificatore",
@@ -21263,8 +21302,12 @@ var it = {
 	"editor.record.form.field.spatialExtents": "Estensioni spaziali",
 	"editor.record.form.field.temporalExtents": "Estensioni temporali",
 	"editor.record.form.field.title": "Titolo",
+	"editor.record.form.field.title.placeholder": "Inserisci un titolo",
 	"editor.record.form.field.uniqueIdentifier": "Identificatore univoco",
 	"editor.record.form.field.updateFrequency": "Frequenza di aggiornamento",
+	"editor.record.form.keywords.place.placeholder": "Cerca una posizione per parola chiave",
+	"editor.record.form.keywords.place.withoutExtent": "Questa parola chiave non ha una posizione geografica associata",
+	"editor.record.form.keywords.placeholder": "Seleziona una parola chiave",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -21273,29 +21316,29 @@ var it = {
 	"editor.record.form.license.odbl": "",
 	"editor.record.form.license.odc-by": "",
 	"editor.record.form.license.pddl": "",
-	"editor.record.form.license.unknown": "",
+	"editor.record.form.license.unknown": "Sconosciuto o assente",
 	"editor.record.form.page.accessAndContact": "Informazioni per l'uso",
 	"editor.record.form.page.description": "Descrizione del dataset",
-	"editor.record.form.page.resources": "Risorse",
-	"editor.record.form.section.about.description": "Queste informazioni riguardano il dataset.",
+	"editor.record.form.page.resources": "",
+	"editor.record.form.section.about.description": "Queste informazioni riguardano il dataset",
 	"editor.record.form.section.about.label": "Informazioni sul dataset",
 	"editor.record.form.section.annexes.description": "Gli allegati sono risorse facoltative. Sono allegati al dataset e aiutano a comprendere meglio i dati (avviso, ecc.).",
 	"editor.record.form.section.annexes.label": "Allegati",
-	"editor.record.form.section.associatedResources.description": "Indica dove si trovano i dati.",
+	"editor.record.form.section.associatedResources.description": "Indica dove si trovano i dati",
 	"editor.record.form.section.associatedResources.label": "Risorse associate",
-	"editor.record.form.section.classification.description": "Parole chiave appropriate aiutano a trovare il dataset.",
+	"editor.record.form.section.classification.description": "Parole chiave appropriate aiutano a trovare il dataset",
 	"editor.record.form.section.classification.label": "Parole chiave",
-	"editor.record.form.section.dataManagers.description": "Queste informazioni riguardano i dati.",
+	"editor.record.form.section.dataManagers.description": "Queste informazioni riguardano i dati",
 	"editor.record.form.section.dataManagers.label": "Gestori dei dati",
 	"editor.record.form.section.geographicalCoverage.label": "Copertura geografica",
-	"editor.record.form.section.metadataPointOfContact.description": "Queste informazioni riguardano i metadati.",
+	"editor.record.form.section.metadataPointOfContact.description": "Queste informazioni riguardano i metadati",
 	"editor.record.form.section.metadataPointOfContact.label": "Punto di contatto dei metadati",
 	"editor.record.form.section.useAndAccessConditions.label": "Condizioni di accesso e utilizzo",
 	"editor.record.form.temporalExtents.addDate": "Data specificata",
 	"editor.record.form.temporalExtents.addRange": "Periodo di tempo",
 	"editor.record.form.temporalExtents.date": "Data rilevante",
 	"editor.record.form.temporalExtents.range": "Periodo interessato",
-	"editor.record.form.updateFrequency.planned": "Questi dati dovrebbero essere aggiornati regolarmente.",
+	"editor.record.form.updateFrequency.planned": "Questi dati dovrebbero essere aggiornati regolarmente",
 	"editor.record.importFromExternalFile.failure.body": "Ha successo un'errore durante l'importazione del dataset: ",
 	"editor.record.importFromExternalFile.failure.title": "Errore",
 	"editor.record.importFromExternalFile.success.body": "L'importazione del dataset è riuscita.",
@@ -21303,6 +21346,7 @@ var it = {
 	"editor.record.loadError.body": "Impossibile caricare il dataset:",
 	"editor.record.loadError.closeMessage": "Capito",
 	"editor.record.loadError.title": "Errore durante il caricamento",
+	"editor.record.lock.reason": "",
 	"editor.record.onlineResource.protocol.other": "Altro",
 	"editor.record.onlineResourceError.body": "Ha successo un'errore durante l'aggiunta della risorsa:",
 	"editor.record.onlineResourceError.closeMessage": "Capito",
@@ -21334,9 +21378,6 @@ var it = {
 	"editor.record.undo.tooltip.enabled": "Fare clic su questo pulsante per annullare le modifiche apportate a questo dataset",
 	"editor.record.upToDate": "Questo dataset è aggiornato",
 	"editor.sidebar.logout": "Esci",
-	"editor.record.form.page.ressources": "",
-	"editor.record.lock.reason": "",
-	"editor.record.saveStatus.asDraftOnly": "",
 	"editor.sidebar.menu.editor": "",
 	"editor.temporary.disabled": "Non ancora implementato",
 	"externalviewer.dataset.unnamed": "Layer del datahub",
@@ -21424,6 +21465,7 @@ var it = {
 	"record.action.delete": "Elimina",
 	"record.action.download": "Scarica",
 	"record.action.duplicate": "Duplicato",
+	"record.action.duplicating": "",
 	"record.action.view": "Visualizza",
 	"record.externalViewer.open": "Aprire nel visualizzatore esterno",
 	"record.feature.limit": "La risorsa contiene più di {count} funzionalità e non può essere visualizzata qui.",
@@ -21454,6 +21496,8 @@ var it = {
 	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "Reimposta",
 	"record.metadata.api.form.resetTooltip": "Reimposta tutti i filtri",
+	"record.metadata.api.form.title": "Genera un URL personalizzata",
+	"record.metadata.api.form.title.gpf": "Scarica i dati",
 	"record.metadata.api.form.type": "Formato di output",
 	"record.metadata.api.form.zoneTitle": "Zona",
 	"record.metadata.api.form.zoneTooltip": "Menu a discesa per selezionare una zona geografica",
@@ -21522,6 +21566,7 @@ var it = {
 	"record.tab.chart": "Grafico",
 	"record.tab.data": "Tabella",
 	"record.tab.map": "Mappa",
+	"record.was.created.time": "ha creato questi dati {time}",
 	records: records$2,
 	"results.layout.selectOne": "Mostra risultati",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Nessun record} one{1 record visualizzato} other{{displayed} records visualizzati}} {hits, plural, other{su {hits} in totale.}}",
@@ -21631,7 +21676,8 @@ var nl = {
 	"dashboard.createRecord": "",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
-	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.importExternal.subtitle": "",
+	"dashboard.importRecord.importExternal.title": "",
 	"dashboard.labels.catalog": "Catalogus",
 	"dashboard.labels.mySpace": "Mijn ruimte",
 	"dashboard.records.all": "Catalogus",
@@ -21800,8 +21846,7 @@ var nl = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$1,
-	"editor.form.keywords.placeholder": "",
-	"editor.form.placeKeywordWithoutExtent": "",
+	"editor.new.record.title": "",
 	"editor.record.delete.confirmation.cancelText": "",
 	"editor.record.delete.confirmation.confirmText": "",
 	"editor.record.delete.confirmation.message": "",
@@ -21834,7 +21879,9 @@ var nl = {
 	"editor.record.form.field.abstract": "",
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
+	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
+	"editor.record.form.field.contactsForResource.placeholder": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.legalConstraints": "",
 	"editor.record.form.field.license": "",
@@ -21843,12 +21890,12 @@ var nl = {
 	"editor.record.form.field.onlineResource.confirm": "",
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
-	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.identifier.error": "Kan lagen niet ophalen van het protocol",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Laagnaam",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Procesnaam",
 	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Selecteer een laag",
 	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link naar de dienst",
+	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -21868,6 +21915,9 @@ var nl = {
 	"editor.record.form.field.title.placeholder": "Voer een titel in",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
+	"editor.record.form.keywords.place.placeholder": "",
+	"editor.record.form.keywords.place.withoutExtent": "",
+	"editor.record.form.keywords.placeholder": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -21879,7 +21929,7 @@ var nl = {
 	"editor.record.form.license.unknown": "",
 	"editor.record.form.page.accessAndContact": "",
 	"editor.record.form.page.description": "",
-	"editor.record.form.page.ressources": "",
+	"editor.record.form.page.resources": "",
 	"editor.record.form.section.about.description": "",
 	"editor.record.form.section.about.label": "",
 	"editor.record.form.section.annexes.description": "",
@@ -22025,6 +22075,7 @@ var nl = {
 	"record.action.delete": "",
 	"record.action.download": "",
 	"record.action.duplicate": "",
+	"record.action.duplicating": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
@@ -22055,6 +22106,8 @@ var nl = {
 	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "",
 	"record.metadata.api.form.resetTooltip": "",
+	"record.metadata.api.form.title": "",
+	"record.metadata.api.form.title.gpf": "",
 	"record.metadata.api.form.type": "",
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
@@ -22123,6 +22176,7 @@ var nl = {
 	"record.tab.chart": "",
 	"record.tab.data": "",
 	"record.tab.map": "",
+	"record.was.created.time": "",
 	records: records$1,
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
@@ -22232,7 +22286,8 @@ var pt = {
 	"dashboard.createRecord": "",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
-	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.importExternal.subtitle": "",
+	"dashboard.importRecord.importExternal.title": "",
 	"dashboard.labels.catalog": "Catálogo",
 	"dashboard.labels.mySpace": "Meu espaço",
 	"dashboard.records.all": "Catálogo",
@@ -22401,8 +22456,7 @@ var pt = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile,
-	"editor.form.keywords.placeholder": "",
-	"editor.form.placeKeywordWithoutExtent": "",
+	"editor.new.record.title": "",
 	"editor.record.delete.confirmation.cancelText": "",
 	"editor.record.delete.confirmation.confirmText": "",
 	"editor.record.delete.confirmation.message": "",
@@ -22435,7 +22489,9 @@ var pt = {
 	"editor.record.form.field.abstract": "",
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
+	"editor.record.form.field.contacts.placeholder": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
+	"editor.record.form.field.contactsForResource.placeholder": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.legalConstraints": "",
 	"editor.record.form.field.license": "",
@@ -22444,12 +22500,12 @@ var pt = {
 	"editor.record.form.field.onlineResource.confirm": "",
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
-	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.identifier.error": "Não é possível recuperar camadas do protocolo",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome da camada",
 	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome do processo",
 	"editor.record.form.field.onlineResource.edit.identifier.select.label": "Selecione uma camada",
 	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link para o serviço",
+	"editor.record.form.field.onlineResource.edit.protocol": "",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -22469,6 +22525,9 @@ var pt = {
 	"editor.record.form.field.title.placeholder": "Insira um título",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
+	"editor.record.form.keywords.place.placeholder": "",
+	"editor.record.form.keywords.place.withoutExtent": "",
+	"editor.record.form.keywords.placeholder": "",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
@@ -22480,7 +22539,7 @@ var pt = {
 	"editor.record.form.license.unknown": "",
 	"editor.record.form.page.accessAndContact": "",
 	"editor.record.form.page.description": "",
-	"editor.record.form.page.ressources": "",
+	"editor.record.form.page.resources": "",
 	"editor.record.form.section.about.description": "",
 	"editor.record.form.section.about.label": "",
 	"editor.record.form.section.annexes.description": "",
@@ -22626,6 +22685,7 @@ var pt = {
 	"record.action.delete": "",
 	"record.action.download": "",
 	"record.action.duplicate": "",
+	"record.action.duplicating": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
@@ -22656,6 +22716,8 @@ var pt = {
 	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "",
 	"record.metadata.api.form.resetTooltip": "",
+	"record.metadata.api.form.title": "",
+	"record.metadata.api.form.title.gpf": "",
 	"record.metadata.api.form.type": "",
 	"record.metadata.api.form.zoneTitle": "",
 	"record.metadata.api.form.zoneTooltip": "",
@@ -22724,6 +22786,7 @@ var pt = {
 	"record.tab.chart": "",
 	"record.tab.data": "",
 	"record.tab.map": "",
+	"record.was.created.time": "",
 	records: records,
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
@@ -25281,21 +25344,18 @@ async function getLayers(url, serviceProtocol) {
             return layers;
         }
         case 'wfs': {
-            const endpointWfs = new WfsEndpoint(url);
-            await endpointWfs.isReady();
+            const endpointWfs = await new WfsEndpoint(url).isReady();
             return endpointWfs.getFeatureTypes();
         }
         case 'wms': {
-            const endpointWms = new WmsEndpoint(url);
-            await endpointWms.isReady();
+            const endpointWms = await new WmsEndpoint(url).isReady();
             return endpointWms
                 .getLayers()
                 .flatMap(wmsLayerFlatten)
                 .filter((l) => l.name);
         }
         case 'wmts': {
-            const endpointWmts = new WmtsEndpoint(url);
-            await endpointWmts.isReady();
+            const endpointWmts = await new WmtsEndpoint(url).isReady();
             return endpointWmts.getLayers();
         }
         default:
@@ -27501,6 +27561,11 @@ class UrlInputComponent {
         this.uploadClick = new EventEmitter();
         this.inputValue = '';
     }
+    ngOnChanges(changes) {
+        if (changes['value']) {
+            this.inputValue = changes['value'].currentValue;
+        }
+    }
     handleInput(event) {
         const value = event.target.value;
         this.inputValue = value;
@@ -27532,7 +27597,7 @@ class UrlInputComponent {
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input gn-ui-url-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showValidateButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-content>\n      <ng-icon name=\"iconoirArrowUp\"></ng-icon>\n    </ng-content>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input gn-ui-url-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showValidateButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-content>\n      <ng-icon name=\"iconoirArrowUp\"></ng-icon>\n    </ng-content>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UrlInputComponent, decorators: [{
             type: Component,
@@ -28833,6 +28898,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+marker('record.was.created.time');
 class RecordPreviewFeedComponent extends RecordPreviewComponent {
     constructor(elementRef, translate) {
         super(elementRef);
@@ -30343,7 +30409,7 @@ class ActionMenuComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionMenuComponent, deps: [{ token: i1$a.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ActionMenuComponent, isStandalone: true, selector: "gn-ui-action-menu", inputs: { canDuplicate: "canDuplicate", canDelete: "canDelete" }, outputs: { duplicate: "duplicate", delete: "delete", closeActionMenu: "closeActionMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n          ><span translate>record.action.duplicate</span></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span translate>record.action.delete</span></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ActionMenuComponent, isStandalone: true, selector: "gn-ui-action-menu", inputs: { canDuplicate: "canDuplicate", canDelete: "canDelete" }, outputs: { duplicate: "duplicate", delete: "delete", closeActionMenu: "closeActionMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n        >\n          <span *ngIf=\"canDuplicate\" translate>record.action.duplicate</span>\n          <span *ngIf=\"!canDuplicate\" translate\n            >record.action.duplicating</span\n          ></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span translate>record.action.delete</span></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionMenuComponent, decorators: [{
             type: Component,
@@ -30354,7 +30420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatDialogModule,
                         ConfirmationDialogComponent,
                         TranslateModule,
-                    ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n          ><span translate>record.action.duplicate</span></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span translate>record.action.delete</span></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
+                    ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n        >\n          <span *ngIf=\"canDuplicate\" translate>record.action.duplicate</span>\n          <span *ngIf=\"!canDuplicate\" translate\n            >record.action.duplicating</span\n          ></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span translate>record.action.delete</span></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1$a.MatDialog }, { type: i0.ChangeDetectorRef }], propDecorators: { canDuplicate: [{
                 type: Input
             }], canDelete: [{
@@ -30382,6 +30448,7 @@ class ResultsTableComponent {
         this.canDuplicate = () => true;
         this.canDelete = () => true;
         this.isDraftPage = false;
+        this.isDuplicating = false;
         // emits the column (field) as well as the order
         this.sortByChange = new EventEmitter();
         this.recordClick = new EventEmitter();
@@ -30489,7 +30556,7 @@ class ResultsTableComponent {
         this.recordsSelectedChange.emit([[record], selected]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, deps: [{ token: i1$8.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'9rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete"], outputs: ["duplicate", "delete", "closeActionMenu"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete"], outputs: ["duplicate", "delete", "closeActionMenu"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -30503,7 +30570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ActionMenuComponent,
                         NgIconComponent,
                         CdkOverlayOrigin,
-                    ], providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'9rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
+                    ], providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
         }], ctorParameters: () => [{ type: i1$8.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], propDecorators: { records: [{
                 type: Input
             }], selectedRecordsIdentifiers: [{
@@ -30518,6 +30585,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], isDraftPage: [{
                 type: Input
+            }], isDuplicating: [{
+                type: Input
             }], sortByChange: [{
                 type: Output
             }], recordClick: [{
@@ -32736,15 +32805,17 @@ class ResultsTableContainerComponent {
         this.subscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableContainerComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: SelectionService }, { token: RecordsRepositoryInterface }, { token: NotificationsService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableContainerComponent, isStandalone: true, selector: "gn-ui-results-table-container", inputs: { canDuplicate: "canDuplicate", canDelete: "canDelete" }, outputs: { recordClick: "recordClick", duplicateRecord: "duplicateRecord" }, ngImport: i0, template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: ResultsTableComponent, selector: "gn-ui-results-table", inputs: ["records", "selectedRecordsIdentifiers", "sortOrder", "hasDraft", "canDuplicate", "canDelete", "isDraftPage"], outputs: ["sortByChange", "recordClick", "duplicateRecord", "deleteRecord", "recordsSelectedChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableContainerComponent, isStandalone: true, selector: "gn-ui-results-table-container", inputs: { canDuplicate: "canDuplicate", canDelete: "canDelete", isDuplicating: "isDuplicating" }, outputs: { recordClick: "recordClick", duplicateRecord: "duplicateRecord" }, ngImport: i0, template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  [isDuplicating]=\"isDuplicating\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: ResultsTableComponent, selector: "gn-ui-results-table", inputs: ["records", "selectedRecordsIdentifiers", "sortOrder", "hasDraft", "canDuplicate", "canDelete", "isDraftPage", "isDuplicating"], outputs: ["sortByChange", "recordClick", "duplicateRecord", "deleteRecord", "recordsSelectedChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
+            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  [isDuplicating]=\"isDuplicating\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
         }], ctorParameters: () => [{ type: SearchFacade }, { type: SearchService }, { type: SelectionService }, { type: RecordsRepositoryInterface }, { type: NotificationsService }, { type: i2.TranslateService }], propDecorators: { canDuplicate: [{
                 type: Input
             }], canDelete: [{
                 type: Input
+            }], isDuplicating: [{
+                type: Input
             }], recordClick: [{
                 type: Output
             }], duplicateRecord: [{
@@ -35058,6 +35129,7 @@ const SupportedTypes = [
     'geojson',
     'excel',
     'gml',
+    'wfs',
 ];
 const AllMimeTypes = {
     csv: CsvMimeTypes,
@@ -35071,7 +35143,8 @@ function parseHeaders(httpHeaders) {
     const result = {};
     if (httpHeaders.has('Content-Type')) {
         result.mimeType = httpHeaders.get('Content-Type').split(';')[0];
-        const supported = SupportedTypes.filter((type) => AllMimeTypes[type].indexOf(result.mimeType) > -1)[0] || null;
+        const supported = SupportedTypes.filter((type) => type !== 'wfs') // Ignore wfs type as it is not a file type
+            .filter((type) => AllMimeTypes[type].indexOf(result.mimeType) > -1)[0] || null;
         if (supported !== null)
             result.supportedType = supported;
     }
@@ -35604,6 +35677,80 @@ class GmlReader extends BaseFileReader {
     }
 }
 
+class WfsReader extends BaseReader {
+    constructor(url, wfsEndpoint, featureTypeName) {
+        super(url);
+        this.endpoint = wfsEndpoint;
+        this.featureTypeName = featureTypeName;
+        this.version = this.endpoint.getVersion();
+    }
+    get properties() {
+        return this.getData().then((result) => result.properties);
+    }
+    get info() {
+        return this.endpoint.getFeatureTypeFull(this.featureTypeName).then((result) => ({
+            itemsCount: result.objectCount,
+        }));
+    }
+    static async createReader(wfsUrlEndpoint, featureTypeName) {
+        const wfsEndpoint = await new WfsEndpoint(wfsUrlEndpoint).isReady();
+        const featureTypes = wfsEndpoint.getFeatureTypes();
+        const featureType = wfsEndpoint.getFeatureTypeSummary(featureTypes.length === 1 && !featureTypeName
+            ? featureTypes[0].name
+            : featureTypeName);
+        if (!featureType) {
+            throw new Error('wfs.featuretype.notfound');
+        }
+        if (wfsEndpoint.supportsStartIndex()) {
+            return new WfsReader(wfsUrlEndpoint, wfsEndpoint, featureType.name);
+        }
+        else if (wfsEndpoint.supportsJson(featureType.name)) {
+            return new GeojsonReader(wfsEndpoint.getFeatureUrl(featureType.name, {
+                asJson: true,
+                outputCrs: 'EPSG:4326',
+            }));
+        }
+        else {
+            if (featureType.outputFormats.find((f) => f.toLowerCase().includes('gml')) &&
+                (featureType.defaultCrs === 'EPSG:4326' ||
+                    featureType.otherCrs?.includes('EPSG:4326'))) {
+                return new GmlReader(wfsEndpoint.getFeatureUrl(featureType.name, {
+                    outputFormat: featureType.outputFormats.find((f) => f.toLowerCase().includes('gml')),
+                    outputCrs: 'EPSG:4326',
+                }), featureType.name, wfsEndpoint.getVersion());
+            }
+            throw new Error('wfs.geojsongml.notsupported');
+        }
+    }
+    getData() {
+        const asJson = this.endpoint.supportsJson(this.featureTypeName);
+        let url = this.endpoint.getFeatureUrl(this.featureTypeName, {
+            ...(this.startIndex !== null && { startIndex: this.startIndex }),
+            ...(this.count !== null && { maxFeatures: this.count }),
+            asJson,
+            outputCrs: 'EPSG:4326',
+            // sortBy: this.sort // TODO: no sort in ogc-client?
+        });
+        if (Array.isArray(this.sort) && this.sort.length > 0) {
+            const finalUrl = new URL(url);
+            const sorts = this.sort
+                .map((fieldSort) => `${fieldSort[1]}+${fieldSort[0] === 'asc' ? 'A' : 'D'}`)
+                .join(',');
+            // Direct update on string url to prevent encoding of +A and +D
+            url = `${url}${finalUrl.search ? '&' : ''}SORTBY=${sorts}`;
+        }
+        return fetchDataAsText(url).then((text) => asJson
+            ? parseGeojson(text)
+            : parseGml(text, this.featureTypeName, this.version));
+    }
+    load() {
+        // Nothing to load for Wfs
+    }
+    async read() {
+        return (await this.getData()).items;
+    }
+}
+
 async function openDataset(url, typeHint, options) {
     const fileType = await inferDatasetType(url, typeHint);
     let reader;
@@ -35624,6 +35771,9 @@ async function openDataset(url, typeHint, options) {
             case 'gml':
                 reader = new GmlReader(url, options.namespace, options.wfsVersion);
                 break;
+            case 'wfs':
+                reader = await WfsReader.createReader(url, options.wfsFeatureType);
+                break;
         }
         reader.load();
         return reader;
@@ -35801,19 +35951,9 @@ class DataService {
     }
     getDataset(link) {
         if (link.type === 'service' && link.accessServiceProtocol === 'wfs') {
-            return this.getDownloadUrlsFromWfs(link.url.toString(), link.name).pipe(switchMap$1((urls) => {
-                if (urls.geojson)
-                    return openDataset(urls.geojson, 'geojson');
-                if (urls.gml)
-                    return openDataset(urls.gml.featureUrl, 'gml', {
-                        namespace: urls.gml.namespace,
-                        wfsVersion: urls.gml.wfsVersion,
-                    });
-                return null;
-            }), tap$1((url) => {
-                if (url === null) {
-                    throw new Error('wfs.geojsongml.notsupported');
-                }
+            const wfsUrlEndpoint = this.proxy.getProxiedUrl(link.url.toString());
+            return from(openDataset(wfsUrlEndpoint, 'wfs', {
+                wfsFeatureType: link.name,
             }));
         }
         else if (link.type === 'download') {
@@ -37263,6 +37403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DataViewComponent {
     constructor(mdViewFacade) {
         this.mdViewFacade = mdViewFacade;
+        this.displaySource = true;
         this.chartConfig$ = new BehaviorSubject(null);
         this.compatibleDataLinks$ = combineLatest([
             this.mdViewFacade.dataLinks$,
@@ -37291,7 +37432,7 @@ class DataViewComponent {
         this.selectedLink$.next(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, deps: [{ token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[420px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["link"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[420px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["link"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, decorators: [{
             type: Component,
@@ -37301,9 +37442,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TableViewComponent,
                         TranslateModule,
                         ChartViewComponent,
-                    ], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[420px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[420px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }], propDecorators: { mode: [{
                 type: Input
+            }], displaySource: [{
+                type: Input
             }], chartConfig$: [{
                 type: Output
             }] } });
@@ -37394,7 +37537,7 @@ class DataViewShareComponent {
         this.wcEmbedderBaseUrl = wcEmbedderBaseUrl;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: DataViewShareComponent, isStandalone: true, selector: "gn-ui-data-view-share", inputs: { extraClass: "extraClass", viewType: "viewType" }, ngImport: i0, template: "<div class=\"px-5 my-1\" [ngClass]=\"extraClass\">\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { 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"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewShareComponent, isStandalone: true, selector: "gn-ui-data-view-share", inputs: { viewType: "viewType" }, ngImport: i0, template: "<div class=\"px-5 my-1\">\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { 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"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewShareComponent, decorators: [{
             type: Component,
@@ -37404,15 +37547,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         DataViewPermalinkComponent,
                         DataViewWebComponentComponent,
                         TranslateModule,
-                    ], standalone: true, template: "<div class=\"px-5 my-1\" [ngClass]=\"extraClass\">\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"] }]
+                    ], standalone: true, template: "<div class=\"px-5 my-1\">\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: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [WEB_COMPONENT_EMBEDDER_URL]
-                }] }], propDecorators: { extraClass: [{
-                type: Input
-            }], viewType: [{
+                }] }], propDecorators: { viewType: [{
                 type: Input
             }] } });
 
@@ -37494,6 +37635,7 @@ class MapViewComponent {
         this.mapUtils = mapUtils;
         this.dataService = dataService;
         this.changeRef = changeRef;
+        this.displaySource = true;
         this.excludeWfs$ = new BehaviorSubject(false);
         this.showLegend = true;
         this.legendExists = false;
@@ -37604,7 +37746,7 @@ class MapViewComponent {
         this.selectedLinkIndex$.next(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, deps: [{ token: MdViewFacade }, { token: MapUtilsService }, { token: DataService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { excludeWfs: "excludeWfs" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <div\n    class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-map-container\n      #mapContainer\n      [context]=\"mapContext$ | async\"\n      (featuresClick)=\"onMapFeatureSelect($event)\"\n    ></gn-ui-map-container>\n    <div\n      class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [class.hidden]=\"!selection\"\n    >\n      <gn-ui-button\n        type=\"light\"\n        (buttonClick)=\"resetSelection()\"\n        style=\"\n          --gn-ui-button-padding: 0px;\n          --gn-ui-button-width: 24px;\n          --gn-ui-button-height: 24px;\n        \"\n        extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n      >\n        <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n      </gn-ui-button>\n      <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n    </div>\n\n    <div\n      class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n      [hidden]=\"!showLegend || !legendExists\"\n    >\n      <div class=\"flex justify-between items-center mb-2\">\n        <div class=\"text-primary font-bold\">Legend</div>\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"toggleLegend()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n      </div>\n      <gn-ui-map-legend\n        [context]=\"mapContext$ | async\"\n        (legendStatusChange)=\"onLegendStatusChange($event)\"\n      ></gn-ui-map-legend>\n    </div>\n\n    <gn-ui-button\n      *ngIf=\"!showLegend && legendExists && !selection\"\n      type=\"outline\"\n      (buttonClick)=\"toggleLegend()\"\n      extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n    >\n      Legend\n    </gn-ui-button>\n\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'map.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { excludeWfs: "excludeWfs", displaySource: "displaySource" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      [ngClass]=\"{ hidden: !displaySource }\"\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <div\n    class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-map-container\n      #mapContainer\n      [context]=\"mapContext$ | async\"\n      (featuresClick)=\"onMapFeatureSelect($event)\"\n    ></gn-ui-map-container>\n    <div\n      class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [class.hidden]=\"!selection\"\n    >\n      <gn-ui-button\n        type=\"light\"\n        (buttonClick)=\"resetSelection()\"\n        style=\"\n          --gn-ui-button-padding: 0px;\n          --gn-ui-button-width: 24px;\n          --gn-ui-button-height: 24px;\n        \"\n        extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n      >\n        <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n      </gn-ui-button>\n      <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n    </div>\n\n    <div\n      class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n      [hidden]=\"!showLegend || !legendExists\"\n    >\n      <div class=\"flex justify-between items-center mb-2\">\n        <div class=\"text-primary font-bold\">Legend</div>\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"toggleLegend()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n      </div>\n      <gn-ui-map-legend\n        [context]=\"mapContext$ | async\"\n        (legendStatusChange)=\"onLegendStatusChange($event)\"\n      ></gn-ui-map-legend>\n    </div>\n\n    <gn-ui-button\n      *ngIf=\"!showLegend && legendExists && !selection\"\n      type=\"outline\"\n      (buttonClick)=\"toggleLegend()\"\n      extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n    >\n      Legend\n    </gn-ui-button>\n\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'map.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, decorators: [{
             type: Component,
@@ -37620,9 +37762,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ExternalViewerButtonComponent,
                         ButtonComponent,
                         MapLegendComponent,
-                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <div\n    class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-map-container\n      #mapContainer\n      [context]=\"mapContext$ | async\"\n      (featuresClick)=\"onMapFeatureSelect($event)\"\n    ></gn-ui-map-container>\n    <div\n      class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [class.hidden]=\"!selection\"\n    >\n      <gn-ui-button\n        type=\"light\"\n        (buttonClick)=\"resetSelection()\"\n        style=\"\n          --gn-ui-button-padding: 0px;\n          --gn-ui-button-width: 24px;\n          --gn-ui-button-height: 24px;\n        \"\n        extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n      >\n        <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n      </gn-ui-button>\n      <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n    </div>\n\n    <div\n      class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n      [hidden]=\"!showLegend || !legendExists\"\n    >\n      <div class=\"flex justify-between items-center mb-2\">\n        <div class=\"text-primary font-bold\">Legend</div>\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"toggleLegend()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n      </div>\n      <gn-ui-map-legend\n        [context]=\"mapContext$ | async\"\n        (legendStatusChange)=\"onLegendStatusChange($event)\"\n      ></gn-ui-map-legend>\n    </div>\n\n    <gn-ui-button\n      *ngIf=\"!showLegend && legendExists && !selection\"\n      type=\"outline\"\n      (buttonClick)=\"toggleLegend()\"\n      extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n    >\n      Legend\n    </gn-ui-button>\n\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'map.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n" }]
+                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      [ngClass]=\"{ hidden: !displaySource }\"\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <div\n    class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-map-container\n      #mapContainer\n      [context]=\"mapContext$ | async\"\n      (featuresClick)=\"onMapFeatureSelect($event)\"\n    ></gn-ui-map-container>\n    <div\n      class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [class.hidden]=\"!selection\"\n    >\n      <gn-ui-button\n        type=\"light\"\n        (buttonClick)=\"resetSelection()\"\n        style=\"\n          --gn-ui-button-padding: 0px;\n          --gn-ui-button-width: 24px;\n          --gn-ui-button-height: 24px;\n        \"\n        extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n      >\n        <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n      </gn-ui-button>\n      <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n    </div>\n\n    <div\n      class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n      [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n      [hidden]=\"!showLegend || !legendExists\"\n    >\n      <div class=\"flex justify-between items-center mb-2\">\n        <div class=\"text-primary font-bold\">Legend</div>\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"toggleLegend()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n      </div>\n      <gn-ui-map-legend\n        [context]=\"mapContext$ | async\"\n        (legendStatusChange)=\"onLegendStatusChange($event)\"\n      ></gn-ui-map-legend>\n    </div>\n\n    <gn-ui-button\n      *ngIf=\"!showLegend && legendExists && !selection\"\n      type=\"outline\"\n      (buttonClick)=\"toggleLegend()\"\n      extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n    >\n      Legend\n    </gn-ui-button>\n\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'map.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }, { type: MapUtilsService }, { type: DataService }, { type: i0.ChangeDetectorRef }], propDecorators: { excludeWfs: [{
                 type: Input
+            }], displaySource: [{
+                type: Input
             }], mapContainer: [{
                 type: ViewChild,
                 args: ['mapContainer']
@@ -37926,6 +38070,8 @@ const RECORD_KEYWORDS_FIELD = {
     model: 'keywords',
     formFieldConfig: {},
 };
+// keeping track of the label to not lose existing translation
+marker('editor.record.form.field.keywords');
 const RECORD_RESOURCE_CREATED_FIELD = {
     model: 'resourceCreated',
     formFieldConfig: {
@@ -38006,16 +38152,22 @@ const RECORD_SPATIAL_EXTENTS_FIELD = {
     model: 'spatialExtents',
     formFieldConfig: {},
 };
+// keeping track of the label to not lose existing translation
+marker('editor.record.form.field.spatialExtents');
 const RECORD_ONLINE_RESOURCES = {
     model: 'onlineResources',
     modelSpecifier: 'onlineResourceType:!link',
     formFieldConfig: {},
 };
+// keeping track of the label to not lose existing translation
+marker('editor.record.form.field.onlineResources');
 const RECORD_ONLINE_LINK_RESOURCES = {
     model: 'onlineResources',
     modelSpecifier: 'onlineResourceType:link',
     formFieldConfig: {},
 };
+// keeping track of the label to not lose existing translation
+marker('editor.record.form.field.onlineLinkResources');
 /************************************************************
  ***************          SECTIONS          *****************
  ************************************************************
@@ -38104,7 +38256,7 @@ const DEFAULT_CONFIGURATION = {
             ],
         },
         {
-            labelKey: marker('editor.record.form.page.ressources'),
+            labelKey: marker('editor.record.form.page.resources'),
             sections: [ASSOCIATED_RESOURCES_SECTION, ANNEXES_SECTION],
         },
         {
@@ -38877,7 +39029,6 @@ class ImportRecordComponent {
         ];
         this.isRecordImportInProgress = false;
         this.sectionDisplayed = 'mainMenu';
-        this.externalImportBackLabel = this.translateService.instant('dashboard.importRecord.importExternalLabel');
     }
     displayMainMenu() {
         this.sectionDisplayed = 'mainMenu';
@@ -38924,7 +39075,7 @@ class ImportRecordComponent {
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\" translate\n          >dashboard.importRecord.importExternal.title</span\n        >\n        <span translate>dashboard.importRecord.importExternal.subtitle</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, decorators: [{
             type: Component,
@@ -38944,7 +39095,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.5em',
                         }),
-                    ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
+                    ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\" translate\n          >dashboard.importRecord.importExternal.title</span\n        >\n        <span translate>dashboard.importRecord.importExternal.subtitle</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1$e.Router }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }], propDecorators: { closeImportMenu: [{
                 type: Output
             }] } });
@@ -38990,7 +39141,7 @@ class GenericKeywordsComponent {
             provideIcons({
                 matWarningAmberOutline,
             }),
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.record.form.keywords.place.withoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GenericKeywordsComponent, decorators: [{
             type: Component,
@@ -39006,7 +39157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideIcons({
                             matWarningAmberOutline,
                         }),
-                    ], template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.record.form.keywords.place.withoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"] }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }], propDecorators: { keywords: [{
                 type: Input
             }], keywordTypes: [{
@@ -39042,7 +39193,7 @@ class FormFieldKeywordsComponent {
         this.valueChange.emit(allKeywords);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldKeywordsComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldKeywordsComponent, isStandalone: true, selector: "gn-ui-form-field-keywords", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"filteredKeywords\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"'editor.form.keywords.placeholder' | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n    [allowSubmit]=\"false\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldKeywordsComponent, isStandalone: true, selector: "gn-ui-form-field-keywords", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"filteredKeywords\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"'editor.record.form.keywords.placeholder' | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n    [allowSubmit]=\"false\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldKeywordsComponent, decorators: [{
             type: Component,
@@ -39054,7 +39205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AutocompleteComponent,
                         GenericKeywordsComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"filteredKeywords\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"'editor.form.keywords.placeholder' | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n    [allowSubmit]=\"false\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"filteredKeywords\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"'editor.record.form.keywords.placeholder' | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n    [allowSubmit]=\"false\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n" }]
         }], ctorParameters: () => [{ type: EditorFacade }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
@@ -39474,7 +39625,7 @@ class FormFieldSpatialExtentComponent {
         this.editorFacade.updateRecordField('spatialExtents', spatialExtents);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, deps: [{ token: PlatformServiceInterface }, { token: EditorFacade }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, decorators: [{
             type: Component,
@@ -39482,16 +39633,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         GenericKeywordsComponent,
                         FormFieldMapContainerComponent,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n" }]
+                        TranslateModule,
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'editor.record.form.keywords.place.placeholder' | translate\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: EditorFacade }, { type: i2.TranslateService }] });
 
 class ContactCardComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContactCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ContactCardComponent, isStandalone: true, selector: "gn-ui-contact-card", inputs: { contact: "contact" }, ngImport: i0, template: "<div class=\"gn-ui-card\">\n  <gn-ui-thumbnail\n    class=\"w-[56px] h-[56px] rounded-[4px] overflow-hidden shrink-0\"\n    [thumbnailUrl]=\"contact.organization?.logoUrl?.href\"\n    [fit]=\"'contain'\"\n  ></gn-ui-thumbnail>\n  <div class=\"flex flex-col w-full overflow-hidden leading-snug\">\n    <div class=\"text-[16px] font-bold text-main\" data-test=\"contactCardName\">\n      {{ contact.firstName }} {{ contact.lastName }}\n    </div>\n    <div class=\"text-[14px] text-gray-900\" data-test=\"contactCardEmail\">\n      {{ contact.email }}\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ContactCardComponent, isStandalone: true, selector: "gn-ui-contact-card", inputs: { contact: "contact" }, ngImport: i0, template: "<div class=\"gn-ui-card\">\n  <gn-ui-thumbnail\n    class=\"w-[56px] h-[56px] rounded-[4px] overflow-hidden shrink-0\"\n    [thumbnailUrl]=\"contact.organization?.logoUrl?.href\"\n    [fit]=\"'contain'\"\n  ></gn-ui-thumbnail>\n  <div class=\"flex flex-col w-full overflow-hidden leading-snug justify-center\">\n    <div class=\"text-[16px] font-bold text-main\" data-test=\"contactCardName\">\n      {{ contact.firstName }} {{ contact.lastName }}\n    </div>\n    <div class=\"text-[14px] text-gray-900\" data-test=\"contactCardEmail\">\n      {{ contact.email }}\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContactCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-contact-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, ButtonComponent, ThumbnailComponent], template: "<div class=\"gn-ui-card\">\n  <gn-ui-thumbnail\n    class=\"w-[56px] h-[56px] rounded-[4px] overflow-hidden shrink-0\"\n    [thumbnailUrl]=\"contact.organization?.logoUrl?.href\"\n    [fit]=\"'contain'\"\n  ></gn-ui-thumbnail>\n  <div class=\"flex flex-col w-full overflow-hidden leading-snug\">\n    <div class=\"text-[16px] font-bold text-main\" data-test=\"contactCardName\">\n      {{ contact.firstName }} {{ contact.lastName }}\n    </div>\n    <div class=\"text-[14px] text-gray-900\" data-test=\"contactCardEmail\">\n      {{ contact.email }}\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-contact-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, ButtonComponent, ThumbnailComponent], template: "<div class=\"gn-ui-card\">\n  <gn-ui-thumbnail\n    class=\"w-[56px] h-[56px] rounded-[4px] overflow-hidden shrink-0\"\n    [thumbnailUrl]=\"contact.organization?.logoUrl?.href\"\n    [fit]=\"'contain'\"\n  ></gn-ui-thumbnail>\n  <div class=\"flex flex-col w-full overflow-hidden leading-snug justify-center\">\n    <div class=\"text-[16px] font-bold text-main\" data-test=\"contactCardName\">\n      {{ contact.firstName }} {{ contact.lastName }}\n    </div>\n    <div class=\"text-[14px] text-gray-900\" data-test=\"contactCardEmail\">\n      {{ contact.email }}\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { contact: [{
                 type: Input
             }] } });
@@ -39606,7 +39758,7 @@ class FormFieldContactsForResourceComponent {
             provideNgIconsConfig({
                 size: '1.5rem',
             }),
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n        [allowSubmit]=\"false\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <gn-ui-sortable-list\n          [items]=\"contacts\"\n          (itemsOrderChange)=\"handleContactsChanged($event, role)\"\n          [elementTemplate]=\"contactTemplate\"\n        ></gn-ui-sortable-list>\n        <ng-template #contactTemplate let-contact>\n          <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n        </ng-template>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"\n          'editor.record.form.field.contactsForResource.placeholder' | translate\n        \"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n        [allowSubmit]=\"false\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <gn-ui-sortable-list\n          [items]=\"contacts\"\n          (itemsOrderChange)=\"handleContactsChanged($event, role)\"\n          [elementTemplate]=\"contactTemplate\"\n        ></gn-ui-sortable-list>\n        <ng-template #contactTemplate let-contact>\n          <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n        </ng-template>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldContactsForResourceComponent, decorators: [{
             type: Component,
@@ -39625,7 +39777,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.5rem',
                         }),
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n        [allowSubmit]=\"false\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <gn-ui-sortable-list\n          [items]=\"contacts\"\n          (itemsOrderChange)=\"handleContactsChanged($event, role)\"\n          [elementTemplate]=\"contactTemplate\"\n        ></gn-ui-sortable-list>\n        <ng-template #contactTemplate let-contact>\n          <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n        </ng-template>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"\n          'editor.record.form.field.contactsForResource.placeholder' | translate\n        \"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n        [allowSubmit]=\"false\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <gn-ui-sortable-list\n          [items]=\"contacts\"\n          (itemsOrderChange)=\"handleContactsChanged($event, role)\"\n          [elementTemplate]=\"contactTemplate\"\n        ></gn-ui-sortable-list>\n        <ng-template #contactTemplate let-contact>\n          <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n        </ng-template>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: OrganizationsServiceInterface }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
@@ -39704,7 +39856,7 @@ class FormFieldContactsComponent {
         this.subscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldContactsComponent, deps: [{ token: PlatformServiceInterface }, { token: OrganizationsServiceInterface }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldContactsComponent, isStandalone: true, selector: "gn-ui-form-field-contacts", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'Choose a contact'\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"addContact($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"1\"\n    [clearOnSelection]=\"true\"\n  >\n  </gn-ui-autocomplete>\n\n  <ng-container *ngIf=\"contacts.length > 0; else noContact\">\n    <ng-container *ngIf=\"contacts.length === 1\">\n      <ng-container *ngFor=\"let contact of contacts; let index = index\">\n        <gn-ui-contact-card\n          [contact]=\"contact\"\n        ></gn-ui-contact-card> </ng-container\n    ></ng-container>\n\n    <ng-container *ngIf=\"contacts.length > 1\">\n      <gn-ui-sortable-list\n        [items]=\"contacts\"\n        (itemsOrderChange)=\"handleContactsChanged($event)\"\n        [elementTemplate]=\"contactTemplate\"\n      ></gn-ui-sortable-list>\n      <ng-template #contactTemplate let-contact>\n        <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #noContact>\n  <div\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n  >\n    editor.record.form.field.contacts.noContact\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldContactsComponent, isStandalone: true, selector: "gn-ui-form-field-contacts", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'editor.record.form.field.contacts.placeholder' | translate\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"addContact($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"1\"\n    [clearOnSelection]=\"true\"\n  >\n  </gn-ui-autocomplete>\n\n  <ng-container *ngIf=\"contacts.length > 0; else noContact\">\n    <ng-container *ngIf=\"contacts.length === 1\">\n      <ng-container *ngFor=\"let contact of contacts; let index = index\">\n        <gn-ui-contact-card\n          [contact]=\"contact\"\n        ></gn-ui-contact-card> </ng-container\n    ></ng-container>\n\n    <ng-container *ngIf=\"contacts.length > 1\">\n      <gn-ui-sortable-list\n        [items]=\"contacts\"\n        (itemsOrderChange)=\"handleContactsChanged($event)\"\n        [elementTemplate]=\"contactTemplate\"\n      ></gn-ui-sortable-list>\n      <ng-template #contactTemplate let-contact>\n        <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #noContact>\n  <div\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n  >\n    editor.record.form.field.contacts.noContact\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldContactsComponent, decorators: [{
             type: Component,
@@ -39717,7 +39869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TranslateModule,
                         ContactCardComponent,
                         SortableListComponent,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'Choose a contact'\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"addContact($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"1\"\n    [clearOnSelection]=\"true\"\n  >\n  </gn-ui-autocomplete>\n\n  <ng-container *ngIf=\"contacts.length > 0; else noContact\">\n    <ng-container *ngIf=\"contacts.length === 1\">\n      <ng-container *ngFor=\"let contact of contacts; let index = index\">\n        <gn-ui-contact-card\n          [contact]=\"contact\"\n        ></gn-ui-contact-card> </ng-container\n    ></ng-container>\n\n    <ng-container *ngIf=\"contacts.length > 1\">\n      <gn-ui-sortable-list\n        [items]=\"contacts\"\n        (itemsOrderChange)=\"handleContactsChanged($event)\"\n        [elementTemplate]=\"contactTemplate\"\n      ></gn-ui-sortable-list>\n      <ng-template #contactTemplate let-contact>\n        <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #noContact>\n  <div\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n  >\n    editor.record.form.field.contacts.noContact\n  </div>\n</ng-template>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'editor.record.form.field.contacts.placeholder' | translate\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"addContact($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"1\"\n    [clearOnSelection]=\"true\"\n  >\n  </gn-ui-autocomplete>\n\n  <ng-container *ngIf=\"contacts.length > 0; else noContact\">\n    <ng-container *ngIf=\"contacts.length === 1\">\n      <ng-container *ngFor=\"let contact of contacts; let index = index\">\n        <gn-ui-contact-card\n          [contact]=\"contact\"\n        ></gn-ui-contact-card> </ng-container\n    ></ng-container>\n\n    <ng-container *ngIf=\"contacts.length > 1\">\n      <gn-ui-sortable-list\n        [items]=\"contacts\"\n        (itemsOrderChange)=\"handleContactsChanged($event)\"\n        [elementTemplate]=\"contactTemplate\"\n      ></gn-ui-sortable-list>\n      <ng-template #contactTemplate let-contact>\n        <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #noContact>\n  <div\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n  >\n    editor.record.form.field.contacts.noContact\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: OrganizationsServiceInterface }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
@@ -39733,8 +39885,8 @@ class OnlineResourceCardComponent {
             case 'link':
             case 'service':
             case 'download':
-                return (this.onlineResource.name ??
-                    this.onlineResource.description ??
+                return (this.onlineResource.description ||
+                    this.onlineResource.name ||
                     '(unknown)');
             case 'endpoint':
                 return this.onlineResource.description;
@@ -39909,7 +40061,7 @@ class FormFieldOnlineLinkResourcesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, deps: [{ token: NotificationsService }, { token: i2.TranslateService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: i1$a.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineLinkResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-link-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [disabled]=\"disabled$ | async\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineLinkResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-link-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, decorators: [{
             type: Component,
@@ -39922,7 +40074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextAreaComponent,
                         UrlInputComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [disabled]=\"disabled$ | async\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: NotificationsService }, { type: i2.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$a.MatDialog }], propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
@@ -39934,15 +40086,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['dialogTemplate']
             }] } });
 
+marker('editor.record.form.field.onlineResource.edit.identifier.placeholder');
+marker('editor.record.form.field.onlineResource.edit.identifier.placeholder.wps');
 class OnlineServiceResourceInputComponent {
+    set service(service) {
+        this._service = { ...service };
+    }
     constructor(cdr) {
         this.cdr = cdr;
         this.disabled = false;
         this.modifyMode = false;
-        this.urlChange = new EventEmitter();
-        this.identifierSubmit = new EventEmitter();
+        this.serviceChange = new EventEmitter();
         this.errorMessage = false;
-        this.layers = undefined;
+        this.layersSubject = new BehaviorSubject([]);
+        this.layers$ = this.layersSubject.asObservable();
         this.protocolOptions = [
             {
                 label: 'OGC API',
@@ -39973,77 +40130,87 @@ class OnlineServiceResourceInputComponent {
                 value: 'other',
             },
         ];
+        /**
+         * gn-ui-autocomplete
+         */
+        this.autoCompleteAction = (query) => {
+            const fuzzyFilter = createFuzzyFilter(query);
+            return this.layers$.pipe(switchMap((layers) => [
+                layers.filter((layer) => fuzzyFilter(layer.name)),
+            ]), debounceTime$1(100), distinctUntilChanged$1());
+        };
     }
     get activeLayerSuggestion() {
-        return !['wps', 'GPFDL', 'esriRest', 'other'].includes(this.service.accessServiceProtocol);
-    }
-    ngOnChanges() {
-        this.selectedProtocol =
-            this.protocolOptions.find((option) => option.value === this.service.accessServiceProtocol)?.value ?? 'other';
-    }
-    ngOnInit() {
-        if (this.service.url) {
-            this.url = this.service.url.toString();
-        }
+        return !['wps', 'GPFDL', 'esriRest', 'other'].includes(this._service.accessServiceProtocol);
     }
     handleUrlValueChange(url) {
-        this.url = url;
-        this.service.url = new URL(url);
+        this._service.url = url ? new URL(url) : undefined;
         this.resetLayersSuggestion();
-        this.urlChange.emit(this.url);
     }
     async handleUploadClick(url) {
-        this.url = url;
         try {
-            const layers = await getLayers(url, this.service.accessServiceProtocol);
-            this.layers = layers.map((l) => {
-                return {
-                    label: l.title ? `${l.title} ${l.name ? `(${l.name})` : ''}` : l.name,
-                    value: l.name || l.title,
-                };
-            });
-            if (this.layers.length === 0) {
+            const layers = await getLayers(url, this._service.accessServiceProtocol);
+            if (layers.length === 0) {
                 throw new Error('No layers found');
             }
+            this.layersSubject.next([...layers]);
         }
         catch (e) {
             this.errorMessage = true;
-            this.layers = undefined;
+            this.layersSubject.next([]);
         }
         this.cdr.detectChanges();
     }
-    handleSelectValue(val) {
-        this.service.identifierInService = val;
+    resetAllFormFields() {
+        this._service.url = null;
+        this.resetLayersSuggestion();
     }
     resetLayersSuggestion() {
         this.errorMessage = false;
-        this.layers = undefined;
-        this.service.identifierInService = null;
+        this.layersSubject.next([]);
+        this._service.identifierInService = null;
     }
-    submitIdentifier(identifier) {
-        if (!identifier)
-            return;
-        this.identifierSubmit.emit({ url: this.url, identifier });
-        this.service.identifierInService = null;
+    submit() {
+        this.serviceChange.emit({
+            ...this._service,
+            name: this._service.identifierInService, // should we keep the identifierInService? read-write duplicate with name
+        });
+        this._service.accessServiceProtocol = 'ogcFeatures';
+        this.resetAllFormFields();
     }
     getIdentifierPlaceholder() {
         const baseKey = 'editor.record.form.field.onlineResource.edit.identifier.placeholder';
-        return this.service.accessServiceProtocol === 'wps'
+        return this._service.accessServiceProtocol === 'wps'
             ? `${baseKey}.wps`
             : baseKey;
     }
+    /**
+     * gn-ui-autocomplete
+     */
+    displayWithFn(item) {
+        return item.title
+            ? `${item.title} ${item.name ? `(${item.name})` : ''}`
+            : item.name;
+    }
+    /**
+     * gn-ui-autocomplete
+     */
+    handleSelectValue(val) {
+        this._service.identifierInService = val.name; // should we keep the identifierInService? read-write duplicate with name
+        this._service.description = val.title;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnlineServiceResourceInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnlineServiceResourceInputComponent, isStandalone: true, selector: "gn-ui-online-service-resource-input", inputs: { service: "service", protocolHint: "protocolHint", disabled: "disabled", modifyMode: "modifyMode" }, outputs: { urlChange: "urlChange", identifierSubmit: "identifierSubmit" }, providers: [
-            provideIcons({ iconoirCloudUpload }),
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnlineServiceResourceInputComponent, isStandalone: true, selector: "gn-ui-online-service-resource-input", inputs: { service: "service", protocolHint: "protocolHint", disabled: "disabled", modifyMode: "modifyMode" }, outputs: { serviceChange: "serviceChange" }, providers: [
+            provideIcons({ iconoirRefresh }),
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n    (change)=\"resetLayersSuggestion()\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (uploadClick)=\"handleUploadClick($event)\"\n    (valueChange)=\"handleUrlValueChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"url\"\n    [showValidateButton]=\"activeLayerSuggestion\"\n  >\n    <ng-content *ngIf=\"activeLayerSuggestion\">\n      <ng-icon name=\"iconoirCloudUpload\"></ng-icon>\n    </ng-content>\n  </gn-ui-url-input>\n\n  <p class=\"text-sm text-red-500 pl-4\" *ngIf=\"errorMessage\" translate>\n    editor.record.form.field.onlineResource.edit.identifier.error\n  </p>\n\n  <gn-ui-text-input\n    class=\"grow border-b border-gray-300 pb-4\"\n    [(value)]=\"service.identifierInService\"\n    [placeholder]=\"getIdentifierPlaceholder() | translate\"\n    data-cy=\"identifier-in-service\"\n    [disabled]=\"disabled\"\n    *ngIf=\"\n      !activeLayerSuggestion ||\n      (url && errorMessage) ||\n      (modifyMode && layers === undefined)\n    \"\n  ></gn-ui-text-input>\n  <gn-ui-dropdown-selector\n    class=\"border-b border-gray-300 pb-4\"\n    [showTitle]=\"false\"\n    [title]=\"\n      'editor.record.form.field.onlineResource.edit.identifier.select.label'\n        | translate\n    \"\n    [choices]=\"layers || []\"\n    *ngIf=\"activeLayerSuggestion && layers !== undefined\"\n    [selected]=\"service.identifierInService\"\n    (selectValue)=\"handleSelectValue($event)\"\n  >\n  </gn-ui-dropdown-selector>\n  <gn-ui-button\n    (buttonClick)=\"submitIdentifier(service.identifierInService)\"\n    [disabled]=\"disabled || !service.identifierInService\"\n    type=\"primary\"\n    *ngIf=\"\n      !modifyMode &&\n      ((activeLayerSuggestion && layers) ||\n        !activeLayerSuggestion ||\n        (url && errorMessage))\n    \"\n  >\n    <span class=\"text-white font-bold\" translate>\n      editor.record.form.field.onlineResource.edit.identifier.submit</span\n    >\n  </gn-ui-button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i4$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"_service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n    (change)=\"resetAllFormFields()\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (uploadClick)=\"handleUploadClick($event)\"\n    (valueChange)=\"handleUrlValueChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"_service.url?.toString()\"\n    [showValidateButton]=\"activeLayerSuggestion\"\n  >\n    <ng-content *ngIf=\"activeLayerSuggestion\">\n      <ng-icon name=\"iconoirRefresh\"></ng-icon>\n    </ng-content>\n  </gn-ui-url-input>\n\n  <p class=\"text-sm text-red-500 pl-4\" *ngIf=\"errorMessage\" translate>\n    editor.record.form.field.onlineResource.edit.identifier.error\n  </p>\n\n  <gn-ui-text-input\n    class=\"grow border-b border-gray-300 pb-4\"\n    [(value)]=\"_service.identifierInService\"\n    [placeholder]=\"getIdentifierPlaceholder() | translate\"\n    data-cy=\"identifier-in-service\"\n    [disabled]=\"disabled\"\n    *ngIf=\"\n      !activeLayerSuggestion ||\n      (_service.url && errorMessage) ||\n      (modifyMode && (layers$ | async).length === 0)\n    \"\n  ></gn-ui-text-input>\n  <gn-ui-autocomplete\n    class=\"border-b border-gray-300 pb-4\"\n    [placeholder]=\"\n      'editor.record.form.field.onlineResource.edit.identifier.select.label'\n        | translate\n    \"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleSelectValue($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"0\"\n    [clearOnSelection]=\"false\"\n    *ngIf=\"activeLayerSuggestion && (layers$ | async)?.length > 0\"\n  >\n  </gn-ui-autocomplete>\n  <gn-ui-button\n    (buttonClick)=\"submit()\"\n    [disabled]=\"disabled || !_service.identifierInService\"\n    type=\"primary\"\n    *ngIf=\"\n      !modifyMode &&\n      ((activeLayerSuggestion && (layers$ | async)) ||\n        !activeLayerSuggestion ||\n        (_service.url && errorMessage))\n    \"\n  >\n    <span class=\"text-white font-bold\" translate>\n      editor.record.form.field.onlineResource.edit.identifier.submit</span\n    >\n  </gn-ui-button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i4$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnlineServiceResourceInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-online-service-resource-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        DropdownSelectorComponent,
+                        AutocompleteComponent,
                         ButtonComponent,
                         CommonModule,
                         FormsModule,
@@ -40054,11 +40221,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TranslateModule,
                         UrlInputComponent,
                     ], providers: [
-                        provideIcons({ iconoirCloudUpload }),
+                        provideIcons({ iconoirRefresh }),
                         provideNgIconsConfig({
                             size: '1.5em',
                         }),
-                    ], template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n    (change)=\"resetLayersSuggestion()\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (uploadClick)=\"handleUploadClick($event)\"\n    (valueChange)=\"handleUrlValueChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"url\"\n    [showValidateButton]=\"activeLayerSuggestion\"\n  >\n    <ng-content *ngIf=\"activeLayerSuggestion\">\n      <ng-icon name=\"iconoirCloudUpload\"></ng-icon>\n    </ng-content>\n  </gn-ui-url-input>\n\n  <p class=\"text-sm text-red-500 pl-4\" *ngIf=\"errorMessage\" translate>\n    editor.record.form.field.onlineResource.edit.identifier.error\n  </p>\n\n  <gn-ui-text-input\n    class=\"grow border-b border-gray-300 pb-4\"\n    [(value)]=\"service.identifierInService\"\n    [placeholder]=\"getIdentifierPlaceholder() | translate\"\n    data-cy=\"identifier-in-service\"\n    [disabled]=\"disabled\"\n    *ngIf=\"\n      !activeLayerSuggestion ||\n      (url && errorMessage) ||\n      (modifyMode && layers === undefined)\n    \"\n  ></gn-ui-text-input>\n  <gn-ui-dropdown-selector\n    class=\"border-b border-gray-300 pb-4\"\n    [showTitle]=\"false\"\n    [title]=\"\n      'editor.record.form.field.onlineResource.edit.identifier.select.label'\n        | translate\n    \"\n    [choices]=\"layers || []\"\n    *ngIf=\"activeLayerSuggestion && layers !== undefined\"\n    [selected]=\"service.identifierInService\"\n    (selectValue)=\"handleSelectValue($event)\"\n  >\n  </gn-ui-dropdown-selector>\n  <gn-ui-button\n    (buttonClick)=\"submitIdentifier(service.identifierInService)\"\n    [disabled]=\"disabled || !service.identifierInService\"\n    type=\"primary\"\n    *ngIf=\"\n      !modifyMode &&\n      ((activeLayerSuggestion && layers) ||\n        !activeLayerSuggestion ||\n        (url && errorMessage))\n    \"\n  >\n    <span class=\"text-white font-bold\" translate>\n      editor.record.form.field.onlineResource.edit.identifier.submit</span\n    >\n  </gn-ui-button>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"_service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n    (change)=\"resetAllFormFields()\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (uploadClick)=\"handleUploadClick($event)\"\n    (valueChange)=\"handleUrlValueChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"_service.url?.toString()\"\n    [showValidateButton]=\"activeLayerSuggestion\"\n  >\n    <ng-content *ngIf=\"activeLayerSuggestion\">\n      <ng-icon name=\"iconoirRefresh\"></ng-icon>\n    </ng-content>\n  </gn-ui-url-input>\n\n  <p class=\"text-sm text-red-500 pl-4\" *ngIf=\"errorMessage\" translate>\n    editor.record.form.field.onlineResource.edit.identifier.error\n  </p>\n\n  <gn-ui-text-input\n    class=\"grow border-b border-gray-300 pb-4\"\n    [(value)]=\"_service.identifierInService\"\n    [placeholder]=\"getIdentifierPlaceholder() | translate\"\n    data-cy=\"identifier-in-service\"\n    [disabled]=\"disabled\"\n    *ngIf=\"\n      !activeLayerSuggestion ||\n      (_service.url && errorMessage) ||\n      (modifyMode && (layers$ | async).length === 0)\n    \"\n  ></gn-ui-text-input>\n  <gn-ui-autocomplete\n    class=\"border-b border-gray-300 pb-4\"\n    [placeholder]=\"\n      'editor.record.form.field.onlineResource.edit.identifier.select.label'\n        | translate\n    \"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleSelectValue($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"0\"\n    [clearOnSelection]=\"false\"\n    *ngIf=\"activeLayerSuggestion && (layers$ | async)?.length > 0\"\n  >\n  </gn-ui-autocomplete>\n  <gn-ui-button\n    (buttonClick)=\"submit()\"\n    [disabled]=\"disabled || !_service.identifierInService\"\n    type=\"primary\"\n    *ngIf=\"\n      !modifyMode &&\n      ((activeLayerSuggestion && (layers$ | async)) ||\n        !activeLayerSuggestion ||\n        (_service.url && errorMessage))\n    \"\n  >\n    <span class=\"text-white font-bold\" translate>\n      editor.record.form.field.onlineResource.edit.identifier.submit</span\n    >\n  </gn-ui-button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { service: [{
                 type: Input
             }], protocolHint: [{
@@ -40067,9 +40234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], modifyMode: [{
                 type: Input
-            }], urlChange: [{
-                type: Output
-            }], identifierSubmit: [{
+            }], serviceChange: [{
                 type: Output
             }] } });
 
@@ -40158,28 +40323,8 @@ class FormFieldOnlineResourcesComponent {
             this.handleError(e);
         }
     }
-    handleServiceUrlChange(url) {
-        this.valueChange.emit([
-            ...this.allResources,
-            {
-                ...this.newService,
-                url: new URL(url),
-            },
-        ]);
-    }
-    handleIdentifierSubmit(payload) {
-        this.valueChange.emit([
-            ...this.allResources,
-            {
-                ...this.newService,
-                url: new URL(payload.url),
-            },
-        ]);
-    }
-    handleServiceModify(oldService, newService) {
-        oldService.accessServiceProtocol = newService.accessServiceProtocol;
-        oldService.identifierInService = newService.identifierInService;
-        oldService.url = newService.url;
+    handleServiceChange(service) {
+        this.valueChange.emit([...this.allResources, service]);
     }
     handleResourcesChange(items) {
         const notLinks = items;
@@ -40229,7 +40374,7 @@ class FormFieldOnlineResourcesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineResourcesComponent, deps: [{ token: NotificationsService }, { token: i2.TranslateService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: i1$a.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n      (identifierSubmit)=\"handleIdentifierSubmit($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'; else urlInput\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [modifyMode]=\"true\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\n      <ng-template #urlInput>\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-url-input\n          class=\"w-full\"\n          [disabled]=\"true\"\n          [value]=\"onlineResource.url\"\n          [showValidateButton]=\"false\"\n        ></gn-ui-url-input>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: SwitchToggleComponent, selector: "gn-ui-switch-toggle", inputs: ["options", "ariaLabel", "extraClasses", "disabled"], outputs: ["selectedValue"] }, { kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "component", type: OnlineServiceResourceInputComponent, selector: "gn-ui-online-service-resource-input", inputs: ["service", "protocolHint", "disabled", "modifyMode"], outputs: ["urlChange", "identifierSubmit"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      (serviceChange)=\"handleServiceChange($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <ng-container *ngIf=\"onlineResource.type === 'service'; else urlInput\">\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [modifyMode]=\"true\"\n          [disabled]=\"true\"\n        ></gn-ui-online-service-resource-input>\n        <div>\n          <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n            editor.record.form.field.onlineResource.edit.description\n          </h3>\n          <gn-ui-text-area\n            [(value)]=\"onlineResource.description\"\n          ></gn-ui-text-area>\n        </div>\n      </ng-container>\n      <ng-template #urlInput>\n        <div>\n          <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n            editor.record.form.field.onlineResource.edit.title\n          </h3>\n          <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n        </div>\n        <div>\n          <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n            editor.record.form.field.onlineResource.edit.description\n          </h3>\n          <gn-ui-text-area\n            [(value)]=\"onlineResource.description\"\n          ></gn-ui-text-area>\n        </div>\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-url-input\n          class=\"w-full\"\n          [disabled]=\"true\"\n          [value]=\"onlineResource.url\"\n          [showValidateButton]=\"false\"\n        ></gn-ui-url-input>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SwitchToggleComponent, selector: "gn-ui-switch-toggle", inputs: ["options", "ariaLabel", "extraClasses", "disabled"], outputs: ["selectedValue"] }, { kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "component", type: OnlineServiceResourceInputComponent, selector: "gn-ui-online-service-resource-input", inputs: ["service", "protocolHint", "disabled", "modifyMode"], outputs: ["serviceChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineResourcesComponent, decorators: [{
             type: Component,
@@ -40244,7 +40389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextInputComponent,
                         TextAreaComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n      (identifierSubmit)=\"handleIdentifierSubmit($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'; else urlInput\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [modifyMode]=\"true\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\n      <ng-template #urlInput>\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-url-input\n          class=\"w-full\"\n          [disabled]=\"true\"\n          [value]=\"onlineResource.url\"\n          [showValidateButton]=\"false\"\n        ></gn-ui-url-input>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      (serviceChange)=\"handleServiceChange($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <ng-container *ngIf=\"onlineResource.type === 'service'; else urlInput\">\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [modifyMode]=\"true\"\n          [disabled]=\"true\"\n        ></gn-ui-online-service-resource-input>\n        <div>\n          <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n            editor.record.form.field.onlineResource.edit.description\n          </h3>\n          <gn-ui-text-area\n            [(value)]=\"onlineResource.description\"\n          ></gn-ui-text-area>\n        </div>\n      </ng-container>\n      <ng-template #urlInput>\n        <div>\n          <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n            editor.record.form.field.onlineResource.edit.title\n          </h3>\n          <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n        </div>\n        <div>\n          <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n            editor.record.form.field.onlineResource.edit.description\n          </h3>\n          <gn-ui-text-area\n            [(value)]=\"onlineResource.description\"\n          ></gn-ui-text-area>\n        </div>\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-url-input\n          class=\"w-full\"\n          [disabled]=\"true\"\n          [value]=\"onlineResource.url\"\n          [showValidateButton]=\"false\"\n        ></gn-ui-url-input>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: NotificationsService }, { type: i2.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$a.MatDialog }], propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
@@ -40465,11 +40610,11 @@ class FormFieldUpdateFrequencyComponent {
         })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldUpdateFrequencyComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldUpdateFrequencyComponent, isStandalone: true, selector: "gn-ui-form-field-update-frequency", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-check-toggle\n    [label]=\"'editor.record.form.updateFrequency.planned' | translate\"\n    [value]=\"planned\"\n    (toggled)=\"onPlannedToggled()\"\n  ></gn-ui-check-toggle>\n  <gn-ui-dropdown-selector\n    title=\"updateFrequency\"\n    [showTitle]=\"false\"\n    [choices]=\"choices\"\n    [selected]=\"selectedFrequency\"\n    (selectValue)=\"onSelectFrequencyValue($event)\"\n    [disabled]=\"!planned\"\n    [extraBtnClass]=\"'input-as-button gn-ui-text-input'\"\n  >\n  </gn-ui-dropdown-selector>\n</div>\n", styles: ["gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"], dependencies: [{ kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldUpdateFrequencyComponent, isStandalone: true, selector: "gn-ui-form-field-update-frequency", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-check-toggle\n    [label]=\"'editor.record.form.updateFrequency.planned' | translate\"\n    [value]=\"planned\"\n    (toggled)=\"onPlannedToggled()\"\n  ></gn-ui-check-toggle>\n  <gn-ui-dropdown-selector\n    [title]=\"'editor.record.form.field.updateFrequency' | translate\"\n    [showTitle]=\"false\"\n    [choices]=\"choices\"\n    [selected]=\"selectedFrequency\"\n    (selectValue)=\"onSelectFrequencyValue($event)\"\n    [disabled]=\"!planned\"\n    [extraBtnClass]=\"'input-as-button gn-ui-text-input'\"\n  >\n  </gn-ui-dropdown-selector>\n</div>\n", styles: ["gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"], dependencies: [{ kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldUpdateFrequencyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-update-frequency', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckToggleComponent, DropdownSelectorComponent, TranslateModule], template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-check-toggle\n    [label]=\"'editor.record.form.updateFrequency.planned' | translate\"\n    [value]=\"planned\"\n    (toggled)=\"onPlannedToggled()\"\n  ></gn-ui-check-toggle>\n  <gn-ui-dropdown-selector\n    title=\"updateFrequency\"\n    [showTitle]=\"false\"\n    [choices]=\"choices\"\n    [selected]=\"selectedFrequency\"\n    (selectValue)=\"onSelectFrequencyValue($event)\"\n    [disabled]=\"!planned\"\n    [extraBtnClass]=\"'input-as-button gn-ui-text-input'\"\n  >\n  </gn-ui-dropdown-selector>\n</div>\n", styles: ["gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"] }]
+            args: [{ selector: 'gn-ui-form-field-update-frequency', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckToggleComponent, DropdownSelectorComponent, TranslateModule], template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-check-toggle\n    [label]=\"'editor.record.form.updateFrequency.planned' | translate\"\n    [value]=\"planned\"\n    (toggled)=\"onPlannedToggled()\"\n  ></gn-ui-check-toggle>\n  <gn-ui-dropdown-selector\n    [title]=\"'editor.record.form.field.updateFrequency' | translate\"\n    [showTitle]=\"false\"\n    [choices]=\"choices\"\n    [selected]=\"selectedFrequency\"\n    (selectValue)=\"onSelectFrequencyValue($event)\"\n    [disabled]=\"!planned\"\n    [extraBtnClass]=\"'input-as-button gn-ui-text-input'\"\n  >\n  </gn-ui-dropdown-selector>\n</div>\n", styles: ["gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"] }]
         }], ctorParameters: () => [{ type: i2.TranslateService }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{